设计教程:什么是黄金比例?该如何应用到设计上?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

02.间距—黄金比例布局

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

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

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

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

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

03.内容—运用黄金螺旋

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

下面这个网站由平面设计师TimRoussilhe为自己设计。它的内容虽看起来非常密集,但它的排版也遵循黄金比例和黄金螺旋规律,它的重点是文本的左上部分的网站。我们的视线首先会落在顶端“你好,我的名字叫提姆”这个位置,慢慢地,会向Tim的工作内容转移,然后看到一个菜单按钮,进而发现左上角的一个图标,在视线到达这个设计的“消极区域”前,我们已经接收完所有它需要告诉我们的信息了。

在这个为Saastamoisensaatio所做的视觉识别系统中,随着黄金螺旋的不断延伸,内容也愈加密集。当我们的视线与曲线越近,字体和间距也在不断减小。字母无序排列,但一回生二回熟,通过一遍遍重复使用,品牌名称也变得熟悉起来。

HelmsWorkshop工作室为Fullsteam啤酒厂设计了这个品牌,他使用黄金比例和黄金螺旋处理布局和内容。设计中的各种元素在每个独立的正方形中都显得非常和谐,视线的重点也正好落在主人公、邮票、酒精含量和厂址上。当我们看到这张标签时,通过黄金比例构图让我们注意到其中的内容,进而让我们了解创始人和品牌故事的细节。

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

无论是传达重要信息或创建一个美观的照片,结构对任何图像都很重要。黄金比例可以帮助设计师搭建一个结构,引导观众的视线到重要的位置去。使用黄金比例,将一张照片分割成不等的三个空间,再运用线条和相交的点去创建结构。

比例是1:0.618:1——设定第一和第三纵列的宽度为1,那么中间纵列的为0.618。同样,水平方向:第一和第三横排的高度为1,中心一行的宽度为0.618。现在使用这些线和交点吸引观者的注意力向这些位置集中。这些元素形成了一种张力,增加了设计结构的趣味和力量。

另一个(稍微简化)通过黄金比例处理图像位置的的方法是三分法。它不像黄金比例一样精确,但相当接近。三分法即将空间划分为三个水平或垂直方向都相等的空间,使图像的重要元素都围绕在矩形中心理想情况下的四个交点上。

这个是《Complex》的封面,歌手SolangeKnowles担当模特,它同样使用黄金比例来确定正负空间的比例。Solange的鼻子和前额位于三分水平线最顶端一条,鼻子和眼睛则分别落在两条垂直线上,这里刚好是矩形中心。

这张封面是JasonMildren为《Pilot》杂志所作,它的设计原理就是三分法。矩形中心的角落的设计呈现出一种趣味,虽然是中心,但大部分是空白的空间。模特的眼睛正巧落在这个角落里,洞察着观众的内心。

《Feld》的这张封面将模特对称的眼睛作为黄金比例的重心。这张封面看起来相当不错,因为模特偏离了画面中心,而且他的脸几乎与左侧阅读指南垂直。

封面的整体布局同时遵循黄金分割和黄金螺旋。内容集中在螺旋的位置,越接近螺旋的中心内容越详细。

05.格式——黄金比例圆

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

使用黄金分割圆不仅能创建和谐、均衡的设计,也能保持格式的一致性。让我们回过头来看百事可乐和Twitter的logo。

百事可乐的标志基于两个按照黄金比例相交的圆。小圆在重迭的图案中并不那么明显,但是通过logo中间的白色部分还是能被识别的。

Twitter的标志基于几何结构并重点利用了圆的完美。从下面这张图我们可以看出,它确实是运用黄金比例绘制的,但不完全精确。图案总体还是遵循黄金比平衡、协调、有序的特点。

