广州佰新网络科技有限公司UI设计有哪些基本准则下
UI设计准则
关于ui的概念及相关知识点,以及ui与当下的人工智能AI的关系,相信有一定工作经验的设计师或互联网工作者都能知道一二。但再深入一点了解ui设计工作,就需要知道以下的ui设计基本准则了。ui设计不是很多人口中所说的图标设计那么简单。
9、元素之间的间距使用
不同元素之间的间距尽量使用固定的几个数值进行复用,过多的间距数值会使得界面显得凌乱无需,也会耗费开发更多的精力。
10、视觉主次对比
做设计不仅仅是为了好看,还需要从视觉的角度去助力业务,提升产品转化率,从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作,转化率的提升或许很小,但对于用户量很大的产品而言,任何一点提升所带来的收益都是不容小视的。
11、主副文案的层级性
ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。
12、合理的图文顺序
不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为类界面,对于资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。
13、文字的颜色对比
信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。
14、背景的颜色倾向
纯粹的浅灰色背景有时会让人觉得有些脏,可以尝试给背景添加颜色倾向,通常为蓝色。
15、分隔线的使用细节
分隔线的作用是区分内容信息,使用贯穿分隔线时有时会导致界面的割裂感过强,这是可采用非贯穿分隔线,区分内容的同时又保持整体性,给用户一个良好的视觉体验。(此前有写过一篇《巧用分隔线手机app ui界面设计超有设计感》)
小结
-
我相信经过对本文的学习和理解,大家无论是本身就做ui设计师的,还是准备转行做ui设计的,一定都很清楚了ui到底是做什么的,需要学习什么方面的知识,以及做ui设计时为基本的原则和技巧。ui设计曾经误以为被当做是做图标设计的美工师,经过本文学习重新认识了这个用户体验设计领域的核心角色。
关于ui的概念及相关知识点,以及ui与当下的人工智能AI的关系,相信有一定工作经验的设计师或互联网工作者都能知道一二。但再深入一点了解ui设计工作,就需要知道以下的ui设计基本准则了。ui设计不是很多人口中所说的图标设计那么简单。
9、元素之间的间距使用
不同元素之间的间距尽量使用固定的几个数值进行复用,过多的间距数值会使得界面显得凌乱无需,也会耗费开发更多的精力。
10、视觉主次对比
做设计不仅仅是为了好看,还需要从视觉的角度去助力业务,提升产品转化率,从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作,转化率的提升或许很小,但对于用户量很大的产品而言,任何一点提升所带来的收益都是不容小视的。
11、主副文案的层级性
ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。
12、合理的图文顺序
不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为类界面,对于资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。
13、文字的颜色对比
信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。
14、背景的颜色倾向
纯粹的浅灰色背景有时会让人觉得有些脏,可以尝试给背景添加颜色倾向,通常为蓝色。
15、分隔线的使用细节
分隔线的作用是区分内容信息,使用贯穿分隔线时有时会导致界面的割裂感过强,这是可采用非贯穿分隔线,区分内容的同时又保持整体性,给用户一个良好的视觉体验。(此前有写过一篇《巧用分隔线手机app ui界面设计超有设计感》)
小结
-
我相信经过对本文的学习和理解,大家无论是本身就做ui设计师的,还是准备转行做ui设计的,一定都很清楚了ui到底是做什么的,需要学习什么方面的知识,以及做ui设计时为基本的原则和技巧。ui设计曾经误以为被当做是做图标设计的美工师,经过本文学习重新认识了这个用户体验设计领域的核心角色。