当前位置:主页 > 教程 > 网页设计 >

设计教程:什么是黄金比网页设计例?该如何应
栏目分类:网页设计   发布日期:2019-01-03   浏览次数:

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

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

  02.间距—黄金比例布局

  再来看国家地理网站,你会发现在曲线的中心存在着第二个、小一点的logo。这是一个加倍提高品牌形象的好地方,因为这里很自然地吸引了我们的注意力。是潜意识的吗?也许吧。黄金比例可以让一切看起来那样自然。

  设计工作室 Moodley 为布雷根茨 Festspiele 表演艺术节开发了一款新的品牌标识,包括logo、logo风格和拼贴设计,应用于程序、节目单和户外活动。节目单着重强调 了摄影和说明性的拼贴,还有一个留出空白的波形logo。黄金比例用来确定每个元素的大小和,以确保封面比例协调。

  通过在每个正方形中画对角曲线你会发现,这张图出现了一条神奇的黄金比例曲线:

  黄金比例是多少?

  同时,将黄金比矩形放置在小鹰的,它也是呈这个比例的。

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

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

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

  新加坡的一家设计机构Lemon Graphic为Terkaya 财富管理 创建了一个视觉识别系统,如下图。这张商务名片上的三个元素——小鹰、文字和大鹰——都分布在一条黄金曲线的不同。

  间距是任何设计的一大要素,它能营造负空间氛围,使最终的结果要么成功要么。确定元素的间距是相当耗时的事情,但是,运用黄金分割图,让正方形来引导你确定每个元素的,工作起来会更省力好 多。这将确保你的间距和比例是通过严密的计算而不是凭感觉来的,同时任何为达到黄金比例而作的微妙的调整都可能导致所有元素的差异。

  我们再进一步研究它吧,在每个正方形中画一个正圆——这样的结果是所有圆的大小也同样遵循1:1.618,它们的比例看起来是多么的平衡啊!

  所以,我们现在有了黄金比正方形、黄金比矩形和黄金比圆,快到你的设计中尽情它们吧!

  这条美丽的螺旋曲线出现在自然界很多的当中——蕨类植物、花卉、贝壳,甚至飓风——这也许就是为什么我们会觉得他们具有强烈的视觉吸引力。因为毕竟,天然的就是最好的。

  

应用黄金分割的五种方式

 

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

  之前也和大家分享过很多关于黄金分割的问题。我们在大自然中很容易找到这样的比例,当它用于设计时,能创造出有生命力的、纯天然的视觉作品,愉悦我们的眼睛。但究竟什么是黄金比例,如何使用它来提高你设计水平?下面给你分析分析。

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

  黄金比例可以运用设计中的许多地方,像布局、间距、内容、图片和版式。

  黄金比也适用于形状。画一个正方形,设定边长为1,改变其中一边使其变为1.618,一个完美的黄金比矩形便赫然纸上。

  这样的两列布局非常适合网页设计,在这种格式中你会看到许多在线内容。美国 National Geographic 就采用这种布局构建了一个整洁、易于阅读、结构良好的网站。它为读者提供了一个合乎规律的秩序井然的、平衡的和层次分明的阅读体验。

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

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

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

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

  OK,你现在已经理解黄金比例的概念了,那么让我们看看它是如何提升设计的整体水平,

  再者,如果你需要同时处理几个元素,也可以运用多个黄金比例来保持设计作品的整体连贯性。

  01.布局——用黄金比例设置空间布局

  黄金螺旋可以被看作是确定内容的指南。我们的视觉会自然而然的落到螺旋的中心,这个有很多细节性的元素,所以在做设计时我们要非常关注螺旋的中心和螺旋走过的视觉空白区域。

  03.内容—运用黄金螺旋

  相关推荐:厦门代孕

特效 教程 资源 资讯