“细节”是一种能够影响全局的,细微的,容易被忽视的物件或行为,有时我们会觉得自己把页面设计的一点亮点都没有,其实撇开设计水平的差距,最关键的就是设计中一些微妙的细节,特别是新手或设计经验不足的设计师,往往会无法把控UI设计中的一些细节,以至于最终的页面不尽人意。那么在UI设计中需要注意的小细节有哪些?
一、优化分割线
依据界面配色的不同,我们在分割线的色彩选择上面也需要做出相应的调整,由于分割线的作用是区分上下信息的层级和界面装饰,因为在配色的表现力方面一定要低于文字信息的力度,所以朝阳小程序开发建议各位设计师采用浅色,这样会使得界面看起来简洁通透。注意:深色分割线一定要慎用,除非是在一些特定的产品场景下。
不管你的设计是偏平化还是拟物化,就算是用户无法秒懂你图标的意思,但要能够让人欣赏到图标的美感,与此同时,大概心里知道,这个图标所传达的是什么。无论是小程序banner的设计,还是页面的导航设计,都要考虑到识别性,你想传达这个图像的什么内涵?你这个图形的意图是什么?这些都是设计师需要考虑的。
当同一个界面出现多个图标的时候,我们所需要的是保持整体的视觉平衡,因为并非所有的图标都采用相同的尺寸就能达到平衡。当遇到图标的体量不同,相同尺寸下不同体量的图标视觉平衡有所不同,如:相同尺寸的正方形会比圆形显得大,因此,我们需要依据图标的体量对其大小做相应的调整。
四、微文案
所谓的微文案,其实是指知道用户操作的一小段文字,在app和小程序中,微文案的应用包括按钮上的标签,错误提醒及提示文字。在使用的过程中,用户主要的注意力可能都在页面的排版布局和配色上,这些微文案的存在似乎并不显眼,但若能够恰当的使用微文案,将会给产品带来魔法般的效果。
统一的图标可以提升产品的品质感、信赖感,并且同一属性的图标如果保持样式上的统一可以降低用户认知成本,提升用户的使用产品时的效率。由于应用界面设计中,功能图标不是单独的个体,都是一系列,但这些组合在一起代表产品的调性,所以具有相同的风格,其中包括造型规则、圆角大小,线框粗细,图形样式和个性细节等元素都应该具有统一的规范。
六、控制好界面中的配色数量
通常,一个页面出现三种左右的配色还比较容易控制,一旦超出三种以上,若颜色处理不当,就会给人一种花里胡哨的赶脚。所以在配色组合上面,用相似色的配色方案方可使颜色更加协调和交融,若希望更鲜明地突出某些元素,对比色是非常不错的选择。提示:无论选择那种配色你反感,都要控制好界面中的配色比重,是信息传达不受干扰。
七、建立层级关系
根据交互设计中的接近法测,当对象之间距离太近的时,用户潜意识中会认为他们是相似的,我们可以通过使用留白的方式,从而建立不同元素之间的层级关系。如:上图,几乎每个人都会看到两组点,而并非是16个点,因为对信息进行整合分组对于提升内容的可读性有很大的帮助。
八、分清文字主次
任何设计作品都要传达信息传达思想,若页面中的字体乱啪啪,文字大小和文字粗细,间距行距都没有一个“主次逻辑”,想获得用户的认可不可能。所以作为设计师你一定要记住,你是要引导别人去看,并非是别人引导你去设计。这个世上没有一个真正定死的文字标准,但最基本的,至少让别人看清你的文字写的是什么,所以,文字之间的不同色彩,也是让文字主次突出的方面。
小提示:其实,对于一个专业的设计师而言,对细节把控较好的前提是理解这些细节控件及技法的表意,并且在合适的场景使用合适的控件跟技法,这是界面设计中对于细节最基础的要求,也就是首先要做到在细节上不犯错。用心做设计,哪怕最小的细节也应该获得我们足够的重视,因为设计是互联互通环环相扣的。