作为一名UI设计师,大家应该清楚的了解到每一款产品都有不同的风格和设计,但是每一款UI设计元素都是有通风之处的,如何能够做出有效的视觉层级,对用户的体验有着十分积极的影响。本期UI设计培训教程就为大家详细的介绍一下ui设计怎样做出有效果的视觉层级?
UI设计培训分享:ui设计怎样做出有效果的视觉层级?
一、梳理信息
为了能够有效的划分界面中的信息层级,我们需要梳理信息,对页面内的信息先进行组织归纳,将同类信息或者关联性强的信息组织到一起。
二、使用黄金比例
UI设计师在绘制草稿阶段经常使用黄金比例,这有助于规划作品的排版架构,以适合的比例缩放用户界面元素,使用户看起来舒适。并且可以通过加强元素之间的对比来区分信息的主次关系。在处理信息的时候我们通常会使用字体、字重、大小、色彩四个维度进行对比。
三、视觉流
人类的视觉运动都是点到点跳跃式扫描而非平滑移动,在 Google 早期通过眼动仪观察用户在浏览界面内容的视觉流呈“F”型,而且越是往下视觉注意力越少。当ui设计师在进行信息分类之后,我们借鉴视觉流的原则在我们做完信息归纳和信息对比之后,我们可以通过视觉流的原则,来审视自己的设计是否符合用户自左到右,自上到下的阅读习惯。
UI设计培训分享:ui设计怎样做出有效果的视觉层级?上面已经为大家做了详细的介绍,掌握优化信息层级的方法对于新手设计师来说,尤为重要。准确传达产品设计中的信息,有利于提高用户体验。想要了解更多UI设计培训的具体课程内容,就加入千锋教育的UI设计交流群吧-809348958,群内会有专职的老师为你答疑解惑。另外群内不定期还会有免费直播课,由现役的讲师来授课。
相关文章
关注千锋学习站小程序
随时随地免费学习课程
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