营销物料设计
优质创意设计方案
用心量身打造专属设计
服务全面、专业性强,了解行业设计动向提供优质设计
案例
分享
2023-08-24
活动运营设计

无论是网页设计、移动应用还是软件界面,都需要一个精心设计的UI来提供良好的用户体验。下面成都蓝橙UI界面设计公司就为大家带来5个UI界面更耐看的细节:


1.图标

 

图标是界面中必不可少的元素,直接影响界面给人的第一感觉。“好”的图标需要保持整体风格的统一及粗细、圆角的大小统一。图标的风格种类多样,基础的有线性和面性,进阶的有2.5D、轻拟物、毛玻璃等等。我们需要做的是保持整套界面的风格保持统一。

image.png

 

 

如上图,薄荷健康App中间的图标都运用了线性+渐变的风格,而大众点评App上面功能区的图标都运用了轻质感的风格。“好”的图标在细节上要注意的更多,需要保证视觉大小的统一,线性图标要保持线条粗细统一,有圆角的需要保持圆角度数的统一。

 

2.颜色

 

整套页面的颜色搭配需要遵循一定的规则,定义好主色、辅助色及点缀色的运用范围,辅助色不宜过多,否则整体页面会让人觉得花哨。

 

主色:通常表现品牌色,通常运用在导航栏、图标、按钮、菜单这些地方;可以适当融入企业VI设计风格。

 

辅助色:丰富界面的视觉层次,让界面内容有主次之分;

 

点缀色:引导阅读,装饰画面。使用面积不能过大,以免对主色造成影响。

 

3.角度统一

 

角度统一包含渐变及投影的角度,在一套界面中,使用的渐变和投影的角度需要保持统一。现在很多UI界面中,都会使用渐变来增加页面质感,但是我们在运用渐变的时候要主要保持渐变角度的统一。UI界面中同一层级内容运用的投影参数要保持统一,当参数相同视觉感受差异较大时,按照视觉感受来调整。

 

4.界面的分割方式

 

界面分割的作用是区分内容信息,给用户一个良好的视觉体验,所以我们要制定统一的分割方式。分割方式一般有线分割、面分割和留白分割。

线分割有两种形式,一种是通栏的分割线,另外一种是两边留有边距的分割线。使用分割线需要注意的是颜色不要过深,继而导致界面的割裂感过重。

留白分割需要根据层级的关系来制定留白的大小,两个模块之间的留白通常要比一个模板内部之间的留白距离要大。

 

5.文字

 

界面中文字无处不在,在文字的大小使用上要有规律可循,按照信息层级和模板来制定规则,能让用户一眼就辨认出这是标题还是正文。另外在数字字体的选择上,我们可以自定义一些个性字体,提高界面的精致度。


如果您觉得上文的内容有些难以理解,也是很正常的,文中的内容涉及了很多业内的知识,如果您有需要,敬请联系蓝橙设计包年公司


我们的服务:公众号推文美化公司| 宣传海报设计公司| 基金季报设计公司| PPT设计公司| 宣传片剪辑公司
网络推广公司| 微信公众号开发公司| APP运营活动开发| 北京H5开发公司| H5开发公司
联系我们:电话-18140119082(微信同号)