网页设计不仅仅是整个页面风格的把控,还包含设计细节的设计。所以现在的网页设计师除了把网页做的大气漂亮,还越来越注重的是多用户的感受,很多时候多用户的使用感觉都会是网页设计中重要评价来源之一。成功的网页需要巧妙的平衡,一个细节微小得地方都会给整体带来一定的影响,所以有的时候 UI 的设计在网页中也是具有一定的重要性。那我们来说一下 UI 应该如何设计?应注意的问题在哪里呢?
说到这里就先进行一下扫盲工作啊,说一下 “UI” 的本义是多用户介面,是英文 User 和 interface 的缩写。从字面上看是多用户与介面两个组成部分,但实际上还包括多用户与介面之间的互动关系。具体还包括:可用性分析、 GUI(Graphic User Interface 即图形多用户介面设计)、多用户测试等。好的 UI 设计需要让软件变得有个性有品味,让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
整个页面的基调颜色要一致,不同的模组除非有很大意义的差别,颜色应该一致。从欣赏的角度,图片应该是尽可能的统一风格,素描样式和点阵样式共存总不是太好的事情。
模组的边框,标题,按钮 (如果有的话),“更多”“详细” 功能,这些元素的颜色、大小尺寸、位置、对齐方式、字型、字号、行距等都要一致。很多时候会用图示来描述功能,漂亮的带点阴影和倒影的图示是非常抢眼的,使用图示的话要注意风格、透视角度、解析度、辨识度的一致性。有没有不必要的弹出视窗。 (从 netscape 开始这个设计真的很糟糕,ie 也完全继承了,解决的办法是用 js 方式来呈现弹出视窗。)
可以点选的文字、按钮、图片,滑鼠应该呈现出统一的可点选样式,区别于不可点选区域。可以点选的图片知名用不同的样式显示,比如滑鼠滑过时候的辉亮效果。因为网页会大量的使用图片做修饰效果,区分可以点选和不可以点选的图片是值得去做的很多时候会忽略这个问题,在我们做 demo 的这个专案中有很多的文字描述,各有其用,统一描述的方式,统一人称,统一语气,都是给多用户带来良好体验的途径。呈现的日期格式的统一,比如都用长日期格式 “2007-2-1” 或者都用短日期格式 “07-3-1”,样式不同的日期呈现方式还不如不呈现。