热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

黄金分割——设计师的设计利器

推荐语:我自己不懂设计,但是我很喜欢设计,在2001年上网的时候,经常在当时的蚁盟等网站去看非常多的设计的优秀的网站

推荐语:我自己不懂设计,但是我很喜欢设计,在2001年上网的时候,经常在当时的蚁盟等网站去看非常多的设计的优秀的网站,每一个网站都要艺术品 一样,看着就是一种享受。而在做SEO的过程中,只有SEO和网页布局设立的合理融合,才能把SEO做到完美:让一般人看不出这个网站刻意SEO过,并且 与人性化设计融为一体。今天给大家推荐一篇

向日葵花有89个花辫,55个朝一方,34个朝向另一方

201102281228474025.jpg

枫叶

201102281228505022.png

喷嚏麦

201102281228528275.png

1.1.2.3.5.8.13.21.34.55.89.144…

后面的数除以前面的树,越往后越趋向于黄金比例。运用到设计当中,譬如一个齿轮的图标,齿的个数可以参考这组数列。PK词:这是自然的法则。

二.动物

由 这组数列引出斐波那契曲线,斐波纳契是在解一道关于兔子繁殖的问题时,得出了这个数列。假定你有一雄一雌一对刚出生的兔子,它们在长到一个月大小时开始交 配,在第二月结束时,雌兔子产下另一对兔子,过了一个月后它们也开始繁殖,如此这般持续下去。每只雌兔在开始繁殖时每月都产下一对兔子,假定没有兔子死 亡,在一年后总共会有多少对兔子? •  在一月底,最初的一对兔子交配,但是还只有1对兔子;在二月底,雌兔产下一对兔子,共有2对兔子;在三月底,最老的雌兔产下第二对兔子,共有3对兔 子;在四月底,最老的雌兔产下第三对兔子,两个月前生的雌兔产下一对兔子,共有5对兔子;……如此这般计算下去,兔子对数分别是:1, 1, 2, 3, 5, 8, 13, 21, 34, 55,89, 144, …看出规律了吗? •从第3个数目开始,每个数目都是前面两个数目之和。

201102281228536765.jpg

下面再简单介绍下斐波那契,了解下周边总是可以唬人的。

意 大利数学家,12、13世纪欧洲数学界的代表人物。生于比萨,早年跟随经商的父亲到北非的布日伊(今阿尔及利亚东部的小港口贝贾亚),在那里受教育。以后 到埃及、叙利亚、希腊、西西里、法国等地游历,熟习了不同国度在商业上的算术体系,他认为使用印度-阿拉伯数码最方便。1200年左右回到比萨,潜心写 作。  他的书保存下来的共有5种。最重要的是《算盘书》(1202年完成,1228年修订),算盘并不单指罗马算盘或沙盘,实际是指一般的计算。全书共15 章,1~7章系统介绍了印度数码与记数制度,以及整数、分数的各种计算方法,结果用弃九法来验算。还列有乘法表、素数表和因子表等若干数表。8~11章是 商业上的计算题,如物价、利润、利息、货币换算等,反映了中世纪地中海地区的广泛商业交往。

201102281228543758.jpg

黄金分割的算法:1.如果线段AB被点C分成线段AC和BC,且 ,那么称线段AB被点C黄金分割,点C叫做线段AB的黄金分割点,AC与AB的比叫做黄金比。通过计算可知黄金比为201102281228540505.png 。2.黄金矩形:一个矩形如果两边之比具有黄金比值,则称这种矩形为黄金矩形.它是由一个正方形和另一个小黄金矩形组成。事实上,如图(4),如果设大黄金矩形的两边为a、b,则 201102281228554036.png,分出一个正方形后,所余小矩形的两边分别为(b-a)和a,它们的比为(b-a):a201102281228558527.png .这表明小的矩形也是黄金矩形。

201102281228554520.png

3. 如何得到线段的黄金分割点C呢?这里介绍一下操作方法:首先画一个参考Y轴(纵轴),如图所示。A点位于Y轴上,水平画出AB直线,长度任意。以A为中 心,AB为半径,画一个圆,得到与Y轴相交的X点。即AX=AB。取AX的中心点Z,即AZ=ZX。连接ZB,并以Z为中心,ZB为半径绘制一个圆,得到 与Y轴相交点Y(下方相交点)。即ZB=ZY。最后,以A为中心点,AY为半径绘制一个圆,得到与AB相交的C点,此时AC=AY。C点即为黄金分割点。

