无论是网页设计、移动应用还是软件界面,都需要一个精心设计的UI来提供良好的用户体验。下面成都蓝橙UI界面设计公司就为大家带来5个UI界面更耐看的细节:
1.图标
图标是界面中必不可少的元素,直接影响界面给人的第一感觉。“好”的图标需要保持整体风格的统一及粗细、圆角的大小统一。图标的风格种类多样,基础的有线性和面性,进阶的有2.5D、轻拟物、毛玻璃等等。我们需要做的是保持整套界面的风格保持统一。
如上图,薄荷健康App中间的图标都运用了线性+渐变的风格,而大众点评App上面功能区的图标都运用了轻质感的风格。“好”的图标在细节上要注意的更多,需要保证视觉大小的统一,线性图标要保持线条粗细统一,有圆角的需要保持圆角度数的统一。
2.颜色
整套页面的颜色搭配需要遵循一定的规则,定义好主色、辅助色及点缀色的运用范围,辅助色不宜过多,否则整体页面会让人觉得花哨。
主色:通常表现品牌色,通常运用在导航栏、图标、按钮、菜单这些地方;可以适当融入企业VI设计风格。
辅助色:丰富界面的视觉层次,让界面内容有主次之分;
点缀色:引导阅读,装饰画面。使用面积不能过大,以免对主色造成影响。
3.角度统一
角度统一包含渐变及投影的角度,在一套界面中,使用的渐变和投影的角度需要保持统一。现在很多UI界面中,都会使用渐变来增加页面质感,但是我们在运用渐变的时候要主要保持渐变角度的统一。UI界面中同一层级内容运用的投影参数要保持统一,当参数相同视觉感受差异较大时,按照视觉感受来调整。
4.界面的分割方式
界面分割的作用是区分内容信息,给用户一个良好的视觉体验,所以我们要制定统一的分割方式。分割方式一般有线分割、面分割和留白分割。
线分割有两种形式,一种是通栏的分割线,另外一种是两边留有边距的分割线。使用分割线需要注意的是颜色不要过深,继而导致界面的割裂感过重。
留白分割需要根据层级的关系来制定留白的大小,两个模块之间的留白通常要比一个模板内部之间的留白距离要大。
5.文字
界面中文字无处不在,在文字的大小使用上要有规律可循,按照信息层级和模板来制定规则,能让用户一眼就辨认出这是标题还是正文。另外在数字字体的选择上,我们可以自定义一些个性字体,提高界面的精致度。
如果您觉得上文的内容有些难以理解,也是很正常的,文中的内容涉及了很多业内的知识,如果您有需要,敬请联系蓝橙设计包年公司。