作为一名UI设计师,大家应该清楚的了解到每一款产品都有不同的风格和设计,但是每一款UI设计元素都是有通风之处的,如何能够做出有效的视觉层级,对用户的体验有着十分积极的影响。本期UI设计培训教程就为大家详细的介绍一下ui设计怎样做出有效果的视觉层级?
UI设计培训分享:ui设计怎样做出有效果的视觉层级?
一、梳理信息
为了能够有效的划分界面中的信息层级,我们需要梳理信息,对页面内的信息先进行组织归纳,将同类信息或者关联性强的信息组织到一起。
二、使用黄金比例
UI设计师在绘制草稿阶段经常使用黄金比例,这有助于规划作品的排版架构,以适合的比例缩放用户界面元素,使用户看起来舒适。并且可以通过加强元素之间的对比来区分信息的主次关系。在处理信息的时候我们通常会使用字体、字重、大小、色彩四个维度进行对比。
三、视觉流
人类的视觉运动都是点到点跳跃式扫描而非平滑移动,在 Google 早期通过眼动仪观察用户在浏览界面内容的视觉流呈“F”型,而且越是往下视觉注意力越少。当ui设计师在进行信息分类之后,我们借鉴视觉流的原则在我们做完信息归纳和信息对比之后,我们可以通过视觉流的原则,来审视自己的设计是否符合用户自左到右,自上到下的阅读习惯。