黄金比例——用户界面设计的平衡法则

有效设计的一个主要特征是清晰的用户界面。 所有元素需要保持良好的平衡,并保持和谐,以便用户可以轻松感知屏幕上的信息并不需付出努力就可以与产品良好的互动。

为了创造高效的设计作品,专业人士运用艺术科学的各种技巧和方法以及基本的数学理论。 有助于构建令人愉悦的设计组合的常用工具之一是称为黄金比例的数学比例。 在这篇文章中,我们将定义这种技术的本质,并看看它如何在设计中使用。


什么是黄金比例?

世界上的一切都在努力实现和谐与平衡。 即使是大自然母亲带来的形式接近完美。 人们喜欢所有具有自然触感的事物,他们总是以实现这些模式和形式为目标。 为了发现创作的秘密,数学家们计算出了一个出现在地球大部分事物上的公式。

黄金比例是不同大小元素之间的数学比例,被认为是人眼最具美感的。 黄金比例等于1:1.618,通常可以看到您可能在互联网上看到的贝壳形螺旋。

那么,如何计算完美的不对称? 首先,你需要确定小元素的长度。 然后乘以1.618的黄金比例,结果将是更大元素的完美长度。

黄金比例理论被认为存在超过4000年。 科学家发现,大多数古代建筑以及着名的艺术品都服从黄金比例。 列奥纳多达芬奇和萨尔瓦多达利被称为黄金比例理论的追随者,并将其作为他们令人惊叹的艺术品的关键工具。 今天,黄金比例适用于建筑,艺术,摄影和设计等各个领域。


设计中的黄金比例

有效的组合是设计的核心部分。 所有的元素需要共同努力,以最大限度地提高愉快的体验。 而且,每一个单独的元素,甚至像图标一样的小元素,都必须在其内部形成和谐。 黄金比例对视觉感知有正面影响,这是许多图形和UI设计师在他们的工作流程中应用它的原因。

平面设计师更热衷于应用黄金比例。 问题在于美术教师经常讲解黄金比例理论,帮助学生理解如何使用比例。 这就是为什么许多设计师在创建各种图形的同时继续应用此工具的原因,特别是对于小而有意义的设计元素(例如徽标)。

标志和图标设计需要深入关注细节。 黄金比例允许创建插图,其中每个元素与其他元素保持和谐和适当的比例。 此外,标志设计是品牌的核心,所以设计师们努力以最有说服力的方式呈现它。 黄金比例可以增加徽标的美学吸引力,并提高品牌的知名度。

用户界面需要有清晰的组件视觉呈现,以便人们可以毫无问题地使用产品。 黄金比例通常用于有效放置UI元素。 首先,它可以用于线框的阶段。 通过这种方式,您可以按照黄金比例规划布局布局和调整用户界面组件的大小。 此外,黄金比例计划可以帮助专业人员为网页设计裁剪图像,以确保照片的构图保持均衡。

黄金比例如何提高UI设计?

数学计算可能看起来很无聊且费时,所以如果值得付出努力,可能会出现一个问题。 让我们看看什么黄金比例可以带入设计。

均衡的内容

当产品需要包含大量的各种内容时,设计人员经常会遇到这种情况,而且它的每个部分都很重要,并且不能被替换。 为了将所有组件合并成令人和谐愉快的组合,可以在设计中应用黄金比例。 按照1:1.618的比例将布局划分为不同的部分,并根据其重要性将内容放入部门。 这样的内容组合对于用户的感知是足够的,并且它有助于组织所有组件。

有效的视觉层次

谈到内容组织,我们不能忘记视觉层次。 正如我们在之前的文章中提到的那样,这是一种高效构建内容组件的技术。 结合这两种技术的原则,设计师可以最大限度地构建强大的设计作品。

https://dribbble.com/shots/2464094-Web-Template

强大的排版水平

为了创建高效的版式,设计师需要将复制内容分成不同的层次。 它们通常包括各种副本,标题,副标题,正文副本,标题等。通过应用黄金比例,专业人员可以快速定义印刷级别之间的适当比例,例如,您可以为标题选择一定的尺寸,然后将其除以1.618。 结果会向您显示副标题最合适的大小。

令人满意的第一印象

当用户第一次尝试产品时,他们会扫描用户界面以了解他们是否喜欢它。 被称为本能反应的心理学原理指出,人们在几秒钟之内就决定他们是否喜欢某物。 这种反应比我们的意识更快,所以我们甚至没有意识到这一点。 这就是为什么确保产品的第一印象令人满意至关重要。 通过使用黄金比例创造的设计对用户的思维和视觉感受具有积极影响,并且它取决于用户对产品的第一印象。

适当的留白空间

留白空间是设计构图中元素之间的空白区域。 由于构图的统一性高度依赖于它,设计师总是需要关心UI中的留白空间。 黄金比例可以使留白过程更容易和更快。 应用黄金比例,您将能够定义适合设计的正确留白空间。

https://dribbble.com/shots/3874159-Digital-Agency-Landing-Page

展现组件自然平衡的设计不容忽视。 结构良好的布局是强大用户界面的核心部分之一。 黄金比例将和谐融入设计中,使产品为用户带来愉悦感。 不要害怕数学公式。 这看起来并不困难。 更重要的是,黄金比例可以帮助创建兼具实用性和美观性的用户友好型数字产品。


我的设计作品(Dribbble):https://dribbble.com/exciting


本文翻译来自Medium感谢Tubik Studio

原文链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容