201102281228561064.png201102281228572412.jpg

鹦鹉螺的曲线黄金分割构图也体现在网页构图上,如titter的IPad版。

201102281228582230.jpg

三.人物

1.面部比例。相貌对不起观众的人各有千秋,美丽的人却有很多相似的地方。奥黛丽赫本有这标准的三平五眼,作为公众的美女,我们看看他的脸部有那些黄金分割吧。

201102281229015320.jpg

再以一个普通人凤姐为例,对比看看,在画卡通形象的时候可以夸大面部各部分的黄金比例。

201102281229042118.jpg

2.身体比例

肚 脐:头顶-足底之分割点;(2)咽喉:头顶-肚脐之分割点;(3)、(4)膝关节:肚脐-足底之分割点;(5)、(6)肘关节:肩关节到中指尖之分割点; (7)、(8)乳头:躯干乳头纵轴上这分割点;(9)眉间点:发际到颏底间距上1/3与中下2/3之分割点;(10)鼻下点:发际到下巴底间距下1/3与 上中2/3之分割点;(11)唇珠点:鼻底到下巴底间距上1/3与中下2/3之分割点;(12)颏唇沟正路点:鼻底到颏底间距下1/3与上中2/3之分割 点;(13)左口角点:口裂水平线左1/3与右2/3之分割点;(14)右口角点:口裂水平线右1/3与左2/3之分割点。(15)在人体中三分之二是 水;在22.5 ℃的环境中人体的新陈代谢处于最佳状态,而22.5 ℃是人体正常体温36.5 ℃的0.618倍;(16)心脏中心位于胸腔的黄金分割点上;(17)整个脊柱的0.618是胸与腰的分界处,也就是第12胸椎处,从肩至中指指 尖的 0.618是肘关节,从肘关节至中指指尖的0.618为腕关节,从膝关节至足尖的0.618是踝关节。(18)姿态优美,身材苗条的时装模特和翩翩起舞的 舞蹈演员,他们的腿和身材的比例也近似于0.618的比值。

201102281229074188.jpg

思考:如果小明的身高是1.75米,假如肚脐在0.97米位置,增高垫用多高能使肚脐达到人体的黄金分割点?答案最下面公布。

201102281229106470.jpg

3. 另外,和人体有关的黄金分割还有:一年12个月,12的0.618是7.4,7、8月份人体血液中的淋巴细胞最多,它可参与抵御细菌的侵袭,所以这时是人 体抵抗力最强的时期。一天中气温最低的时间是凌晨2时气温最高是在14时,它们之间的黄金分割点为9.4,上午9,10时的气温是一天中最适宜的,这时人 的头脑最清楚,办事效率最高。中医的三个主要健身穴位枣百会、涌泉和劳宫的位置也符合这一分割律:百会位于前发际至后发际的0.618处,涌泉位于足掌部 的0.618处,劳宫位于手掌的0.618处。

201102281229128865.jpg

4.DNA 的比例。最有意味的是,在人的生命程序DNA 分子中,也包含着“黄金分割比”。它的每个双螺旋结构中都是由长 34个埃与宽21个埃之比组成的,当然34和21是斐波那契系列中的数字,它们的比率为1.6190476,非常接近黄金分割的1.6180339。这是 否说明黄金分割律是比DNA中的遗传密码更基本的东西?因为承载DNA的结构——双螺旋结构——也遵循黄金分割律。

201102281229143643.jpg

四.建筑雕塑

埃 菲尔铁塔是一座纪念性建筑物,为了纪念法国大革命100周年,巴黎决定在1889年举办国际博览会,并要造一座永久性纪念建筑物。埃菲尔铁塔在1889年 初建时,高度已达300米,是当时全世界最高的建筑物,直到1930年,仍是最高的(1959年在埃菲铁塔顶部增设广播天线,使塔高增加到320米。) 埃菲尔铁塔在距离地面57米,115米和276米处,各有一个平台,计算表明:(300-115)  300=0.617。所得比值与黄金比0.618相差甚微,由此可见,埃菲尔铁塔第二层平台的位置,非常接近于全塔高度的黄金分割点,从图中可以看出,第 二层平台正是埃菲尔铁塔张开的四条腿开始收拢的转折点。埃及金字塔的高和底部边长是黄金比例。

