关于我们
  
新闻详情 News details
   
    新闻资讯
    联系我们
云网站搭建_网站免开发_海量建站模板_0基础快速建站：网页设计中几何设计原理的黄金分割
来源:做网站 | 作者:hzlpkj | 发布时间: 2019-09-28 | 400 | 分享到:
　埃及金字塔，蒙娜丽莎，Twitter，百事可乐，这些东西有什么共同点？实际上，答案很简单。它们似乎彼此不兼容。它们的设计遵循黄金分割原则。
　　网页设计中几何设计原理的黄金分割

　　埃及金字塔，蒙娜丽莎，Twitter，百事可乐，这些东西有什么共同点？实际上，答案很简单。它们似乎彼此不兼容。它们的设计遵循黄金分割原则。这也是我们要探讨的主题：黄金分割率。由于黄金分割率具有独特的美学价值，因此已广泛用于许多领域：数学，物理学，建筑，艺术甚至音乐。

另外，在日常生活和自然界中，到处都有金栗子的比喻：舞台播音员不是站在舞台中央，而是站在一侧。从树枝的顶部往下看，它的叶子按黄金比例成比例排列。

但是，很少有人将黄金分割率与网站建设结合起来。实际上，在网页设计中使用黄金比例可以带来无与伦比的比例，协调性和艺术性，从而使网站具有独特的美感。小飞将带您了解什么是黄金分割率，如何在网站上应用黄金分割率以及一些出色的示例，希望给您一些启发和启发。

　　黄金比例是多少？

　　通常，我们将使用线段分割来解释这一概念：将线段分为两部分，较短部分与较长部分的长度之比等于较长部分与总长度的比率，该比率为非理性数字，取前三位。数字的近似值为0.618。由于这样的比例通常会给设计带来和谐和美感，因此称为“黄金比例”（或黄金分割比例，中外比例等）。下图中的公式可以为您提供参考：

　　未定义

　　从埃及金字塔到雅典的帕特农庙宇，从米开朗琪罗的西斯廷教堂到达芬奇的蒙娜丽莎，黄金分割的使用已经存在了数千年。来自Twitter徽标设计为百事的徽标设计，甚至面部也遵循此数字刻度。

实际上，似乎我们更有可能被黄金比例的物体和图片所吸引。这种反应几乎是潜意识的。我们的大脑甚至可以微调眼睛所见，以接近黄金分割率，加深其对事物的记忆和印象。

　　未定义

　　黄金分割比例也可以应用于图形。只需取出一个正方形并将其一侧放大1.618倍，即可出现一个黄金分割矩形。将原始正方形与新矩形重叠时，您可以更清楚，直观地看到黄金分割率。

　　未定义如果以此方式继续在图像右侧的矩形中填充一个正方形，则填充的正方形将变得越来越小。沿每个正方形的对角线从大到小绘制一个拱形时，您将绘制一个螺旋曲线（如下所示），通常称为黄金螺旋或斐波那契 螺旋线。

有趣的是，自然界中有许多模式斐波那契 螺旋线：蕨类植物的茎，花，贝壳甚至是飓风。这就是为什么我们经常觉得这些东西在视觉上无法言喻的原因。

　　未定义
　　我们可以再走一步，在每个正方形上切一个圆。这些圆圈遵循黄金比率0.618，是的一轮。

　　未定义
　　如何在网页设计中使用黄金分割率？

　　在以上各段中，我们对黄金比例和黄金螺旋有了一定的了解，并获得了遵循黄金比例的矩形和圆形。然后，我们将研究如何在网站中使用设计美学。由于黄金分割率以多种形式呈现，因此我们可以将其用于多个元素，例如布局，间距，内容，图像和图形。

　　1，布局：设置页面大小为黄金比例

　　在布局中使用黄金比例非常有效，关键是控制比例和大小，并掌握0.618的黄金比例。例如，如果使用960px宽度的布局，请将其乘以0.618得到594px，即页面布局的高度。在此基础上，您可以将整个布局划分为一列正方形，一列矩形，更直观的黄金分割表示，从而使网站更具吸引力。

　　未定义
　　这种两列布局在Web设计中非常实用，许多网站都选择这种设计方法。即使是的《地理》杂志也是如此。整个页面看起来整洁，易于阅读，井井有条，并且用户浏览时会更加流畅。

　　未定义
　　2，间距：采用金色螺旋布局

　　间距与空白相同，是设计中的关键要素。合理的间距有助于突出网站的核心内容，使网站的布局更加协调。间距不当会影响用户体验并影响网站的品牌形象。

同时，在站点上进行合理的间距通常需要花费大量时间。那么，如何才能快速有效地安排网页间距呢？使用金色螺旋是一个不错的选择。使用图形合理地放置每个元素，以便以仔细计算的比例而不是直觉来排版站点间距。此外，如果您同时处理多个元素，则还可以对金色螺旋进行分层处理，以使页面的比例设计更加协调。

未定义

　　Moodley Design Studio是为布雷根茨音乐节设计海报，节目表和徽标的栗子。程序表的总体设计采用摄影拼贴的方法，具有很大的空白空间，各种元素的设计比例，位置和空白由金色螺旋排列。

　　未定义
　　新加坡 Lemon Graphic Design还使用了Golden Spiral布局进行Terkaya Wealth Management的视觉图像设计。卡上的三个元素：老鹰，文字和大鹰的位置都合理地确定了。

　　未定义
　　3.内容：沿着金色螺旋的轨迹

　　除了使用金色螺旋排列网站的间距外，我们还可以使用它来确定页面内容的位置。根据黄金螺旋定理，人眼总是在不知不觉中注意螺旋的中心，因此我们应注意螺旋的中心，放置用户可能感兴趣或重要的内容，并且让访客得到它。信息更容易。另外，更重要的信息应该放在螺旋线内，这更加明显。这是涉及的三个栗子：

　　以《地理》杂志网站为例。如果仔细查看其主页，您会发现其内容是根据金色螺旋的轨迹排列的。由于人们可能会在潜意识中关注此轨迹的中心，因此《地理》杂志在此处放置了徽标，再次突出了品牌形象。该站点中的其他重要元素也包含在螺旋线中。

　　未定义

　　Could not resolve host: Name or service not knownCould not resolve host: Name or service not known
　　Could not resolve host: Name or service not knownCould not resolve host: Name or service not known