UI设计是用户界面设计的简称,在UI设计中要不断提升用户体验,也要考虑页面美观度。在进行UI交互设计时,很容易陷入一些误区。蓝橙视觉的小编就带大家了解十个常见的UI设计注意事项:
一、色彩不是决定性的因素
色彩很容易受到环境的影响,设计的时候不要将色彩视为决定性因素,色彩可以醒目,作为引导,但不应该是做区别的唯一元素。在长篇阅读的情况下,除了要强调的内容,应采用相对暗淡或柔和的背景色。当然,视读者而定,也可采用明亮的背景色。
二、循序展现
每个屏幕只展现必需的内容,如果用户需要作出决定,则展现足够的信息供其选择,他们会到在下一屏找到所需细节,避兔过度阐释或把所有一次展现,如果可能将选择放在下屏有步骤地展示信息,这会使你的界面交互更加清晰。
三、考虑屏幕全局光源
作为设计师,你应该早就了解每个平台,都有其不可改变的屏幕全局光源,所有高光和阴影效果都应该和平台的光源相协调。
四、明确导航和组织控件设计
向你的开发者明确展示你的设计中包含的标签、下拉菜单或者其它闭合机制。在进行这种控件设计时,要尊重平台的设计惯例。开发者在进行开发时需要明确了解信息层次,因此你要确保你的设计清晰地展示你的意图,展示运营活动页设计,图层复合在这种情况下非常有用。
五、导出图形时不进行压缩
在导出时以 PNG alpha通道格式保存,除非被明确告知其它保存方式,除非被明确要求否则不要使用JPEG格式,不要考虑图像文件大小,因为开发者或他们的开发环境会对图像进行最优化,以透明背景导出每个元素,而不是纯色,即便你设计中的一部分背景确实是纯色的。
六、询问阴影的处理
是否要将阴影效果包含在导出图中,通常情况下,开发者会用CSS或写代码来应用阴影,这样做事实上会比直接使用预先保存的阴影位图更方便容易,不要假定阴影效果应该包含在图像中,虽然在设计原型时用图层展示阴影效果。
七、界面设计的一致
在设计中保持一致性时就可以减少用户的学习成本。用户不需要学习新的操作。当我们点击按钮或者进行拖拽操作,我们期望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。可以在很多方面下功夫,来实现一个一致的界面包括:颜色、方向、元素的表现形式、位置、大小、形状等。
八、尽量使用单列而不是多列布局
单列布局能够让对全局有更好的掌控,同时用户也可以一目了然内容,而多列而已则会有分散用户注意力的风险,使你的主旨无法很好表达,最好的做法是用一个有逻辑的叙述,来引导用户并且在文末给出你的操作按钮。
九、界面要有鲜明对比让人容易区分
把主要功能区从界面中突出显示出来效果会好很多,通过明暗色调的对比来突显,通过为元素添加阴影渐变等效果,让界面富有层次感来张显主要功能,你甚至可以在色相环上专门选择互补色,来设计你的界面以达到突出“重心”的目的。
十、将操作的状态或者进度呈现出来
现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,例如:邮件有己读或未读的状态;电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的,这样用户就可以知道某些操作是否成功,接下来准备进行怎样的操作。
或许上文的内容有一些过于偏向业内的字眼,对您的阅读有一定障碍,这是很正常的,只要您也有设计需求,联系蓝橙视觉就行。我们是有着多年设计经验的UI设计公司,一定能为您带来满意的效果。