大数跨境

微玛小话堂 | 第八期

微玛小话堂 | 第八期 微玛易购Vmartego
2020-07-14
2
导读:什么是黄金比例?该如何应用到设计上?(二)


上期续集,重磅来袭!
赶紧来学!

本次分享者:设计部-sue

什么是黄金比例?

该如何应用到设计上?(二)


上期已经讲完黄金比例的概念,数学课已经结束,那么让我们看看如何将这些知识应用到每天的工作中?它又是如何提升设计的整体水平?


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


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


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


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


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



间距—黄金比例布局


间距的控制和留白一样是设计中非常关键的元素,它能营造负空间氛围,使最终的结果要么成功要么毁灭。

确定元素的间距是相当耗时的事情,借助黄金螺旋来调整,是个不错的思路。多种不同的元素在同一页面上的时候,黄金螺旋可以帮你筛选出合理的空间布局和间隙。


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


内容—运用黄金螺旋


黄金螺旋可以被看作是确定内容的位置“指南”。

我们的视觉会自然而然的落到螺旋的中心,这个位置有很多细节性的元素,所以在做设计时我们要非常关注螺旋的中心位置和螺旋走过的视觉空白区域。


图像——黄金比例(三分法)


无论是传达重要信息或创建一个美观的照片,结构对任何图像都很重要。黄金比例可以帮助设计师搭建一个结构,引导观众的视线到重要的位置去。


使用黄金比例,将一张照片分割成不等的三个空间,再运用线条和相交的点去创建结构。


比例是1:0.618:1——设定第一和第三纵列的宽度为1,那么中间纵列的为0.618。同样,水平方 向:第一和第三横排的高度为1,中心一行的宽度为0.618。


现在使用这些线和交点吸引观者的注意力向这些位置集中。这些元素形成了一种张力,增加了设计 结构的趣味和力量。



这个案例是Complex杂志的封面,整体布局符合黄金比例,而黄金比例三分法下的两个交点上则正好和女性的鼻子与眼睛上。


格式——黄金比例圆


我们现在知道黄金比例可以用来创建比例和谐的正方形和矩形,它也还可以用于创建黄金比的圆。每一个正方形中的圆都与其邻近的圆成1:1.618的比例,这就是完美的圆!


使用黄金比例不仅可以产生和谐的比例,而且能够让图形保持较高的一致性。从百事和TwitterLOGO来说说这个事情吧。



百事的LOGO是使用两个遵循黄金比例的圆圈来构建的,较小圆形并不是显而易见的那种,而是隐藏在内部的曲线中。


Twitter的LOGO设计则是借助若干完美的圆形来进行构建的,只不过它在使用黄金比例的圆形的时候,并没有使用相邻比例的圆形来构建,乍一看不够精确,但却同样营造出和谐的标识。

帮助您使用黄金比例的工具

有时候并不需要铅笔和纸张来计算黄金比例 ,有很多工具可以为你工作。以下五种工具可帮助您在设计中使用黄金比例:


1.黄金比例计算器


https://www.omnicalculator.com/math/golden-ratio

计算两侧的较短边,较长边和组合长度以计算黄金比例。


2.goldenRATIO


https://itunes.apple.com/us/app/goldenratio-tool-for-every/id485258055?mt=8

这款应用程序专为设计师和开发人员而设计,可根据黄金比例为您提供设计网站,界面,布局等的简便方法。它包括一个带有视觉反馈的内置计算器和用于存储屏幕位置和设置的功能,因此您无需为每项任务重新安排黄金比例。


3.黄金比例排版计算器


https://grtcalculator.com/ 

输入您的字体大小和宽度,为您的网站发现完美的排版。您可以根据字体大小,行高,宽度和每行字符进行优化。


4.PhiMatrix


https://www.phimatrix.com/

这款Golden Ratio设计和分析软件提供可自定义的网格和模板,您可以在任何图像上叠加,可用于设计和组合,产品设计,徽标开发等。


5.黄金比例草图资源


https://www.sketchappsources.com/free-source/1190-golden-ratio-sketch-freebie-resource.html

下载黄金螺旋的免费草图文件,帮助图像和布局组成。


一旦你知道要寻找什么,你就会开始注意到到处都是黄金比例。(不相信我们?看看你的手,甚至你的手指也遵循黄金比例。)人类的眼睛习惯了看到这个神奇的数字,我们潜意识里对它作出了积极的反应。


而作为设计师,我们可以利用这个数字来获得优势。哪怕是对裁剪图像或开发布局的方式进行微调,仍然可以显著地改善用户与设计交互的方式。但是黄金比例应该是作为设计师的辅助工具,而不是一个固定的设计模式。




END




微玛小话堂

微玛人的树洞


长按识别二维码




【声明】内容源于网络
0
0
微玛易购Vmartego
1234
内容 71
粉丝 0
微玛易购Vmartego 1234
总阅读0
粉丝0
内容71