让您的网页设计更加有黄金比例

2014-05-30    分类: 网站建设

网页设计中黄金比例是各类平面布局内使用,尤其是平衡的内容是文本重。 它可以帮助设计人员创建的层次结构和吸引用户的眼睛特定区域。 看看下面的网站例子,看看设计师们利用它!

什么是黄金比例?

黄金比率是一个数学比例,在自然界中普遍存在,并在经典的设计理论用于创建平衡的成分。 这大致等于1.6180,也被称为“中庸”,“黄金分割”,并用希腊字母披“φ”简称。

“黄金矩形”是长度为1.6180倍宽的长方形。 例如,一div ,其具有300px的一侧和另一300 * 1.6180≈485px可以说是一个黄金矩形。


如果从这个黄金矩形砍掉一个好的正方形,你会留下另一个黄金矩形。

让您的网页设计更加有黄金比例

如果从这个黄金矩形砍掉一个好的正方形,你会留下另一个黄金矩形

让您的网页设计更加有黄金比例

你可以这样做,以较小的矩形,然后再次以相同,无限期,给你这个熟悉的形象:

让您的网页设计更加有黄金比例

如果我们从一个好的正方形,然后给它添加另一个我们得到了一个矩形:
保持沿长度最长加广场
然后,我们添加其他方,等于总形状的最长长度:

让您的网页设计更加有黄金比例

让我们现在就来分析几个网站,我们可以看到他们在行动。


示例1:YStudio

让您的网页设计更加有黄金比例

它是如何使用的中庸之道
该网站在这里使用了中庸两三个页面。 主页是关键件工作的概念性概述。 但是,当您访问工作室网页它,你向下滚动页面混合一点与中庸矩形的传统的网络布局。

为什么它的有效
想要脱颖而出,在人群中? Yourlocalstudio(YLS)这样做,是通过利用黄金比例在他们的网站设计。 该设计采用了渐进式的外观有一定的网格系统。 你可以说,这些天娥verything看起来像引导 ..留意了越来越多的网站希望吸引注意力以更加结构动态布局。

结论

黄金比例自然导致用户的眼睛的特定点内的用户界面。 作为一个概念,它可以帮助你思考的内容布局和有效利用层次结构。 布局,排版,色彩和首要原则的结合,将有助于把你的设计到一个新的水平。

网页名称:让您的网页设计更加有黄金比例
分享URL:https://www.cdcxhl.com/news46/19996.html

成都网站建设公司_创新互联,为您提供电子商务ChatGPT用户体验网站设计网站收录移动网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设