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

解析网页制作更为有黄金分割比例

发布时间:2019-10-16 18:18

网页设计中的黄金比例用于各种平面布局,尤其是平衡内容是文本权重。它可以帮助设计师创建吸引用户的层次结构和特定于眼睛的区域。看看以下网站示例,看看设计师如何使用它! 接下来我们浅析网页制作更为有黄金分割比例,不会的来了解下。

网页制作更为有黄金分割比例:

什么是黄金比例?

黄金比率是一种普遍存在于自然界中的数学比率,在经典设计理论中用于创建平衡成分。这大约相当于1.6180,也被称为“黄金分割”,“黄金分割”和“

263.jpg

;并用

192.jpg

希腊字母“phi”缩写。

“金色矩形”是宽度的1.6180倍的矩形。例如,一侧为300px且另一侧为300 * 1.6180_485px的div可以说是一个黄金矩形。

如果你从这个黄金矩形中切出一个完美的正方形,你将留下另一个黄金矩形。

如果你从这个黄金矩形中剪下一个完美的正方形,你会留下另一个黄金矩形。

您可以使用较小的矩形进行此操作,然后使用相同的方式,无限期地为您提供这个熟悉的图像:

如果我们从一个完美的正方形然后再添加另一个正方形,我们得到一个矩形:保持长度沿着最长正方形,然后我们添加另一边,等于总形状的最长长度:

现在让我们分析几个网站,我们可以看到它们的实际效果。

示例1:YStudio

如何使用它是中庸之道。该网站使用中等或两页。主页是关键工作的概念性概述。但是,当您访问工作室页面时,您向下滚动页面以混合中等矩形的传统网络布局。

为什么从人群中脱颖而出是有效的? Yourlocalstudio(YLS)通过利用网站设计中的黄金比例来实现这一目标。该设计采用具有特定网格系统的渐进外观。你可以说这些日子看起来像是一个指南让您的网页设计更加有黄金比例。请关注越来越多的网站,希望吸引人们注意更有条理的动态布局。

结论

黄金比例自然导致用户界面在用户眼睛的特定点内。作为一个概念,它可以帮助您考虑内容的布局并有效地使用层次结构。布局,排版,颜色和第一原则的结合将有助于将您的设计提升到一个新的水平。

读完上述,各位已经知道网页制作更为有黄金分割比例了吧,已经在上文为大家进行了详细的讲解,不懂的朋友千万要来看看上文哦。

© 2009-2022 互域网络
本网站素材来源于网络,如有侵权请告知删除