黄金比例与用户界面设计

虽然黄金比例传统上一般用于艺术和建筑 , 但我们也可以参考来设计出美观的界面 。

【黄金比例与用户界面设计】神译局是36氪旗下编译团队 , 关注科技、商业、职场、生活等领域 , 重点介绍国外的新技术、新观点、新风向 。
编者按:研究表明 , 能欣赏到美是人类与生俱来的一种品质 。 黄金比例就是最经典的一种美学 , 在大量艺术与建筑的案例中都能找到黄金比例的身影 。 但其实 , 在UI设计中运用黄金比例也可以做出非常赏心悦目的界面 , 本文提供了如何运用黄金比例来进行UI设计的一些技巧 , 文章来自编译 。
黄金比例与用户界面设计

文章插图

图片来源:pixabay
比例体系以比率为基础 , 这套体系在建筑和艺术当中已经沿用了好几个世纪 。 早在公元前 500 年左右 , 菲狄亚斯、柏拉图以及欧几里得就首先提到了黄金比例 。 我们说这个比例在历史上曾经被多次发现应该是合理的假设——也因此它有很多个名字 , 包括中庸之道(golden mean)、黄金比例(golden ratio)、黄金分割(golden section)、神圣比例(divine proportion , 列奥纳多·达芬奇)以及希腊符号 φ 。
其确切的数学定义如下(根据维基百科):
黄金比例 , 又称黄金分割 , 是一个数学常数 , 一般以希腊字母φ表示 。 可以透过以下代数式定义:

黄金比例与用户界面设计

文章插图

黄金比例与用户界面设计

文章插图

黄金分割的两个部分 (a/b = φ)
可以证明黄金比例 φ 具有特殊性质:
黄金比例与用户界面设计

文章插图

这个数约等于 1.618033…(无理数) 。 (你也可以用 1/0.618=1.618 。 )
Giacomo Rizzolatti 和与 Cinzia Di Dio 的一项研究表明 , 人类大脑对于比例为黄金比例的人体有着天生的依赖 。 在这项研究里 , 他们给没有艺术背景的受试者呈现雕像的原始图像与扭曲版 。 原始雕像的比例体现了黄金分割 。 结果看到原始图像后受试者有一组脑细胞被明显激活了 , 而看扭曲版的图像那组脑细胞则没有反应 , 这说明在一定程度上来说美是一种与生俱来的品质 。
黄金比例已被用来分析自然、建筑、绘画和音乐里面发现的数目 。 在使用黄金比例时 , 大家往往认定这能够创造出一种有机、平衡且美观的构图 , 这样的构思被认为是人的眼睛所喜欢看到的 。
在建筑物和艺术品方面 , 黄金比例的例子比比皆是 , 比如吉萨金字塔、雅典帕台农神庙以及达芬奇的蒙娜丽莎 。
黄金比例与用户界面设计

文章插图

达芬奇的蒙娜丽莎:头部的长宽比(a1 和 b1 段) , 以及躯干的长宽度比(从眼线开始到手——a2 和 b2 段)均符合黄金比例 。
黄金矩形与黄金螺旋黄金矩形就是一个边长为黄金比例的矩形 。
黄金比例与用户界面设计

文章插图

黄金矩形的边之比符合黄金比例 (a/b = φ) 。
黄金矩形有一个有趣的特性:如果你把它分成一个边长等于矩形较短那条边的正方形以及另一个矩形(如下图所示)的话 , 结果尺寸较小的这个矩形也是黄金矩形 。 (这一属性可以直接从上一节所述的黄金比例属性派生而来 。 )
黄金比例与用户界面设计


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。