黄金分割的金苹果——浅谈apple设计中的黄金分割

你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少。了解他,发现美,也给自己增加精彩,好作品不会没有依据。

掀开面纱

0.618或者1.618,这个数字是否觉得似曾相识。这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比恰恰等于长段与整条线之比,其数值比为1:1.618或0.618:1。

这就是黄金分割律,由公元前六世纪古希腊数学家毕达哥拉斯所发现,后来古希腊美学家柏拉图将此称为黄金分割。 黄金分割在未发现之前,在客观世界中就存在的,只是当人们揭示了这一奥秘之后,才对它有了明确的认识。当人们根据这个法则再来观察自然界时,就惊奇的发现 原来在自然界的许多优美的事物中的能看到它,如植物的叶片、花朵,雪花,五角星……许多动物、昆虫的身体结构中,特别是人体中更是有着丰富的黄金比关系。

植物叶子中黄金分割

鹦鹉螺曲线的每个半径和后一个的比都是黄金比例,是自然界最美的鬼斧神工。

动植物的这些数学奇迹并不是偶然的巧合,而是在亿万年的长期进化过程中选择的适应自身生长的最佳方案。

走的更近

黄金分割律作为一种重要形式美法则,成为世代相传的审美经典规律,至今不衰!这里我要再向你推荐一个美学利器——黄金矩形(Golden Rectangle)。它的的长宽之比为黄金分割率0.618,并且可以不断以这种比例分割下去。

黄金矩形:

黄金分割率和黄金矩形能够给画面带来美感,令人愉悦。在很多艺术品以及建筑中都能找到它。埃及的金字塔,希腊雅典的巴特农神庙,印度的泰姬陵,这些伟大杰作都有黄金分割的影子。

泰姬陵的多出布局都能看出黄金分割

达•芬奇的《蒙娜丽莎》中蒙娜丽莎的脸也符合黄金矩形(介个网上很多图此处不多说了,呵呵),《最后的晚餐》同样也应用了该比例布局。

《最后的晚餐》中后墙和窗户,还有前景的桌子和弟子的脚都存在着微妙的关系

为什么人们对这样的比例,会本能地感到美的存在?其实这与人类的演化和人体正常发育密切相关。据研究,从猿到人的进化过程中,骨骼方面以头骨和腿骨 变化最大,躯体外形由于近似黄金而矩形变化最小,人体结构中有许多比例关系接近0.618,从而使人体美在几十万年的历史积淀中固定下来。人类最熟悉自 己,势必将人体美作为最高的审美标准,由物及人,由人及物,推而广之,凡是与人体相似的物体就喜欢它,就觉得美。

古希腊数学家毕达哥拉斯有句名言“凡是美的东西都具有共同的特征,这就是部分与部分以及部分与整体之间的协调一致。”

我们结婚吧,从此苹果和黄金分割过上了幸福的生活

Apple logo

Apple logo苹果中小叶子的高度和缺口的高度之比是0.6,而缺口的位置也和黄金分割有着千丝万缕的关系。也许这里面还有更多黄金分割的密码,这里就要同学们自己去发现咯~

界面中的黄金分割

以iphone4为例,主界面的图标大小是114PX*114PX,它与图标和行距的总和(176PX)之比大约为0.6,而屏幕分辨率的长宽比640/960也很接近黄金分割数0.618.

短信页面,信息块宽度所占整个屏幕的比例也是和黄金比例很接近的。再看拨号盘,就是一个个小黄金矩形的集合。是不是当我们不知道如何分配页面中各个元素比例的时候,这是一个很可以考虑的因素呢。

再看下面几个例子:

Safari中地址栏和搜索栏的比例也是应用了黄金分割,合理的分配了空间,既能充分显示当前地址也方便用户选择“搜索”。

26键键盘,这是在手机中使用率最高的键盘,按键高度和按键占整个行高的比值很接近黄金分割,同时每个按键也是小黄金矩形。这里的比值都是和黄金率近似但并不完全相同的,这点也很重要,因为设计并不只是美学,还要考虑到用户触键的准确率,信息的承载量等诸多因素。

色彩对比上也可以应用黄金比例,如明度的对比,键盘里同一高度上深色按键和浅色按键的明度之比在接近黄金风格的时候是很容易辨识和区分按键功能,同时还不会觉得过于抢眼。

网页中的应用

这是apple官网首页的截屏,他不像很多网站使用黄金分割处理左右分栏,而是充分的使用了黄金矩形,合理的排布了版面,又彰显了大气的风格。

Id设计中的黄金分割

如今宽屏显示已经是主流趋势,16:9,16:10这种比例都是比较接近黄金分割的,他们被充分应用的产品的设计上。经典的Apple Mac book pro也是使用了16:10这种及其接近黄金比的屏幕设计。

他们很幸福,我们怎么办?

讲了这么多,大家会不会有点晕啊。哈哈,知道你不是学数学的,不擅长算数子。我就替你总结吧。

Apple的设计中到处都有黄金分割的影子(估计还有好多被办公室的明亮灯光照的不太容易发现,你来发现吧),是不是由此可以得出在不用考虑其他一 些必要因素的时候,可以用黄金分割比来排布那些你不知该如何排布的页面的元素。比如表格的设计,网页的分栏,需要有侧重点的界面内的两部分。

