3.1 博人眼球:把握UI的视觉特色
“视觉”是一个生理学词汇。光作用于视觉器官,使其感受细胞兴奋,信息经视觉神经系统加工后便产生视觉(vision),人类通过视觉感官从外界获取信息。UI设计通过屏幕和人眼,向人的大脑传递信息。本节将介绍关于UI视觉特色的设计要点。
3.1.1 打造简洁与抽象美感
做得好的移动UI具有一定的视觉效果,可以直观、生动、形象地向用户展示信息,从而简明、便捷地让用户产生一定的审美想象。
例如,简约明快型的移动UI追求的是空间的实用性和灵活性,可以让用户感受到时代感和纯抽象的美。
在视觉效果的设计上,简约明快型的APP UI应尽量突出个性和美感,如图3-1所示。
图3-1 简约明快型移动UI
简约明快型的APP UI界面更适合色彩支持数量较少的彩屏手机。
通过组合各种颜色块和线条,可使移动UI更加简约、大气,如图3-2所示。
图3-2 简约色块和线条组合的UI
通过点、线、面等基本形状的元素构成,再加上纯净的色彩搭配,可使界面更加整洁、有条理,给用户带来赏心悦目的感觉。
3.1.2 营造趣味视觉画面
“趣味性”是指某事或者某物的内容能使人感到愉快,能引起兴趣的特性。
在移动UI设计中,趣味性与独创性主要是指通过一种活泼的视觉语言,使界面具备亲和力、情感魅力,让用户在新奇、振奋的情绪下深深地被界面中展示的内容所打动。图3-3所示为趣味与独创型界面。
图3-3 趣味型移动UI
在进行移动UI界面的设计时要多思考,采用别出心裁的个性化排版设计,以赢得更多用户的青睐。
3.1.3 塑造华丽视觉效果
华丽型的移动UI设计,主要是通过饱和的色彩和精美的质感来营造酷炫的整体视觉感受,如图3-4所示。
图3-4 华丽型移动UI
高贵华丽型的移动UI设计需要用到更多的色彩和更复杂的设计元素,因此更适合颜色数量较多的彩屏手机。
3.1.4 把握色彩的使用特点
对于移动UI设计来说,色彩是最重要的视觉因素。不同颜色代表不同的情绪,因此,对颜色的使用应该与APP及其主题相契合。例如,“360手机助手”APP的底部导航栏通过运用不同色彩的按钮来代表其不同激活状态,使用户快速知道自己所处的位置,如图3-5所示。
图3-5 “360手机助手”APP的底部导航栏
在移动UI的制作过程中,根据颜色的特性,可以通过调整其色相、明度及纯度之间的对比关系,或通过各颜色之间面积的调和,搭配出色彩斑斓、变化无穷的移动UI画面效果。总之,让自己的移动UI更好看一些、更别致一些,这样就会在视觉上吸引用户,给APP带来更多的下载量。