在进行UI设计的时候,我们往往需要很多时间来打磨细节、不断的进行调整,以达到更好的用户体验以及视觉效果。其实,很多小技巧能够恰到好处地提升界面的效果。
1、从产品图中提取背景色
根据核心产品图的色彩来选择颜色用在背景色上。保持背景色的一致性能够给整个界面的视觉效果带来最直观的影响。
2、根据色调和饱和度来丰富配色
在很多设计当中,没有必要用很多不同的色相来丰富配色方案。可以根据一个基础色,然后微调色彩的色调、饱和度,就可以搭配出协调的视觉效果,增强一致性。
3、保证浅色文本和图片之间的对比度
浅色文本和浅色图片之间的对比度可能会不足,可以在文本底下增加一个深色的半透明叠加层,从而达到提升对比度的效果。
4、确保图标样式高度一致
在用户界面中,尽量使用一致的图标,保证图标在尺寸、笔触粗细、视觉风格、填充样式都一致,不要太乱。
5、突出最重要的元素
让界面的视觉中心显眼一些,突出最重要的元素。通过调整字体的尺寸、色彩,提高字体和背景之间的对比度,就可以让这些元素更加明显。
6、突出菜单中的常用功能
在设计程序菜单的时候,优先级最高的功能和选项应该高亮显示,在界面上保持突出。
7、让可点击区域大一些
在给移动端设计UI界面的时候,这些控件和可交互的元素要尽可能地大一点,确保用户的手指能够准确地点击到所看到的元素。