1.4 UI设计的原则
世界级图形设计大师保罗·兰德(Paul Rand)曾说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”这句话表明了设计的复杂性和重要性。要想设计出优秀的UI,需要付出大量的精力和时间。
1.区分重点
为了保持屏幕元素的统一性,初级设计师经常对需要加以区分的元素采用相同的视觉效果。其实采用不同的视觉效果也是可以的。由于屏幕元素各自的功能不同,所以它们的外观也不同。换句话说,如果功能相同或者相近,它们看起来就应该是一样的,如图1.14所示。
图1.14
2.界面的统一性
为了保持界面的统一性,相同的功能应该放在同样的位置。一个页面由一些基本模块组成,而每一种基本模块在UI设计时,不同的应用实例应把字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等元素排列一致。然而,很多设计师在执行时会有一些随意的想法,有些想法可能还是比较好的,但是我们还是要执行统一的界面标准。例如,在Windows中,不同窗口的关闭按钮不仅在不同位置,而且颜色也不相同,这样会显得非常混乱。如图1.15所示是天猫商城风格一致的界面设计。
图1.15
3.清晰度是工作的重中之重
在界面设计中,清晰度是最重要的工作。如果想要用户认可并喜欢你设计的界面,就必须让用户先能够识别出它,再让用户知道使用它的原因。当用户使用时,不仅能预料到会发生什么,还能成功地与之交互。只有清晰的界面才能够长期吸引用户不断地重复使用,如图1.16所示,购物和游戏网站宜采用清晰的产品图片和文字。
图1.16
4.界面的存在就是为了促进交流和互动
界面的存在,主要是为了促进用户和我们之间的互动。一个优秀的界面,不仅能够让我们做事有效率,还能够激发和加强我们与这个世界的联系。
5.让界面处在用户的掌控之中
大家可能会有这样一种感觉:人们对能够自己掌控的环境感到很舒心。而那些不考虑用户感受的软件,就不会带给用户这种舒适感。我们应该保证界面时刻处在用户的掌控之中,让用户自己决定系统状态,只需要稍加引导,就会使用户达到所希望的目标。如图1.17所示,美图秀秀的人性化功能界面,只看图表也能进行操作。
图1.17
6.界面的存在必须有用途
在设计领域,衡量一个界面设计的成功与否,就是有用户使用它。比如一件漂亮的衣服,虽然做工精细,材质细腻,但是如果穿着不合适,那么客户就不会选择它,它也就是一个失败的设计。所以,界面设计只能满足其设计者的虚荣心是远远不够的,它必须有实用的价值。即界面设计是先设计一个使用环境,再创造一个值得使用的艺术品。如图1.18所示,百度地图的界面设计让人感觉使用起来非常方便。
图1.18
7.强烈的视觉层次感
想要让屏幕的视觉元素具有清晰的浏览次序,只有通过强烈的视觉层次感来实现。换言之,要是视觉层次感不明显的话,用户每次都按照相同的顺序浏览同样的东西,那么他就不知道哪里才是目光停留的重点,最终只会让用户感到一片茫然。可是在设计不断变更的情况下,要保持明确的层次关系就显得十分困难。如果把所有的元素都突出显示,那么就没有重点可言,因为所有的元素层次关系都是相对的。为了再次实现明确的视觉层次,就需要设计师添加一个需要特别突出的元素。这是增强视觉层次的最简单最有效的办法。如图1.19所示是几个具有强烈视觉冲击力的界面设计。
图1.19