热门相关搜索

过滤器

黄金比例-形式和布局的原则

by 马德斯Soegaard | | 11分钟读取

现在, 皇冠官网登录要看一个直接来自数学的主题,皇冠官网登录也可以在皇冠官网登录周围找到,那就是 黄金比例. Don’t worry; we’re not going back into the classroom for long. 皇冠官网登录将研究这个概念是什么,以及它在多大程度上是使设计取悦用户眼睛的一个基本部分.

黄金比例的故事是一个传奇. 它的历史可以追溯到 Pi (另一个伟大的数学公式, 这对于理解圆的性质很重要), 学者, 包括毕达哥拉斯和欧几里得, 用过很多名字吗, 包括 黄金分割神圣的部分.

这个比例有什么吸引力呢? 几个世纪以来, 人们一直认为艺术, 当设计和结构的比例以黄金比例为基础时,建筑和自然更吸引人的眼睛. 早在古希腊,你就可以在人类活动中找到黄金比例的例子. 帕台农神庙的雕像似乎以它们的形式展示了黄金比例, 柏拉图的五种固体(包括立方体和十二面体)中的一些都与它有关, 太. 黄金比例在文艺复兴时期开始普及, 那个时期的艺术家试图确保它被用来传达令人愉悦的作品. 今天, 皇冠官网登录可以在网页和应用程序设计中使用黄金比例来改善布局和吸引眼球, 充分相信这一历史悠久的事实.

黄金比例是什么?

纵观历史,黄金比例一直被用来创造视觉上吸引人的设计. 在文艺复兴时期,它成为设计理论的正式组成部分. 它在几何学中的频繁出现(如五边形和五角形)引起了古希腊数学家的注意, 谁至少在2400年前就开始研究它了. 该比率基于斐波那契数列中连续数之间的关系. Fibonacci was a medieval Italian mathematician; however, 不需要数学家也能理解这个序列,因为它太简单了.

斐波那契数列中的每一个数都是它前面两个数的和. 它以1,1 (i.e., 1 +看不见的0 = 1), 序列的前10个元素是1, 1, 2, 3, 5, 8, 13, 21, 34, 55. 它是无限的. 皇冠官网登录可以使用上面的公式(皇冠官网登录使用希腊字母)来计算比率 φ 表示输出). 这个比值大约是1.618,虽然,就像 Pi在美国,小数点后有一长串数字. 对于皇冠官网登录的目的,皇冠官网登录不需要担心超过1.618.

在设计中如何使用比例? 想象一个矩形,它的短边长度为1. 来计算最美观的矩形, 你只需将短边的长度乘以黄金分割率近似为1.618. 所以在这种情况下,长边的长度是1.618.

如果你手边有铅笔、纸和尺子,试着用这个比例尺画一个矩形. 或者,如果可以跳转到另一个屏幕,可以在绘图应用程序中创建一个. 在你面前你将看到的不是任何矩形,而是 理想的 矩形!

皇冠官网登录可以在整个设计界找到黄金比例. 当时的建筑师用它作为希腊卫城的基础和高度. 它用于确定实体书柜上绝大多数书籍的格式. 你看到的每一个地方都有. 也许是因为皇冠官网登录周围都是由黄金分割比例衍生出来的数字和形状, 皇冠官网登录已经特别习惯了. 作为设计师,皇冠官网登录需要为用户牢记舒适和熟悉的概念. 全世界都对这一比率持赞许态度. 字面上,事实上:杂志 国家地理 根据黄金比例使用黄色矩形.

然而,黄金比例并不能帮助皇冠官网登录做出漂亮的矩形. 您还可以根据斐波那契数列的递减顺序使用边长来形成螺旋. So, 如果起点是55, 皇冠官网登录可以通过向内画来画螺旋,这样当它经过起点时, 新的长度是34. 皇冠官网登录继续用21、13、8、5等长度向内工作. 直到皇冠官网登录到达中间(长度= 1). 这种螺旋也是基于黄金比例的,在人眼看来,它可能比同样平衡的螺旋更有趣. 它存在于自然界中,从植物到贝类和软体动物. 甚至是许多大型动物(包括人类)的具体比例!)通常被认为是按照黄金比例来分配的. 从这个意义上说,它可以说是皇冠官网登录的一部分. So, 作为一名设计师,你可以使用这种螺旋来吸引世界各地用户的眼球,并将他们聚焦在你设计中的某个特定点上. 研究表明,人眼根据黄金比例识别(以及大脑解释和处理)图像的速度比不包含黄金比例的图像更快.

