平衡 UI 设计 ——黄金分割率

用户头像
北京/艺术工作者/6年前/789浏览
平衡 UI 设计 ——黄金分割率

有效设计的主要特征之一是清晰的 UI 界面。所有元素都需要保持良好的平衡和协调,以便用户可以轻松地查阅信息并与产品进行交互。

有效设计的主要特征之一是清晰的 UI 界面。所有元素都需要保持良好的平衡和协调,以便用户可以轻松地查阅屏幕上的信息并与产品进行交互。

为了创建有效的设计构图,应用了艺术科学和基本数学理论中的各种方法。帮助构建高效的设计构图的数学比例,称为黄金比例。在本文中,我们将了解如何在设计中使用黄金比例。


什么是黄金分割率?


世界上的一切都致力于和谐与平衡。甚至大自然也以接近完美的形式带来事物。人们享受与自然接触的一切,数学家计算出了一个公式,该公式出现在地球上的大多数事物中。

黄金比例是不同大小的元素之间的数学比例,被认为是人眼最美的外观。黄金比例等于1:1.618,通常用螺旋形表明,如图:

      


那么,如何精确地计算出完美的不对称性呢?首先,您需要确定小元素的长度。然后将其乘以黄金比率(1.618),结果即得出较大元素的理想长度。

     

如今,黄金分割已应用于建筑,艺术,摄影和设计等各个领域。


设计中的黄金比例


有效的构图是设计的核心部分。所有元素都要精益求精,致力于良好体验最大化。黄金比例对视觉感知起到关键性作用,这是许多图形和UI设计师将其应用到其设计中的原因。

 

平面设计师更热衷于应用黄金分割率。尤其是对于那些小而有意义的设计元素(例如logo)。

logo 和图标设计需要深入关注细节。其中每个元素都与其他元素保持适当的比例。此外,logo 设计是品牌的核心,因此设计师以最引人注目的方式进行展示。黄金比例可以增加 logo 的美学吸引力并提高品牌知名度。


UI 界面需要清晰直观地显示内容,以便人们可以轻松地使用产品。黄金分割率通常用于放置 UI 元素位置。首先,它可以用于线框图的阶段。这样您可以根据黄金比例计划布局的结构,以放置和调整用户界面 UI 元素的大小。此外,黄金分割可以帮助设计师裁剪图像以进行网页设计,从而可以确保照片的构图保持平衡。

 

       

Opera Software促销视频的图形设计

 

黄金分割率如何改善UI设计?


数学计算本来就很乏味费时,因此让我们舍远求近来看看什么黄金比例可以带入设计。


内容均衡


设计师经常会遇到这种情况,当产品需要包含大量的各种内容、产品的每个部分至关重要且无法替换时。可以使用 1:1.618 的比例将布局分为不同的部分,然后根据其重要性将内容放入各个扇区。


有效的视觉层次


说到内容布局,我们不得不提视觉层次。这是一种有效构造内容布局的方式。结合上述两种方式的原理,设计师可以最大程度地构建好的设计构图。

 

       

        

强大的排版水平


为了创建高效的排版,设计人员需要将副本内容划分为不同的级别。包括标题,副标题,正文副本等。应用黄金比例设计师可以快速定义各印刷级别之间的适当比例,例如,可以为标题选择特定大小,然后将其除以1.618。结果将为您显示最适合副标题的大小。


第一印象


用户首次尝试产品时,他们会浏览界面以确认是否是他们想了解的内容。人们在事物后的几秒钟内就能决定自己是否喜欢该事物。因此,至关重要的是确保产品的第一印象令人愉悦。使用黄金比例构建的设计会对用户的思维和视觉感知产生积极的影响,并且从产品的第一眼便开始起作用。


适当的空格


空白是设计布局中元素之间的区域。设计师需要关心 UI 中的空白,因为内容的高度依赖于空白。黄金比例可以使间隔变得更加舒服。运用黄金比例,能够定义正确的空白区域。


       数字代理商登录页面

 

呈现内容自然平衡的设计不容忽视。结构良好的布局是功能强大的 UI 的核心部分之一。黄金比例将协调带入设计中,并为用户带来实用性和美观性相结合的优秀产品。


原文作者:Alina Arhipova


—— END ——

以上就是本次译文内容 
微信关注公众号:像素大厨PxCook
专为“产●设●研”而生!
可获取更多设计资讯,和各种作图小技巧



3
阅读原文
|
Report
|
14
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in