ui布局设计元素:ui布局设计元素有哪些?

  • Post author:
  • Post category:其他


ui布局设计元素:ui布局设计元素有哪些?这一直是我比较喜欢研究的话题,今天正好朋友正好问起。所以就在这里来把自己在行业里的总结写下来,给大家参考一下。说实话,做ui设计师以来,一直有很多朋友问我相关的知识,我也很高兴能够帮助到你们。

在这里插入图片描述

在UI页面的布局当中,可以把其几个核心视觉元素进行分解,单独罗列。某些在多个页面设计中,我们可以理解为几大核心点,如『版,质,形,色,字』

  1. 局– 版式及布局,版式间距会直接影响到页面的张力及空间感;

  2. 质 – 页面风格,肌理维度,整个产品视觉调性;

  3. 形 – 大面积区域的形状,控件尺寸比例,icon形状的统一性;

  4. 色 – 颜色风格,页面色相,彩度,明度整体风格统一性;

  5. 字 – 字体的样式,字体,字号,衬线,内容识别性。

像这些核心元素,我们可以进行进行刻意练习,来提升综合的视觉基础能力,不过首要,我们需要理解并进行梳理。

什么是布局?

在界面设计当中,布局会直接影响到用户该页面的理解能力,良好的信息传达力离不开科学的组织布局。信息之间层级关系的罗列展示非常重要,适当的布局,能展示不同信息的差异化,提升用户理解阅读效率,而且视觉上也非常美观大方。

一:亲密性

这里我们可以通过一个很简单的话术来表达,那就是『同类相近,异类相远』,物以类聚,人以群分。信息联系紧密的,间距相近,信息维度差异大的,间距要远,这样不但视觉上错落有致,而且对于用户理解信息,也是非常有效快速的。

二:节奏性

节奏性指的就是在同一个页面内容中,间距呈有规则的变化。所以这也要求这间距的样式不要太多



版权声明:本文为weixin_48575991原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。