201102281229162712.jpg

雕塑维纳斯的身体各部分也符合黄金比例。

201102281229176887.jpg

五.绘画摄影

蒙娜丽莎的微笑

达· 芬奇的“美丽密码”共有六大“法则”,其中包括脸的宽度必须是鼻宽的4倍;前额的宽度、鼻子的长度以及下颌骨长度必须都相等;研究人员吃惊地发现,“六大 法则”中的5个都与现代人的审美标准奇迹般地吻合,只有一项关于“鼻子与嘴的比例”的法则与现代略有出入。小巧的嘴型是文艺复兴时期的审美标准,嘴的宽度 是鼻宽的1.5倍被认为最完美。与之不同的是,研究发现,现代人普遍认为嘴宽与鼻宽的比例达到1.6的更美。达·芬奇的“美丽密码”要求如此严苛,以至于 大多数普通人都不能全部符合其标准。因此研究人员也表示:“尽管这一研究结果显示脸部器官的大小、组合方式以及位置不同,都会对个人魅力产生影响。但一个 人的美丽是一个复杂的组合,其中还涉及到其他许多因素。”

201102281229194456.jpg

摄影的九宫构图法

九宫构图顾名思议,将画面平均九等分,而四个交叉点侧是黄金点,拍摄时将主体放在图中四个交叉点中的任何一个点上,而不是放在画面的中心或接近中心的位置上.而四个点中,一般认为,右上方的点,是最理想的位置。

201102281229256048.jpg

六.其他

1.美剧中的黄金分割过场

•盛开的花瓣中隐藏着蜻蜓的翅膀,花心是费马螺线组成,而螺线的排列与黄金分割和斐波那契数列相关。

•青蛙的背后有希腊文第21个字母PHI(Φ),这个字母用来代表黄金分割,1.6180339887。

•角的形状就是斐波纳契螺线,而仔细观察可以看到角上的数字,就是黄金分割数值Phi-Φ——1.6180

•海马的身上图形是Fibonacci Spiral斐波纳契螺线,同时,螺线里面包含的线代表了黄金分割的比例。海马的尾部是Fibonacci Spiral,一些图片中还包括了L-histidine 组氨酸和L-proline脯氨酸的结构图。

201102281229262544.jpg

2.手机界面

•Iphone宫格界面,每个图标都是57*57,图标宽度与图标顶部到下一排图标的高度的比例是黄金比例。

•天语手机传统的九宫格形式,对屏幕也进行了视觉上的黄金分割。

•WM6.5的蜂窝系统,六边形一方面最省空间,一方面也接近于黄金比例的5边型。

201102281229278528.jpg

关于黄金分割的总结就告一段落了,一些例子可以灵活的运用到设计当中,希望对看到这篇文章的同学们不管是设计或者PK都有所帮助。




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2011/03/31/2000472.html,如需转载请自行联系原作者



