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

用户头像
北京/艺术工作者/6年前/793浏览
平衡 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
阅读原文
|
举报
|
14
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
平面插画设计女孩喝咖啡
金色颗粒质地的平面
空的平台平面和自然景观
海底世界插画
平面花卉图案扁平简约无缝拼接插画
古风平面仕女与瓷器
倒计时,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面风格黄绿色系花朵装饰
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
平面人物插画
平面男孩喝咖啡插画设计
平面书法字手写
学习,优惠券,平面,海报
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
平面设计 吊牌设计
城市园林平面布局航拍
中国传统纹样创新图案设计
水蜜桃和李子的平面水果图案
你可能喜欢
相关收藏夹
大家都在看
登录注册