恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
黄金比例——用户界面设计的平衡法
0.0°
2018-04-28 好文转载 经验/观点 原作者: ui充电站 举报 1995 6 2 0


一个好的有效的设计其中最重要的特征就是用户界面清晰,所有的元素保持良好的平衡与和谐,以便用户可以轻松感知屏幕上的信息,并不需要花费太多的时间就可以与产品良好的互动。

想要做到平和和谐的界面就需要我们运用艺术科学各种技巧和方法以及必要的数学理论。在这里向大家解说一下我们常常听到的:黄金比例,其定义这种技术的本质及如何运用到设计中。

Image title

天地万物都在努力的做到平衡与和谐,即使是大自然带来的形式接近完美。人们喜欢所有具有自然触感的事物,他们总是以实现这些模式和形式为目标。

黄金比例不同大小元素之间的数学比例,被认为是人眼中最具美感的,就连美术界中最美男子也是遵循着黄金比例的。Image title黄金比例等于1:1.618通常以贝壳形螺旋形式出现。

那如何计算完美的不对称?

首先你需要确定小元素的长度,然后乘以1.618的黄金比例,结果将是更大元素的完美长度呈现。

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

Image title

有效的组合是设计的核心部分,所有的元素需要共同的努力,以最大限度的提高用户愉快体验。而每个单独的元素,都必须要在其内部达到和谐。黄金比例对视觉感知有正面的影响,这也许就是许多界面设计师和UI设计师在工作中应用的原因吧。

平面设计师更热衷于应用黄金比例。

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

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

Image titleImage title数学计算可以看起来很无聊且浪费时间,如果值得付出努力,可能会出现一个问题。让我们来看看黄金比例是如何带入到设计中来的。

(一)、均衡内容

到这种情况,它的每个部分都很重要,并且不能被替换。为了将所有组件合并成令人和谐愉快的组合,可以在设计中应用黄金比例,按照1:1/618的比例将布局划分为不同部分,并根据其重要性将内容放入到部门。这样的内容组合对于用户感知是足够的,并且它有助于组织所有组件;

(二)、有效的视觉层次

谈到内容组织,我们不能忘记视觉层次,这是一种高效构建内容组件的技术,结合这两种技术的原则,设计师可以最大限度的构建强大的设计作品。

Image title(三)、强大的排版水平

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

(四)、令人满意的第一印象

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

(五)、适当的留白空间

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

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

更新:2018-04-28

收藏

6人已收藏

Drimary_梦

设计源于细节,而我愿倾尽所有只为这一细节

  • 135

    作品

  • 102

    粉丝

  • 5

    关注

  • Figma零基础学习
  • 基础交互知识6种常见的隐藏菜单
  • 10个极简主义UI设计案例
  • PS中小技巧
相关标签

    猜你喜欢

      2018-04-28 好文转载 经验/观点 原作者: ui充电站 举报 1995 6 2 0

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

      0.0°

      你确定要举报黄金比例——用户界面设计的平衡法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录