推荐阅读
  • 你可能体验过AR红包,但未必了解AR图书的奇妙世界
    AR出版是指将增强现实(AR)技术应用于图书制作,为读者提供更加生动、互动的阅读体验。例如,接力出版社推出的《香蕉火箭科学图画书》、山东教育出版社的《恐龙大世界》以及北京时代华文书局与摩艾客合作开发的AR英语学习书籍,都通过AR技术将平面内容转化为立体、动态的视觉效果,让知识变得更加直观和有趣。 ... [详细]
  • 本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明,帮助读者快速掌握该模块的使用方法。在疫情期间,作者重新审视并研究了这一未被充分利用的模块,最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现,还涵盖了调试过程中遇到的常见问题及其解决方法,为初学者提供了宝贵的参考。 ... [详细]
  • 全面解析JavaScript代码注释技巧与标准规范
    在Web前端开发中,JavaScript代码的可读性和维护性至关重要。本文将详细介绍如何有效地使用注释来提高代码的可读性,并探讨JavaScript代码注释的最佳实践和标准规范。通过合理的注释,开发者可以更好地理解和维护复杂的代码逻辑,提升团队协作效率。 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • 该大学网站采用PHP和MySQL技术,在校内可免费访问某些外部收费资料数据库。为了方便学生校外访问,建议通过学校账号登录实现免费访问。具体方案可包括利用学校服务器作为代理,结合身份验证机制,确保合法用户在校外也能享受免费资源。 ... [详细]
  • Java Socket 关键参数详解与优化建议
    Java Socket 的 API 虽然被广泛使用,但其关键参数的用途却鲜为人知。本文详细解析了 Java Socket 中的重要参数,如 backlog 参数,它用于控制服务器等待连接请求的队列长度。此外,还探讨了其他参数如 SO_TIMEOUT、SO_REUSEADDR 等的配置方法及其对性能的影响,并提供了优化建议,帮助开发者提升网络通信的稳定性和效率。 ... [详细]
  • 帝国CMS中的信息归档功能详解及其重要性
    本文详细解析了帝国CMS中的信息归档功能,并探讨了其在内容管理中的重要性。通过归档功能,用户可以有效地管理和组织大量内容,提高网站的运行效率和用户体验。此外,文章还介绍了如何利用该功能进行数据备份和恢复,确保网站数据的安全性和完整性。 ... [详细]
  • Cisco OSI 软件更新指南:详细步骤与最佳实践
    Cisco OSI软件更新指南提供了详细的步骤和最佳实践,帮助用户高效、安全地完成软件升级。本文不仅涵盖了更新前的准备工作,还详细介绍了更新过程中的关键步骤和注意事项,确保系统稳定性和安全性。此外,还提供了故障排除和验证方法,以确保更新后的系统运行正常。 ... [详细]
  • 深入解析Linux内核中的进程上下文切换机制
    在现代操作系统中,进程作为核心概念之一,负责管理和分配系统资源,如CPU和内存。深入了解Linux内核中的进程上下文切换机制,需要首先明确进程与程序的区别。进程是一个动态的执行流,而程序则是静态的数据和指令集合。进程上下文切换涉及保存当前进程的状态信息,并加载下一个进程的状态,以实现多任务处理。这一过程不仅影响系统的性能,还关系到资源的有效利用。通过分析Linux内核中的具体实现,可以更好地理解其背后的原理和技术细节。 ... [详细]
  • 最新消息显示,苹果即将发布的新一代iOS系统可能将集成先进的3D地图功能。这一创新技术由C3 Technologies公司开发,曾在今年3月被TechCrunch报道。用户可以通过该功能获得更加真实和沉浸式的地图体验,包括详细的建筑物模型和街景视图。视频演示展示了其卓越的视觉效果和交互性。 ... [详细]
  • 短信验证码安全性堪忧,多因素认证或成未来主流
    短信验证码安全性堪忧,多因素认证或成未来主流 ... [详细]
  • CSS3 @font-face 字体应用技术解析与实践
    在Web前端开发中,HTML教程和CSS3的结合使得网页设计更加多样化。长期以来,Web设计师受限于“web-safe”字体的选择。然而,CSS3中的`@font-face`规则允许从服务器端加载自定义字体,极大地丰富了网页的视觉效果。通过这一技术,设计师可以自由选择和使用各种字体,提升用户体验和页面美观度。本文将深入解析`@font-face`的实现原理,并提供实际应用案例,帮助开发者更好地掌握这一强大工具。 ... [详细]
  • Windows 10系统对Intel服务器的影响:来自微软官网的下载选项分析 ... [详细]
  • 实现Nginx对ThinkPHP URL重写及PATHINFO支持的详细方法解析【PHP开发】
    在PHP后端开发中,实现Nginx对ThinkPHP的URL重写及PATHINFO支持是一项常见的需求。本文详细解析了经过多次尝试和研究,最终找到的一种有效配置方法,能够确保URL_MODERewrite功能正常运行,并提供稳定的服务。此外,文章还探讨了相关配置项的具体作用及其优化建议,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 如何撰写PHP电商项目的实战经验? ... [详细]
author-avatar
倒转流年1990
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有