ITPub博客

首页 > 应用开发 > IT综合 > ui设计怎样做出有效果的视觉层级?

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

原创 IT综合 作者:千锋教育qyf 时间:2021-09-29 14:05:27 0 删除 编辑

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

千锋UI设计培训1

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

  一、梳理信息

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

  二、使用黄金比例

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

  三、视觉流

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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69996644/viewspace-2794263/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
千锋教育隶属于北京千锋互联科技有限公司,以“初心至善,匠心育人”为核心价值观,致力于打造职业教育全产业链人才服务平台,公司总部位于北京,拥有全国一体化就业保障服务,成为学员信赖的职业教育品牌。 每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频。

注册时间:2021-03-17

  • 博文量
    527
  • 访问量
    204720