THE END
1.www.zcool.com.cn/tag/ZODExNDEwMA==.htmlx溰絠 ,Iv鯹竣 azP}oed,凫&Q暤稃&Y昚 W夵酂B2( ij !1 R #嵏/鷉挵a脽鬉 垧9憴Uu锘鹘轭 #蜡g^VdF 9q饽 #哏]|晗祉鰦7邱耏 !禽Nw薝h弟 6鰔 &詓秲斌 硗/~>rm鐉兝嵐怀C {額駀 .w鉵迍 盼]靈P 7飤y >魲 ^ ;{彳圃 !F惠炅]锴 /逌龆z赁峽3鱪急https://www.zcool.com.cn/tag/ZODExNDEwMA==.html
2.Procreate绘画创作课,从入门到创意表达哔哩哔哩03.精美昆虫插画设计:对称功能让创作事半功倍 视频课 20分9秒 4 04.纪念碑谷风建筑插画:好用的等轴绘画指引 视频课 23分1秒 5 05.野营风景插画绘制:让画面质感瞬间提升的方法 视频课 22分38秒 6 06.蜂鸟插画绘制:带你制作独一无二的水彩纹理 视频课 20分37秒 7 07独特版画公鸡插画:手绘与数字绘画的完https://www.bilibili.com/cheese/play/ss205?search_query=%E8%A1%A8%E8%BE%BE%E6%80%A7%E7%BB%98%E7%94%BB
3.精选5大最强AI绘画网站,三步骤免费线上完成AI绘图!现在AI绘画特别火,而生成好的图片的关键,就是要学会使用关键词,也叫提示词,提示词是AI绘画的核心,给大家分享几个AI绘画关键词网站,各种高质量的图片你也能轻而易举的做出来。 1、http… 项目经理-大群 收藏18款AI绘画生成器网站,ai智能生成图片! 优秀的AI绘画工具很多,例如Midjourney和文心一格等,但是到底他们https://zhuanlan.zhihu.com/p/678515405
4.班服制作软件使用教程超简单又实用的班服定制T社以上就是T社免费在线班服制作软件的使用教程,是不是非常的简单和方便。如果需要更专业的图案制作操作可以呼唤在线客服MM的帮忙或定制下单,制作班服so easy。 想参考更多图案设计素材,请点击>>> 如果您有定制需求,欢迎咨询官网在线客服~ 免费领取最新案例、免费出效果图https://www.tshe.com/posts/0cdabc6c
5.全彩微课版杨凌辉现代装饰纹样图案设计教程书平面设计教材当当锦园文化图书专营店在线销售正版《【2024现货】图案造型设计标准教程 全彩微课版 杨凌辉 现代装饰纹样图案设计教程书 平面设计教材 9787302675877【锦园文化 正版好书】》。最新《【2024现货】图案造型设计标准教程 全彩微课版 杨凌辉 现代装饰纹样图案设计教程书 平面http://product.dangdang.com/11875180916.html
6.PS综合挑战案例:制作产品包装纸图案部落窝视频在线观看PS教程PS基础教程PS抠图PS调色PS案例教程PS入门到精通培训教程平面设计photoshop学习PS抠图PS调色PS合成PS动画PS教程视频43 PS综合挑战案例:制作产品包装纸图案 部落窝 举报 IT部落窝网络学院 关注23,770 信息 分享: 直播热点 下载APP领会员 直播中 小言儿~ 直播中 丽丽感谢家人宠爱 直播中 悠然~ 千帆直播 人气主https://m.56.com/c/v83055894.shtml
7.设计神器CirclesGallery!极简几何图案素材生成器网站教程概述 评论(5) 热门!来优设AI俱乐部,享受1整年365天丰富的AI学习社群服务! 详情戳>>> 小伙伴们在日常的设计生活中应该都接触过一些几何图案素材的制作吧,就那种由某一图形,比如正方形、三角形、圆形,再把这些图形按照重复的手法进行平铺,最终形成一个比较符合主题的,图形化的背景图,一般用来营造后现代感、https://uiiiuiii.com/software/498380.html
8.苏打苏塔设计量贩铺sudasuta.com苏打苏塔是一个关于创意设计,设计,插画,艺术摄影,lomo,素材,教程,web,灵感来源,平面设计欣赏的综合性网站。站点每日更新原创文章,为设计师提供优美高品质图片。https://sudasuta.com/
9.致设计设计师的HTML5制作神器 墨刀 免费的移动应用模型与线框… 标你妹啊 一款自动化设计标注工具 Clipping Magic 能在线删除图像背景的网站 Hero patterns 一个主要分享设计图案的网站 建站之星 国内著名免费建站神器 蓝湖 自动标注切图,便捷保真 摹客iDoc 设计师必备效率加速器 https://dh.zhisheji.com/
10.Illustraotr(AI)设计简单方绘制出漂亮的四方连续图案实例教程先说说制作方法吧,我这里还是使用Adobe Illustraotr CS2来制作四方连续图案。 先绘制这样简单的线条,绘制完成后,可以将这个图形全部选中,并执行Ctrl+G(编组)命令 为了后面好叙述,我将大小弄成了一个整数,当然举一反三,你可以绘制长框不等的元素,只要记住尺寸的大小就可以了。 https://www.jb51.net/Illustrator/98188.html
11.设计在线教程专栏天极设计在线教程专栏,包含丰富的设计软件专题,系统的设计软件教程(包括直观轻松的视频教程).涵盖设计理念,标记语言,网页特效,网页技巧,视频处理等.https://design.yesky.com/lesson/
12.图片处理入门教程图片处理的十大禁忌设计师必看→MAIGOO知识不管你是从事的是网站建设、设计行业、某宝店主或者时尚达人等行业,都离不开图片处理这一个步骤,往往一个小细节就决定了你工作的成功或失败,不管是新手还是大神,往往都会遇这样的一些问题,今天小编整理这篇图片处理教程及图片处理的十大禁忌,看看你中枪没! ? 图片处理的入门知识 → 常用的图片处理软件有哪些(pshttps://www.maigoo.com/best/12704.html
13.免费的图案生成器丨6个在线图案神器推荐!免费的图案生成器丨6个在线图案神器推荐! 了解更多> 作为一名UI/UX设计师,在设计网站、App或其他创意作品时,我们都需要大量的图案元素来点缀页面。 但是自主设计图案又需要耗费大量时间和精力,这时候合适的图案生成网站就成为我们的设计助手。 下面推荐几个强大的图案生成网站,它们提供海量免费且可商用的图案下载。无https://mmmnote.com/article/7e7/12/article-34ff1496b2407f2d.shtml
14.Illustrator教程120例5T恤图案设计在线视频教程资源类型 :视频教程 资源语言 :简体中文 来源:教程巴巴 访问热度 :787 更新时间 :04-15 关键词 :Illustrator教程120例-5T恤图案设计 简介: 视频教程之家,全网最新免费视频教程分享发布平台 Illustrator教程120例-5T恤图案设计点击查看详情 报错/举报 猜您喜欢http://www.spjc123.com/jc88/3905.html
15.站酷高高手艺术设计在线教育平台绘画插画教程品牌设计站酷高高手-艺术设计在线教育平台,站酷旗下品牌。提供视觉运营设计、摄影摄像、品牌设计、绘画插画、三维影视动漫等领域的专业课程培训服务,已拥有超百万学员,不论是零基础的设计爱好者、亟待入行的设计新人,还是自驱进阶的设计从业者,都可以通过3000余门包罗万象的在线课程https://member.gogoup.com/
16.软件更新装修设计教程DIY装修设计家3D 1.9.62(2019年1月17号) 在这个版本里,我们为您带来了以下更新: 全屋定制优化: 1) 新增一批橱柜衣柜模型:12款组合衣柜,13款款免拉手橱柜,4款碗碟柜/调料柜。 2) 增加高级台面功能,用户可以任意编辑台面轮廓。 3) 橱柜吊柜和衣柜顶柜支持添加灯线。 https://www.shejijia.com/ketang/text-detail.html?p=5217
17.微词云·简单强大的文字云艺术生成器微词云是一款实用性强、简单的在线文字云、在线词云图生成器,相对于其他产品,我们的产品功能更加强大,不仅支持在线分词,还支持词频统计、词频分析。无论您是设计、运营、学生老师、数据分析师,都可以简单的做出令人眼前一亮的文字云设计。https://www.weiciyun.com/
18.ps学习计划(精选21篇)推荐一些在线教程网站: 1.优设网:以设计师为主要用户,提供大量的设计教程和资源分享。 2.慕课网:提供大量课程视频,可以选择自己喜欢的讲师进行学习。 3.PS联盟:提供PS软件的入门到高级的完整教程,非常适合初学者。 三、学习路线的规划 学习路线的规划是关键,要学会有计划地学习。 https://www.jy135.com/xuexijihua/1887743.html
19.制作在线教程,轻松设计个性化封面(抖音封面制作在线)制作优质抖音背景图的关键是选择合适的模板和素材,并进行合理的布局和设计。您可以使用科画在线设计平台进行设计,科画在线提供了丰富的抖音背景模板和素材,可以根据您的需求进行编辑和调整。 Q:如何制作统一的抖音背景图片? 制作统一的抖音背景图,可以使用抖音内置的编辑功能,选择相同的背景颜色或图案,添加统一的文字https://m.bjhwtx.com/h-nd-171161.html
20.圆形图片怎么制作?圆形图片制作教程步骤自己怎么制作圆形图片?对于不会做设计的同学来说,制作图片可谓是非常困难,不仅要学会使用设计软件,还要懂美感,了解设计知识等等,而现在其实不用掌握专业的设计软件也可以轻松制作圆形图片。 只需选择创客贴在线设计平台,寻找好用的模板,在原来的模板上进行文案信息、设计元素、图片素材等内容进行修改即可。 https://m.chuangkit.com/searcheo/course/3559.html
21.网店美工视觉设计实战教程.ppt网店美工视觉设计实战教程.ppt,根据相关教材和网络资源整理制作,可作为授课教师的参考资料和专业学生、从业人员的自学资料。如有侵权,请联系删除!7.4.1 设计唇彩直通车 * 4 输入文本 斜切文本 添加投影 6 5 7.4.1 设计唇彩直通车 * 最终效果 绘制形状并更改文本颜色 7 8 https://max.book118.com/html/2024/0118/6054210051010035.shtm
22.巧匠课堂巧匠课堂(www.2qj.com)免费的设计视频教程平台,覆盖PS、AI、C4D、DW 、视觉营销等精品设计视频教程致力于打造全网实用的设计经验教程。https://www.2qj.com/nav.html
23.创意在线(原我爱设计网)征集网-创意在线(原我爱设计网-52Design)是专业创意征集\数字艺术设计领域垂直门户网, 致力于为设计者、设计院校与设计企业提供高质量、多元化的信息交流咨询及专业的数字艺术设计行业应用解决方案,拥有丰富专业的的设计行业资源网站群,我们将伴随创意产业发展不断调整进http://www.52design.com/