皇冠官网登录还可以使用黄金比例来平衡其他元素之间的元素. 丰田和百事的标志利用了这一事实. 丰田使用这个比例来平衡他们标志中的椭圆, 百事可乐用它来平衡他们的圆圈. 你还能想到其他利用这种“神奇”比例的品牌吗? 也许这就是让商标真正具有标志性的原因!

计算黄金比例

现在让皇冠官网登录简单地研究一下数学. 与本课开头的图片一样,计算比率的方程很简单. 它是设计的两个方面(通常是水平和垂直)之间的关系。. 皇冠官网登录选择哪边最长(A)和哪边最短(B)都没有关系. (尽管如果你想看看黄金比例是否被用在了另一幅作品中, 你需要知道哪边最长或最短.)

这个公式是:

A/ b = (A+ b)/A = 1.618033987 = Φ

Φ 是希腊字母 φ- 皇冠官网登录如何表示黄金比例. 为什么 A/B = (A+B)/A吗? 确实如此,因为皇冠官网登录遵循的是斐波那契数列,而A和B(如果用整数表示)只是该数列中的两个连续数字. 幸运的是,皇冠官网登录可以把它近似为1.6 or 1.61 or 1.618的设计没有放弃 审美 黄金比例的吸引力. 皇冠官网登录的眼睛不会被这种轻微的偏差所困扰.

如何在你的设计中使用黄金比例

你可以很容易地在你的设计中使用黄金比例. 比如Adobe Photoshop和Adobe Illustrator, 您可以创建指导或层,将帮助您设计使用黄金比例.

如果你的软件不能自动计算黄金比例, 您总是可以使用在线工具来帮助指定边长的比例. 这里有三个这样的工具:

GoldenRATIO

φcalculator

Atrise黄金分割

拿走

黄金比例, 而哲学家, 数学家, 架构师, 艺术家, 设计师已经有两千多年的历史了, 是设计师和用户的基础吗. 百事可乐的标志,甚至自然的形状都体现了黄金法则的比例, 比如鹦鹉螺壳, 围绕着皇冠官网登录.

因为这些形式非常普遍, 皇冠官网登录的眼睛很快就认出了他们, 皇冠官网登录倾向于把它们处理成熟悉的和令人愉快的. 尽管黄金比例已经是研究了几个世纪的主题,古希腊人也知道, 中世纪意大利数学家斐波那契确定了他著名的数列. 使用this(其中一系列数字, 从1开始,1, 皇冠官网登录把前面的数字加到后面的数字上)是理解黄金比例的关键(皇冠官网登录用希腊字母 φ).

皇冠官网登录在网页和应用设计中广泛使用黄金比例. 特别是,在构建线框时很容易将其整合. 你可以确保你所需要的内容得到了合理的优先级,并且在一开始不需要做太多的设计工作就能满足布局的美学要求. 只有当你, 例如, 决定在这个框架上放置元素和特性的位置,这样工作就会变得更加复杂.

在上图的例子中,内容区和边栏之间的比例等于 φ (1.618). 你可以用下面的尺寸来检查一下:

  • 固定布局的总宽度为960 px. 将其划分为内容区域和侧边栏. 内容区域是两个区域中较长的区域.

  • 如果你用960的总宽度px除以1.618,得到593像素. 然后将这个长度分配给内容区域.

  • 将剩下的367 px分配给侧栏.

因为这是一个比率,所以它是灵活的. 这意味着您可以轻松地应用它来制作许多设计布局, 因为没有必要使用固定的数字. 你所需要做的就是指定长区域为1.比短的长618倍.

您可以在页面布局的任何部分应用黄金比例. 例如, 你可以在标题中使用黄金比例来吸引用户的注意力,然后在正文中重复它, 太.

在下图(上图)中,皇冠官网登录也看到了使用黄金比例的螺旋形式. 将斐波那契数列按递减顺序应用于螺旋边的长度, 皇冠官网登录可以很容易地基于黄金比例创建螺旋设计.

作为设计师, 皇冠官网登录发现了大量可用的软件,使皇冠官网登录更容易在皇冠官网登录的创作中释放黄金比例的潜力,并优化 用户体验. Adobe, Photoshop和Illustrator,就是这样一个公司,提供了这个伟大的帮助.

参考文献 & 从哪里了解更多信息

  • 英雄形象:作者/版权所有人:Matthew Oliphant. 版权条款和许可:CC BY-ND.0

  • 弗里德曼,V. (2008) 在网页设计中应用神圣比例. Smashing Magazine. [2014年8月1日]

每周获取用户体验洞察

加入 312435位设计师 谁从皇冠官网登录的通讯中获得有用的用户体验技巧.
需要一个有效的电子邮件地址.