黄金比例(参考).docVIP

  • 32
  • 0
  • 约2.58千字
  • 约 12页
  • 2017-01-06 发布于天津
  • 举报
黄金比例(参考)

黄金比例 一、黄金比例的定义 二、黄金比例发现历史 三、黄金比例在生活中的应用 1.认知比例偏好 2.自然界中的黄金比例 3.绘画、雕塑、音乐、建筑等艺术领域 4.管理、工程设计 四、黄金分割比例 1.黄金分割矩形的构建 2.黄金分割比例分析 3.黄金分割三角形 五、黄金比例建模 1.高跟鞋 黄金比例身材 用脚底到肚脐的高度除以自己的身高,看是否接近0.618.如果接近,那么恭喜你,你的身材就是黄金比例非常完美了。如果小于0.618的话,那就需要算出你需要穿多高的鞋才行。用你的身高X0.618-脚底到肚脐的高度,就是你要穿的鞋的高度 脚底到肚脐的高度,, /view/816bfa1514791711cc791779.html 黄金分割(黄金比例)又称黄金律或“三分法”,是指事物各部分间一定的数学比例关系,即将整体一分为二,较大部分与较小部分之比等于整体与较大部分之比,其比值为10.618或1.6181,即长段为全段的0.618。0.618被公认为最具有审美意义的比例数字。上述比例是最能引起人的美感的比例,因此被称为黄金分割。 如果把黄金分割的设计理念应用于我们的幻灯片页面设计中,就可以轻松设计出符合兼具美感与设计感的页面来! 举个栗子! 这页幻灯片有三处用到了“黄金分割”的思想。首先整体的页面元素放在了距离页面右端的1/3处。其次,页面底部的修饰条灰色与粉红色的比例也符合黄金分割。最后,两条灰色的线条也几乎放在了数字“1”的黄金分割线上,所以整个页面显得重点突出又不失简约。 再来一个栗子 你能看出来哪里用到了黄金分割了么?有两处哦! 这张幻灯片还可以变成这样子! 通过裁剪图片,把图片的核心元素放于“三分线”上!文字部分放在图片下方,并居中对齐,是不是很帅? 如果你觉得整张幻灯片的中心有点偏右,你可以把文字部分向左移动一点,放在左下方的黄金分割点上! 看一下效果! 也很不错,是不是? 如何实现? Step1:调出“参考线” 在页面上单击鼠标右键,选择“网格和参考线”,依次选择“添加垂直参考线”和“添加水平参考线”。 Step2:找出三等分点 1.在页面上画一个矩形,然后选中矩形并同时按下鼠标左键,复制两个矩形出来; 2.将三个矩形首位相接,并组合到一起; 3.拖动组合后的形状,使其占满整个页面高度。两条这样我们已经把页面的高度分成了三等份; 4.按下Ctrl并拖动水平参考线,复制出另外两条水平线,并将他们拖动到三等分点,删除中间那条水平线(PS:选中——右击——删除) ? 5.同理,画出水平的两条参考线。 至此,我们就找到了整个页面的“黄金分割线”,我们把四条线段相交形成的四个点叫做“换进分割点”,在设计的时候我们尽量把页面元素放在黄金分割点处! 好了,至此,我们今天的教程就over了,再来看一下整体效果! 作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用 Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局。今天我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术 也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局。 黄金比例 黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618。黄金分割从文艺复兴时就开始了。那个时代的艺术家 对黄金分割十分推崇,并且广泛运用在各种设计作品上,数百年来,在建筑、雕塑、绘画等领域都可以看到黄金分割的身影,今天我们同样可以将它运用在数字艺术上。 黄金分割是一个数学的术语,所以开始可能不是很好理解。我们可以简单举例讲解,假设有两个线段a和b,如果它们的长度a+b/a的值等于a/b,即a+b/a=a/b=1.618,那么黄金分割就成立了,a和b中间就是黄金分割点。 黄金分割的运用 以一个960px宽度的网页设计布局为例,假如我们要将这个网页分成两栏,如何才能找到他们的黄金分割点呢? 非常简单,从上面的数学公式我们知道a+b/a=1.618,960px就相当于a+b的值,所以只要用960/1.618=593,所以593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。 这个方式同样适用于一些非固定的弹性的网页布局,只要通过同样的计算公式得到相应数值用相对单位(如百分比)表示即可,这样的网页设计是令人感觉最自然的。你也可以进一步将网页分成3栏、4栏。 当然黄金分割比例只是在设计上的一个指导而已,如果你可以打破这个规则又能保持网页设计页面的自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却更直观和方便使用。

文档评论(0)

1亿VIP精品文档

相关文档