设计美学:黄金螺旋的妙用和趣用

2015-6-12    用心设计


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


每一个扁平化界面设计,都是我们的心灵碰撞致力于最棒的 metro ui 设计

来源:人人都是产品经理263700-096c04ee915b4f2f


相信做设计的同学对黄金螺旋线并不陌生,这是属于纯理论层面的知识,上面这张建筑图片就是很明显运用了这个理论。

那什么是黄金螺旋线?

黄金螺旋线又叫斐波纳契螺旋黄金,它的方程是:ρ=αe^(φk),其中:α和k为参数,φ是极角,ρ是极径,e是自然对数的底。

这是个什么鬼?这个时候该对以前学习过此理论的同学表示同情了是吧。背下来并没有什么卵用,学以致用才是王道。其实用图形转化表达出来,它就是长这样的。

263700-88543ba7ef379fdc

看上去很简单是不是,在我们日常生活中也能经常见到这样的结构,天然的不加任何人工痕迹的结构,比如说田螺、星空。

263700-5c1131b46828c21a

263700-6c2ae807523cb199

这样形成的螺线就是黄金螺旋线,它有很多优美的特点,是中的,美中之美。不信看下面这张图片:

263700-a8eb45b203680aed

这是布列松在第二次世界大战刚结束时拍摄的一幅名作《叛徒的审判》。画面中人物众多,但主要情节表达的淋漓尽致,让人感到毫不杂乱。

但当我们把黄金螺旋线放上去,奇妙的感觉就产生了。

263700-bee75007af435b9b

事关审判的主要人员,被这条曲线很好的“包络”了起来。让人们的视线随同螺旋焦点落在了叛徒身上。更奇妙的是如果你把螺旋线反过来用,螺旋的焦点会落在审判者的手上,那可是决定叛徒命运的手啊,好奇的同学可以试着画一下!

这里说一句,黄金螺旋线的的使用,可不是机械教条的用。它可以随透视而变形,可以随画面而改变方向和大小。

看看这个苹果的logo,有谁知道为什么会设计成这个样子,缺的那部分不深不浅,把柄又刚刚好,看上去简直无法挑剔,让人不禁要问why?

263700-ded240ef30c72041

也许下面这张图会给你答案!

263700-ae872b89a5f0e2ef

人家的螺旋不是白画的是吧,苹果的讲究和工匠精神也不是吹的。

另外,网页设计也同样适用黄金螺旋线。

263700-4ba479aa26b3558a

这个页面信息很混乱,看上去密密麻麻,毫无重点,糟糕地一塌涂地,那么现在让我们螺旋一下。

263700-74308d029ca07f0a

然后就变成了这个样子!

QQ20150612105003

是不是清晰明朗了许多?

美本来没有标准,但你又不得不承认很多设计,约定俗成了就成了心照不宣的标准,而且在设计界应用广泛。黄金螺旋线就是如此。

最近俄罗斯莫斯科有位设计师趣味性大发,运用黄金螺旋线狠狠恶搞了一把——帮助大家耳熟能详的名人整容。

263700-ffc664bd205d2c08

263700-bda0a6a057ccc58f

263700-b3af07e077fbc6a4

263700-6879b5524cee0e5a

虽然是恶搞,但是也告诉我们好的东西用得不好就是一场灾难!昔日的蒙娜丽莎微笑也不会美了,达芬奇泉下有知该是怎样的心情。当然如果这个能开发成app,也许能像脸萌一样火一阵。

 

来源:艾艺信息

原文地址:http://www.jianshu.com/p/6cb325b5867f#


分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档