黄金比例——用户界面设计的平衡法则
有效设计的一个主要特征是清晰的用户界面。 所有元素需要保持良好的平衡,并保持和谐,以便用户可以轻松感知屏幕上的信息并不需付出努力就可以与产品良好的互动。
为了创造高效的设计作品,专业人士运用艺术科学的各种技巧和方法以及基本的数学理论。 有助于构建令人愉悦的设计组合的常用工具之一是称为黄金比例的数学比例。 在这篇文章中,我们将定义这种技术的本质,并看看它如何在设计中使用。
什么是黄金比例?
世界上的一切都在努力实现和谐与平衡。 即使是大自然母亲带来的形式接近完美。 人们喜欢所有具有自然触感的事物,他们总是以实现这些模式和形式为目标。 为了发现创作的秘密,数学家们计算出了一个出现在地球大部分事物上的公式。
黄金比例是不同大小元素之间的数学比例,被认为是人眼最具美感的。 黄金比例等于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