Date 2026-03-16 17:13:45
自从设计经常看到一些高理论，如：格式塔规则、网格系统、黄金分割等，第一印象是很高，很难学习，有很多设计师看到这些理论害怕，认为他们不能学习，也不想学习，因为理论知识真的很无聊。对于初学者的设计师来说，这些理论不能在短时间内学习太多，但对于已经工作了几年的设计师来说，这些设计理论知识也是必不可少的。
笔者前几篇文章分别使用 Airbnb、Youtube 本文将是交互设计基本规则系列文章的最后一篇文章，解读尼尔森十大可用性原则和交互七大规律。
阅读文章 >很多同学反馈不懂网格系统，不知道怎么用，所以优设特意邀请了平面高手@学习设K先生 为大家写一篇关于网格系统入门的基础知识，附上案例演示，相信看完这篇文章你一定能学会！
阅读文章 >只有掌握设计中必要的设计知识，我们才能提高我们的设计视野和技能。就我个人而言，在设计的早期阶段，我也讨厌这些所谓的理论知识。对我来说，简单而流行的教学是最容易接受的。这个理论太深奥了，我真的无法实现真正的奥秘。然而，我越晚，我就越喜欢学习这些设计理论知识，因为我越来越了解这些理论的重要性，这对我的设计也有很大的帮助。所以今天我用一种容易理解的方法来教你理解和掌握这些高设计理论知识。
今天，我们主要分享我们经常听到的黄金分割构图。
黄金分割构图法:是古希腊人发明的几何公式。遵循这一规则的构图形式被认为是「和谐」是的，在欣赏图像作品时，这一规则的意义在于提供了一个合理分割的几何线段。
黄金分割构图法的基本理论来源于黄金比例 ── 1 : 1.618。
海报设计、相册设计、网页设计、绘画、服装设计采用黄金分割构图法logo 设计、电视电影、建筑等领域。黄金分割比例经常引入摄影，可以让照片感觉更自然舒适，吸引观众，给人赏心悦目的视觉感受。
让我们先欣赏一些使用黄金分割法的优秀案例，让我们通过欣赏感受到它的美丽和重要性。
1. 应用于海报
从上面的 2 在张人物海报的案例中，可以看出他们都使用了黄金分割螺旋法的技巧。当整个图片作为背景时，当我们不知道图片主题位置的控制时，我们可以采用黄金分割法的原则。对于角色，您可以直接使用此分割方法，根据要突出的角色的某个部分快速找到布局位置
以下两张海报是图形和文本的结合，主题文本排版的位置正好是黄金分割的排列，给人一种美丽舒适的画面感。图片和文本在布局中的比例正好 1 : 0.618。
2. 应用于网页
上面 2 每个网页都采用了黄金分割的原则。布局一般分为图片区+文案区，比例为 1 : 0.618。以上同时采用网格重叠的形式，以下是最基本的黄金分割比例。布局的整体布局给人一种呼吸、有序、层次分明的视觉感觉，浏览顺序井然有序，如下图所示：
3. 应用于绘画
就像看熟悉的名画一样「蒙娜丽莎」、「维纳斯的诞生」等等也符合黄金分割的比例。黄金分割的比例也在这些作品中得到了历史认证。利用黄金分割布局，画面更加耐用精致。
4. 应用于摄影
黄金分割比例经常被引入摄影中，可以让照片感觉更自然、更舒适，更能吸引观众，给人一种愉悦的视觉感觉。使用黄金分割的摄影可以创造一个空的、安静的视觉效果，或者创造一个特写镜头的效果。我不知道如何拍好照片，学会这个技巧，你的摄影立刻很高。
5. 应用于建筑
在建筑设计中的应用也有很多案例，如上述金字塔和泰姬陵的许多布局可以看到黄金分割，第三个中国古代建筑也使用黄金分割构图。自古以来，许多文化建筑就使用了这种构图，使建筑看起来更加美丽、耐用和精致。
了解螺旋金分割法的用途和好处，我们最重要的是要知道如何画这张螺旋金图。
1. 新建画布
2. 画正方形
在这里画正方形是最关键的一步，我们只需要知道螺旋金图的比例就可以快速画出来。
螺旋金图的比例为：13 : 8 : 5 : 3 : 2 : 1
只要知道螺旋金图的比例，我们就可以开始画正方形了，简单的正方形就不用我多说了。让我们按一下 10 双比来画图，简单的意思就是前面的螺旋金图比乘以 10，变为 130 : 80 : 50 : 30 : 20 : 10.根据这个数字画出来 6 个正方形。
正方形画好后，按照这个转圈的顺序排列。
3. 画圆弧线
正方形画好后，可以通过画正圆来画弧线。
圆弧是正圆的四分之一，圆的半径是每个不同正方形的边长，可以通过不同大小的正方形画出不同大小的圆弧。
开始画弧:以大正方形右下角为中心画圆，注意相切位置，画完后删除多余的锚点。
△ 圆心位置
△ 相切位置
△ 删除多余的锚点
△ 圆弧画完后
在这一步中，我们基本上想要螺旋金图。最后，我们只需要将我们的正方形改为描边模式。
△ 最终图形
第二种方法在这里展示：
螺旋黄金比1 : 图中1.618怎么看？
说了这么多，如果没有实际的操作案例，你会头疼吗？如何使用这项技能？让我举一个水平版和垂直版的例子。
找素材
这里有几张图片，因为是分析案例，所以我选择了自己喜欢的图片，我选择了图1。
图片调整
图片确定后，我们需要把图片放在我们的画布里。
但问题是，一般来说，我们的设计尺寸不会和我们找到的材料一样大。我们应该如何放大图片？图片中哪些元素可以忽略，哪些元素需要注意？可采用螺旋黄金分割法。
使用我们的螺旋金分割图，放在我们的布局中。接下来，放大我们的材料图片，分析图片结构。图片的顶部是天空，左边是大海和天空，只有右下角更复杂，有人和碎石，所以我们的图片是图片的焦点，所以我们的螺旋图片需要改变位置。
调整图片的大小和位置，将图片中的人物放在螺旋图的焦点上，使我们的布局能够快速确定视觉焦点。
文字排版
在画布中排列文本，然后根据文本垂直排列的风格和人们的阅读习惯，调整图片的方向和文本位置，使人们看到主题文本，给人们一个指导的方向。
结论：主要采用螺旋金分割法调整图片的位置焦点，使图片中心达到舒适、耐用、精致的视觉效果。
标记分析图：
我不会对这个案例做太多的解释，因为它非常简单，直接使用螺旋金分割构图的方法，布局按1 : 0.618的比例划分，然后在这个比例画布中排版文案和图片。
图片位置排版
材料选择上图2，这里做一张垂直海报。
把材料图放在画布里，准备我们的螺旋金分割图，也放在画布里。根据图片本身的特点，角色只有上半身，所以最适合把图片放在底部。至于角色应该依赖于中间或边缘，我们也可以根据图片角色本身的姿势来判断，根据角色微微抬头，角度约为 30 因此，选择将角色靠边。
然后是对角色具体位置的控制。我们也直接使用螺旋金分割图，就像上述案例一样。选择参考位置，以便快速找到合适的位置，如上右图所示。
填写背景和文案
我们将背景颜色填充到天空的统一颜色中，建立网格，在画布中排列副本，主要是海报中的主要副本和主题副本，副本和图片的总比例为1 : 遵循我们的黄金法则，0.618。
根据图片的气质，图片中的色彩和人物属于文学气质，清新、安静、优雅的感觉，所以我们可以选择衬线宋体，结合韩语来反映整体气质。
效果展示
最后，让我们来看看海报的效果。它主要解释螺旋黄金分割图的使用。因此，排版相对简单，主题文本采用最简单、最粗糙的字体，没有太多修改。
本文分享了螺旋黄金分割构图的广泛应用，包括海报设计、相册设计、网页设计、绘画、服装设计、标志设计、电视电影、建筑、摄影等领域，以及分享黄金分割图形的绘画方法，3 一个简单的案例实践，利用黄金分割构图来帮助我们构图和排版，最有利于我们选择图片焦点位置和控制排版分布。
欢迎关注作者微信微信官方账号:「设计小余」
