黄金分割的金苹果——浅谈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,文字和图片的比例关系合理,在最大程度的凸显文字的基础上配图也不会失去光彩。
 

额,没有好好应用黄金比例,杯具了~~~~
同时,这里还有一点很重要,就是上面的说的其他因素,这就要巧妙的应用,全局思考,才能做出真正的“黄金”作品出来,而不能仅仅是一个应用了黄金比率却不满意的失败作品。
在实际运用过程中切忌一味的照搬,如果使用了黄金分割比,整体效果反而不好,这就要求我们在实际的创作过程中,不断的积累经验,做到应用自如,应尽量的以多种多样的形式进行创作,不应该让这些本来对我们创作有益的规律成了拘束创作的阻碍。

 















本文转自百度技术51CTO博客,原文链接:http://blog.51cto.com/baidutech/746945,如需转载请自行联系原作者

相关文章
|
7月前
|
缓存 监控 关系型数据库
使用MYSQL Report分析数据库性能(上)
最终建议:当前系统是完美的读密集型负载模型,优化重点应放在减少行读取量和提高数据定位效率。通过索引优化、分区策略和内存缓存,预期可降低30%的CPU负载,同时保持100%的缓冲池命中率。建议每百万次查询后刷新统计信息以持续优化
600 161
|
20天前
|
人工智能 Linux API
从0到1打造AI工作团队:OpenClaw多Agent协作指南,2026年阿里云+本地部署保姆级流程步骤
Google Cloud高级AI产品经理、Awesome LLM Apps(99k+ stars)作者Shubham Saboo的生产级AI Agent团队实战方案,在2026年迎来了全新的落地升级。这款基于OpenClaw(Clawdbot)搭建的6人AI Agent协作系统,摆脱了传统单Agent的上下文局限,通过人格化设计、文件系统协作、长期记忆沉淀和自愈机制,实现了研究报告、内容创作、代码审查、邮件通讯等6项核心工作的全自动化运行。经过一个月实测,该系统每天能为使用者节省4-5小时的重复工作时间,月均运营成本不到400美元,更可通过阿里云云端部署实现7×24小时无休运行,也能在MacO
1496 1
|
9月前
|
存储 人工智能 运维
阿里云联合信通院发布《面向LLM应用的可观测性能力要求》
随着大模型技术的广泛应用,大语言模型(LLM)在对话系统、检索增强生成(RAG)、智能体(Agent)等场景中展现出无限的想象力与创造力。同时,基于 LLM 以及 AI 生态技术栈构建的应用以及业务场景也如雨后春笋般不断涌现。然而,LLM 应用在生产落地过程中面临着模型不确定性大、架构链路复杂、用户体验难以评估等诸多痛点。如何构建 LLM 应用的全链路可观测性体系以及如何评估可观测性能力是否完善,业界缺乏统一且完整细致的标准。
|
9月前
|
自然语言处理 API
tiktok养号脚本, 抖音自动养号脚本app,批量起号插件脚本
该养号系统包含三大核心模块:主控程序实现自动化操作流程,内容生成器创建自然语言内容
|
8月前
|
存储 Web App开发 Ubuntu
手机变PC:给安卓手机刷Ubuntu Touch系统
至此,魅族PRO 5刷入Ubuntu Touch即完成了。 魅族PRO 5的Ubuntu Touch的开机画面如下:
1784 0
|
10月前
|
数据采集 人工智能 监控
从 Agent 到模型推理:端到端的可观测性实践
本文探讨了AI领域的最新发展趋势及应用挑战,详细分析了模型、框架与应用场景的进展,并针对如何用好AI、节省资源与确保合规提出了见解。同时,文章深入剖析了AI应用的典型架构,强调实现端到端可观测性的关键步骤,包括全链路追踪与数据平台构建。此外,还介绍了阿里云提供的全栈可观测解决方案,以及Tracing技术的具体实现细节。通过对关键性能指标(如TTFT和TPOT)的监控,优化数据采集与探针性能,解决了Dify等平台的实际问题。最后,阐述了模型质量评估与Token黑洞监控的重要性,并展示了阿里云监控平台的统一观测能力,助力用户全面掌握AI应用表现。
|
缓存 安全 Java
提升编程效率的利器: 解析Google Guava库之集合工具类-50个示例(八)
提升编程效率的利器: 解析Google Guava库之集合工具类-50个示例(八)
|
存储 监控 安全
什么是日志管理,如何进行日志管理?
日志管理是对IT系统生成的日志数据进行收集、存储、分析和处理的实践,对维护系统健康、确保安全及获取运营智能至关重要。本文介绍了日志管理的基本概念、常见挑战、工具的主要功能及选择解决方案的方法,强调了定义管理目标、日志收集与分析、警报和报告、持续改进等关键步骤,以及如何应对数据量大、安全问题、警报疲劳等挑战,最终实现日志数据的有效管理和利用。
2459 0
|
设计模式 开发框架 前端开发
使用 FastEndpoints 来垂直切割Web API的控制器方法
使用 FastEndpoints 来垂直切割Web API的控制器方法
|
人工智能 安全 网络安全
服务器网络安全防护措施有哪些?
服务器网络安全防护措施有哪些?