黄金分割是一个数学比例。我们在大自然中很容易找到这样的比例,当它用于设计时,能创造有生命力的、纯天然的视觉作品,愉悦我们的眼睛,但究竟什么事黄金比例,如何使用它来提高你设计水平呢?

一、黄金分割是什么?

1、黄金分割线

黄金比例也被称为黄金分割,存在于被分割成两截的线段中。我们设较长的一段为a,较短的一段为b,那么a / b = (a+b)/ a = 1.618 。

2、黄金比矩形

黄金比也适用于矩形。

1) 画一个正方形,设定变长为1,改变其中一个边为1.618,一个黄金比矩形就跃然纸上。

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

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

4) 假设你在上面这张黄金比例图的每个正方形的对角画一条曲线,你将会看到一个黄金比例曲线(亦称斐波那契序列),这个序列的每一个数字是前面连个数字之和。

3、黄金比圆

在每个正方形中画一个正圆,这样的话,所有元的大小也同样遵循1:1.618比例。

二、黄金分割的应用

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

1、布局(黄金比例)

我们常常把黄金比例看作是确定空间布局的使用指南,应用黄金分割的最简单方法是将举行的长宽比设为1:1.618 。

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

2、间距(黄金比例)

间距是任何设计的一大要素,它能营造负空间氛围,使最终的结果要么成功要么毁灭。

确定元素的间距是相当耗时的事情,但是运用黄金分割图,让正方形来引导你确定每个元素的位置,工作起来会更省力好多。这将确保你的间距和比例是通过严密的计算而不是“凭感觉来的”,同时任何为达到黄金比例而作的微妙的调整都可能的导致所有元素的差异。

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

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

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

3、内容(黄金螺旋)

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

1) 来看看国家地理网站,你会发现在曲线的中心存在着第二个、小一点儿的logo,这是一个加倍提高品牌形象的好地方,因为这里很自然地吸引了我们的注意力。

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

3) 在这个为 Saastamoisen saatio 所做的视觉识别系统中,随着黄金螺旋的不断延伸,内容也愈加密集。当我们的实现与曲线越近,字体和间距也在不断减小。

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

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

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

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

另一种通过黄金比例处理图像未知的方法是三分法,它不像黄金比例一样精确,但相当接近。三分法即将空间划分为三个水平或垂直防线都相等的空间,使图像的重要元素都围绕在举行中心理想情况下的四个交点上。

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

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

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

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

5、格式(黄金比例圆)

黄金比例可以用来创建比例协调的正方形和矩形,它也可以用来创建黄金比例的圆。每一个正方形中的元都与七邻近的圆成1:1.618的比例,这就是完美的圆。

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

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

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

你可以尝试使用黄金比例的各种元素来调整方案,让设计看起来更美观。也许只是稍微的调整,也可能是你的作品由简单变伟大。

论黄金分割的设计使用相关推荐

  1. Logo设计中的黄金分割率

    Logo设计中的黄金分割率 2012-08-14 10:17 | 2713次阅读 | 来源:Banskt Designs [已有15条评论]发表评论 关键词:Apple,Logo,黄金分割率,设计,用 ...

  2. 安全态势感知产品对比_设计中的对比和人的感知

    安全态势感知产品对比 In this article, we're going to explore the concept of contrast and its fundamental role ...

  3. 欢迎来辩到底要不要用黄金分割?

    设计师们,到底要不要用黄金分割?今天这场辩论赛正反方的观点都很有道理,看完在评论留下你支持的那一方喔. 正方:要用 观点1:黄金分割是一条公认的美学定律,蕴含丰富的审美价值,是视觉上最舒服的比例.黄金 ...

  4. 数学之美|斐波那契数列与黄金分割

    14天阅读挑战赛 系列文章目录 趣味算法(第二版)读书笔记: day1: 序章|学习的方法和目标. day2:算法之美|打开算法之门与算法复杂性 day3.算法之美|指数型函数对算法的影响实际应用 d ...

  5. 华为mate30保时捷升级鸿蒙,【华为Mate30Pro评测】华为EMUI10的这个功能 保时捷也在用(全文)_华为 Mate30_手机评测-中关村在线...

    9月26日华为在HUAWEI Mate30系列中国发布会上一口气发布了华为Mate30系列手机.华为智慧屏.HUAWEI Watch GT2智能手表.华为FreeBuds3以及华为VR Glass,当 ...

  6. 华为手机中的计算机怎么用高级,华为EMUI10的这个功能 保时捷也在用

    9月26日华为在HUAWEI Mate30系列中国发布会上一口气发布了华为Mate30系列手机.华为智慧屏.HUAWEI Watch GT2智能手表.华为FreeBuds3以及华为VR Glass,当 ...

  7. 不可不知的设计界八大潜规则

    行如隔山,任何看上去简单的设计,其实都经历过了漫长的策划.策略.定位等一系列的前期分析的结果.不要找设计师做免费设计.不听话的设计师才是好设计师,这些不可不知的潜规则,在与设计师沟通的过程中你是否时刻 ...

  8. c语言 兔子数列螺线图,经典算法大全51例——2.斐波那契数列(兔子数列)

    经典算法大全51例--2.斐波那契数列 算法目录合集 地址 说明 题目 原理分析 代码实现--Java 相关题目其他变形: 1.爬楼梯(来源:力扣LeetCode) 2.兔子成熟期拉长 官方题解 分析 ...

  9. UI实用案例|黄金分割在界面设计中的应用

    那黄金分割线到底是个什么东西呢.它在什么位置?它在画面中的哪个地方呢? "有一条线条,如果我们从中切一段,如果左边是0.618这么一个比列,右边则是1这么一个比例."如果符合这样的 ...

最新文章

  1. 暑期集训1:C++STL 例1:UVA-10815
  2. python【力扣LeetCode算法题库】10-正则表达式匹配
  3. 2021-04-12 电机滑模控制 LuGre摩擦模型
  4. 云原生数据库崛起,阿里云POLARDB当选世界互联网领先科技成果
  5. php 开启phalocn 扩展_php7安装3.4版本的phalcon扩展
  6. NAT技术代理服务器
  7. pyodbc-操作SQLserver
  8. 营业执照编码验证规则(15位和18位)
  9. UDP包导致大量ARP报文的问题处理
  10. 【微信小程序】微信支付
  11. 安卓之旅第七站--实战演练之快给小宝宝买装备吧
  12. 实验环境的搭建以及异或门的设计仿真实验
  13. 罗技蓝牙鼠标连接电脑教程
  14. 智能车跟随圆弧路径原理
  15. MediaCodec进行音频合成
  16. TMC电机驱动芯片使步进电机的更好用
  17. LibXL库使用详解
  18. 面向对象版贪吃蛇大作战游戏创作
  19. TH2830 TH2831 TH2832 TH283X系列紧凑型LCR数字电桥技术参数
  20. ClassCastException: com.gao5805123.servlet.ServletDemo cannot be cast to javax.servlet.Servlet

热门文章

  1. 从DWG导入SKP的准备工作
  2. 国内外的免费AI作图工具
  3. MapGIS67个性化设置快捷键
  4. ie 浏览器对象不支持“replaceAll”属性或方法
  5. 职称计算机ppt2003窍门,职称计算机PowerPoint2003:幻灯片文字-段落编辑
  6. ATOM不争气 INTEL操纵PCMARK2005来黑NANO?[我写绿色IT]
  7. 运筹学第三章:运输问题
  8. 《C语言动漫教程(中级)》
  9. 电子商刊(iebook)让中小企业网络营销更加精准
  10. 昨天只搞懂了一点关于模板的冬冬