名奢网 名表 查看内容

设计师黄金比例指南

2023-1-9 22:22| 发布者: fuwanbiao| 查看: 130| 评论: 0

放大 缩小
简介:文章来源:invisionappBIGD翻译整理好的设计不时以来都是大众争论的焦点,固然永远不会有一种放之四海而皆准的措施,但却有一种细致的数学措施能够辅佐我们更接近于好的设计阅历:黄金比例。黄金比例是你简直能够在任 ...

文章来源:invisionapp


BIGD翻译整理


好的设计不时以来都是大众争论的焦点,固然永远不会有一种放之四海而皆准的措施,但却有一种细致的数学措施能够辅佐我们更接近于好的设计阅历:黄金比例。


黄金比例是你简直能够在任何中央找到的数学比例,好比自然,建筑,绘画和音乐。而当特地用于设计时,它便发明了一种有机的,均衡的,美观的感官享用。


在本文中,我们将深化讨论黄金比率是什么,如何计算它,以及如何在设计中运用它——包含一个方便的工具列表。

设计师黄金比例指南


yourlocalstudio.dk


什么是黄金比例?


黄金比例,也称为黄金分割、黄金平均数、崇高比例或希腊字母phi,黄金比率是一个大约等于1.618的特殊数。比例自身来自与神秘的斐波那契序列—— 一个自然呈现的数字序列,它能够在任何中央找到,从树上的树叶数量到贝壳的外形。

设计师黄金比例指南


斐波那契序列是它之前的两个数的和。它是:0,1,1,2,3,5,8,13,21等等,到无量大。源于这种规律,希腊人开发了黄金比例,以更好地表白序列中恣意两个数字之间的差别。


那这和设计有什么关系呢?当你把一条线分红两部分,较长的部分(a)除以较小的部分(b),等于(a)+(b)除以(a),两者都等于1.618。而这个公式能够辅佐你创建出更心旷神怡的外形、标记和规划等等。

设计师黄金比例指南


创建一个黄金矩形


取一个正方形以及和正方形同样长,但宽为1.618比例的长方形。

设计师黄金比例指南


将正方形放在矩形上,两个外形之间的比例就为黄金比例。

设计师黄金比例指南


假如你继续将黄金比例公式应用到最右边的新矩形,那么你将得到一个由越来越小的正方形组成的图像。

设计师黄金比例指南


假如你在每个方格上画一个螺旋线,从一个角落开端到另一个角落终了,将创建出一条斐波那契序列曲线(也称为黄金螺旋)。

设计师黄金比例指南


如何在设计中运用黄金比例?


既然数学课曾经终了,我们又如何将这些学问应用到每天的工作中?


以下是在设计中运用黄金比例的四种措施:


1.排版和定义层次结构


黄金比例能够辅佐你肯定在网站,登录页面,博客文章以至平面广告中运用的题目和正文副本的字体大小。

设计师黄金比例指南


假定你的正文部分是12px。那么将12乘以1.618,得出的值为19.416,假如遵照黄金比例并均衡12px正文字体大小的话,那么你的题目文本大小就能够是19px或20px.


反过来同样,假如题目文本为25px,则能够将其除以1.618以肯定正文文本大小(15或16像素)。


2.裁剪和调整图像大小


裁剪图像时,很容易辨认要剪切的空白区域。但是,在调整大小后,如何确保图像依旧均衡?你能够运用黄金螺旋线作为图像构图的指南。

设计师黄金比例指南


例如,假如在图像上叠加黄金螺旋线,则能够确保焦点位于螺旋的中间。


3.规划


应用黄金比例能够辅佐你设计一个视觉上吸收人的用户界面,并引导用户将留意力放在那些更为重要的部分上。

设计师黄金比例指南

设计师黄金比例指南


例如,在左侧突出显现内容的大块,右边的列更窄的页面能够遵照黄金比例的比例,并辅佐您决议将最重要的内容放在哪里。


4.LOGO创作


假如你正处于Logo创作的瓶颈期,那么无妨参考一下黄金比例准绳,它能够辅佐你勾勒出大致的比例和外形。许多盛行的logo都遵照黄金比例,如Twitter,Apple和百事可乐等等。

设计师黄金比例指南


via:Mostafa Amin和Brandology Studio


设计师Kazi Mohammed Erfan以至应战自己完整基于黄金比例创建了25个新logo。

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南

设计师黄金比例指南


(via.Kazi Mohammed Erfan


辅佐您运用黄金比例的工具


有时分并不需求铅笔和纸张来计算黄金比例 ,有很多工具能够为你工作。以下五种工具可辅佐您在设计中运用黄金比例:


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


下载黄金螺旋的免费草图文件,辅佐图像和规划组成。

设计师黄金比例指南


开端运用黄金比例


一旦你知道要寻觅什么,你就会开端留意到四处都是黄金比例。(不置信我们?看看你的手,以至你的手指也遵照黄金比例。)人类的眼睛习气了看到这个神奇的数字,我们潜认识里对它作出了积极的反响。


而作为设计师,我们能够应用这个数字来取得优势。哪怕是对裁剪图像或开发规划的方式中止微调,依旧能够显著地改善用户与设计交互的方式。


今天的内容到这里就终了了~


小同伴们还有什么想法和疑惑,


记得留言评论哦~


-OVER-



用设计的角度看世界,用学习的方式来长大


BigDcc



路过

雷人

握手

鲜花

鸡蛋