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