ui设计怎样做出有效果的视觉层级?

  作为一名UI设计师,大家应该清楚的了解到每一款产品都有不同的风格和设计,但是每一款UI设计元素都是有通风之处的,如何能够做出有效的视觉层级,对用户的体验有着十分积极的影响。本期UI设计培训教程就为大家详细的介绍一下ui设计怎样做出有效果的视觉层级?

千锋UI设计培训1

  UI设计培训分享:ui设计怎样做出有效果的视觉层级?

  一、梳理信息

  为了能够有效的划分界面中的信息层级,我们需要梳理信息,对页面内的信息先进行组织归纳,将同类信息或者关联性强的信息组织到一起。

  二、使用黄金比例

  UI设计师在绘制草稿阶段经常使用黄金比例,这有助于规划作品的排版架构,以适合的比例缩放用户界面元素,使用户看起来舒适。并且可以通过加强元素之间的对比来区分信息的主次关系。在处理信息的时候我们通常会使用字体、字重、大小、色彩四个维度进行对比。

  三、视觉流

  人类的视觉运动都是点到点跳跃式扫描而非平滑移动,在 Google 早期通过眼动仪观察用户在浏览界面内容的视觉流呈“F”型,而且越是往下视觉注意力越少。当ui设计师在进行信息分类之后,我们借鉴视觉流的原则在我们做完信息归纳和信息对比之后,我们可以通过视觉流的原则,来审视自己的设计是否符合用户自左到右,自上到下的阅读习惯。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值