我们专注于广州网页制作、广州网站制作、广州网站设计业务!

新闻资讯 NEWS

专业的广州网页制作网站制作设计公司,竭诚为您服务!

如何在网页设计中正确运用黄金比例?

作者:管理员   来源:本站   发表时间:2016/8/13   编辑:广州网页设计
之前也和大家分享过很多关于黄金分割的问题。我们在大自然中很容易找到这样的比例,当它用于设计时,能创造出有生命力的、纯天然的视觉作品,愉悦我们的眼睛。但究竟什么是黄金比例,如何使用它来提高你设计水平?下面给你分析分析。

黄金比例是多少?

我们会把它尽可能解释得简单哟!黄金比例(也被称为黄金分割,中庸之道,神圣比例或希腊字母φ)存在于被分割成两截的线段中,我们设较长的一段为a,较短的一段为b,那么有:(a)÷(b)=【(a)+(b)】÷(a),都等于1.618。
如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?


但是不要让这些数字难倒你。在设计中,黄金比例可以归结为美学——创造和激发一种通过比例与和谐产生的美感。当应用于设计中时,黄金比例提供了一种艺术性;一个未知因素,一定的描述的事物。

这种和谐和比例已被成千上万的世纪所承认:从吉萨金字塔到雅典的帕特农神庙;从米开朗基罗的《亚当的创生》到西斯廷教堂天花板上梵高的《蒙娜丽莎》;从百事 logo 到 Twitter logo。甚至于我们的身体和脸也同样遵循这样的数学比例:

事实上,我们的大脑似乎本能地更喜欢使用黄金比例的对象和图像。这几乎是一个潜意识的力量,以至于哪怕为图像作更接近黄金比例的微妙调整对我们的大脑也有很大影响。

黄金比也适用于形状。画一个正方形,设定边长为1,改变其中一边使其变为1.618,一个完美的黄金比矩形便赫然纸上。
如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?


现在,如果你把正方形叠加在矩形上,那么这两个图形会让你看到一个黄金比矩形。

如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?

如果你一直按照这样的方式把黄金比应用到新矩形上,那么你最终会得到一个个逐渐缩小的正方形:

如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?

假如你在上面这张黄金比例图的每个正方形的对角画一条曲线,你将会看到一个黄金比例曲线(亦称斐波 那契序列)—— 这个序列中的每一个数字是前面两个数字之和。我们从零开始,结论如下:0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144……等等。
如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?


通过在每个正方形中画对角曲线你会发现,这张图出现了一条神奇的黄金比例曲线:
如何在网页设计中正确运用黄金比例?

如何在网页设计中正确运用黄金比例?


这条美丽的螺旋曲线出现在自然界很多的物种当中——蕨类植物、花卉、贝壳,甚至飓风——这也许就是为什么我们会觉得他们具有强烈的视觉吸引力。因为毕竟,天然的就是最好的。
网页设计如何正确运用黄金比例?

网页设计如何正确运用黄金比例?


我们再进一步研究它吧,在每个正方形中画一个正圆——这样的结果是所有圆的大小也同样遵循1:1.618,它们的比例看起来是多么的平衡啊!
OK,你现在已经理解黄金比例的概念了,那么让我们看看它是如何提升设计空间的整体水平,

我们常常把黄金比例看作是确定空间布局的实用指南。应用黄金分割的一个非常简单的方法是将矩形的长宽比设为1:1.618.

例如:960像素是非常典型的画布宽度,用这个宽除以1.618,得到一个594像素的数值,把它设置为高度,就是一块完美的画布。

现在,打破这种布局,使用黄金比例分成两列。瞧!在这两个形状使你的设计呈现协调的黄金比例布局。

网页设计如何正确运用黄金比例?

网页设计如何正确运用黄金比例?

  • 联系电话:020-85548809
  • 联系传真:020-29883069
  • 联系邮箱:service@fangkuaiwang.com
  • 联系地址:广州市中山大道中138号汇勤商业大厦711-712室

关于我们 | 经营理念 | 企业文化 | 服务承诺 | 付款方式 | 加入我们 |

COPYRIGHT © 广州网页制作网站制作公司 2006-2016 Powered by www.fangkuaiwang.com.cn . All Right Reserved.

广州方快网络|专注于广州网页制作、广州网站制作服务 

  • 在线客服点击这里与我们联系
  • 在线客服点击这里与我们联系
  • 技术支持点击这里与我们联系
方快广州网页制作网站制作公司