使用了黄金分割布局的banner,文字和图片的比例关系合理,在最大程度的凸显文字的基础上配图也不会失去光彩。

额,没有好好应用黄金比例,杯具了~~~~

同时,这里还有一点很重要,就是上面的说的其他因素,这就要巧妙的应用,全局思考,才能做出真正的“黄金”作品出来,而不能仅仅是一个应用了黄金比率却不满意的失败作品。

在实际运用过程中切忌一味的照搬,如果使用了黄金分割比,整体效果反而不好,这就要求我们在实际的创作过程中,不断的积累经验,做到应用自如,应尽量的以多种多样的形式进行创作,不应该让这些本来对我们创作有益的规律成了拘束创作的阻碍。

文章来源:百度MUX 转载请注明出处链接。

时间: 2024-11-30 20:50:36

黄金分割的金苹果——浅谈apple设计中的黄金分割的相关文章

黄金分割的金苹果 apple设计中的黄金分割

本文来源百度MUX,自黄金分割理论提出以来,被应用到了无数的工业设计.平面设计层面,此文将以苹果的设计实例做个抛砖,看看0.618是怎样嵌合到我们日常生活中的: 你研究或者不研究,美就在那里,不偏不移;你发现或者不发现,黄金分割就在那里,不多不少.了解他,发现美,也给自己增加精彩,好作品不会没有依据. 掀开面纱 0.618或者1.618,这个数字是否觉得似曾相识.这其实是一个数学比例关系(说到数学,不要先着急晕哦,知道咱们做设计得对计算都不敏感,呵呵),即把一条线段分为两部分,此时短段与长段之比

浅谈交互设计中Web UI与手机UI的区别

  做了几年的UI和交互,这期间曾经接触过网页设计和手机应用界面的设计,现在简单的谈一下两者之间的区别,个人拙见做个小总结,不同意见轻拍. 首先,网页设计与手机UI,操作的媒介不同,鼠标与手,这是一个很大的区别,而这个区别所造成的几点不同如下: 1. 精确度不同: 鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的(注意,仅仅是可接受),点击的错误率不会很高. 而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

盖座漂亮的“楼”–浅谈网页设计中的构图

网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新. 如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功倍的构图技巧.个人拙见,希望能够抛砖引玉. [一]坚实的地基-几何图形的力量.

浅谈游戏界面设计中的视觉语言

前言 游戏界面设计(Game Interface Design 简称GID),是指将游戏用户能够进行交互功能的视觉元素,进行规划.设计的活动.视觉语言(Language of Vision),源于科学的造型理论,在造型艺术领域里,这种可以传达情感.理念和信息的形象及图形.文字.色彩等元素所构成的视觉样式,被称为视觉语言. 游戏界面作为用户参与游戏,体验游戏娱乐性的通道,直接影响着用户对游戏的印象, 一款优秀的游戏界面,应注重视觉语言的设计,始终遵循"以人为本"的设计理念,使用户在游戏过

浅谈产品设计中的初始值

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在之前文章中提到了正面和负面反馈式交互设计的概念,从中我们了解到合适的反馈机制在和程序之间的交互行为中从而让用户时刻知道现在发生了什么,通过正面反馈和负面反馈我们可以很清晰的让用户知道当前正在发什么,帮助用户打消疑虑,使用户尽快完成自己的目标,同时也让我们的网站更加易用,更加人性化. 出色设计源于生活,你思考过这些简单的生活原理吗? 我们大家都知道楼房里的声控灯,它有一个非常有趣的现象,那就是当光线充足时,任你发出多大的声音都不亮 .但是在黑夜,你

浅谈产品设计中的可用性和可访问性

在用户体验这个行业,经常会听到,可用性,可访问性这样专业的名词,但是,事实上在很多产品实现过程里都忽略了这一点!WHY? 举个很简单的例子,用户的注册流程,很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性,直白点说,产品的应用场景没有cover全用户群,损害了这部分用户的可用性和访问性. 太抽象?不明白?好,那我们就用户注册流程展开,侃侃流程中用户提交表单的设计. 看上图,这是现有支付宝注册流程中的一块功能,要实现的功能很简单,个人用户直接填写注册信息,是企业用户的话,

浅谈网页设计中的简约之美

  随着网页技术的不断发展,网页设计的趋势在改变,扁平化.响应式.视觉差滚动.卡片式等给设计师带来了更多的发挥空间.简约的设计,也以其简洁直观.轻薄美观等特点,越来越受到设计师的追捧和大众的喜爱. 那么什么是简约设计? 简约设计是将设计回归本质的一种设计理念.简约并是对内容的简单删减,而是提炼设计精华,满足美观实用的本质诉求.在网页中,简约的设计,往往具清晰的页面结构.简单的交互操作等特征,在满足传递信息的同时,从视觉体验的角度,为用户带来轻松.愉悦的美感. 那么在网页中,怎样做到简约呢?下面是

浅谈网站设计中的SEO意识

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站建设就好比建房子,而网站一开始的设计就像是打地基.有一个好的地基,房子才能越发的巩固,才能层次高.如果我们从一开始就对网站设计和布局开始了SEO优化,那是不是起到了事半功倍的效果呢. 以上是常见性的设计模板,分布干净,这样就形成了一个简单的布局和自动SEO.在这简单的基本布局,可以根据网站的定位和调整来添加所需要的内容. 头部 H1和页面