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

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

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

什么是黄金比例？

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

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

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

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

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

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

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

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

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

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

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

示例1：YStudio

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

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

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

结论

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

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

猜你还喜欢下面的内容