创意纪

在页面进入草图设计后，需要确认很多细节，我在检查页面设计稿是否可以进入切页面和制作时候，遵循以下原则：

1 界面统一性。一样的功能在一样的地方。一个页面无非由一些基本模块组成，每一种基本模块在UI设计上，不同的应用实例是否元素一致，包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。说来容易，执行的时候很多设计师会有一些随意的想法，可能某些想法是挺好的，但是我们必须执行统一的界面标准。设想windows里面，如果不同的窗口关闭按钮在不同的地方，并且颜色还不一样，这会是什么样混乱的状况。

2 留住用户而不是骚扰用户。引导，不是强制。国内的网站对于骗取点击量是很有心得，记得有一段时间sina的新闻标题都是危言耸听，结果点进去一看不是那么回事情，这样的用户体验就不好了。除了进行角色用户模型分析用户关心的内容以外，我这次也采用了比较极端的做法来避免用户对于点击的处理。弹出新页面恐怕也是中国互联网特有的现象，向前向后这些按钮在中国用处不大。好在我们有各类多选项卡的浏览器，不怕，但是，良好的连续性体验被破坏了。你愿意看一本每页印两个字的书吗？用户感兴趣才看某个网页，我们要做得是引导用户看到他想看的内容，既不能硬塞，也不能骗取。

3 安静的浏览器。曾几何时，我在看网站的时候，是选择不显示所有图片的，这样的干净在某些领头羊的带领下，已经不复存在了。诸多的flash闪烁，一碰就显示的层，甚至还有不请自来的视频，这些都不是NI自然界面理论能允许的，我们要的是一个给用户安安静静阅读内容参加互动的网页。根据NI第二原则：网站设计要满足人们的需要，包括个人化的和社会化的。用户到网站上来有个人的需求，尽可能简洁的版式，容易阅读的内容，方便的导航，这些对于用户来说都是容易接受的，从web2.0风潮开始，有一点至少是好的，就是国内网站也开始注意这些方面，而不是将内容一股脑的堆砌在那里。如果还是没有很明白的话，大家可以发现绝大多数国外网站在点击一个链接的时候，是在本页打开，而国内的网站基本上都是新开页面。

以上这些归纳为设计时候要注意的要点如下：

1  每一个模块的边框，标题，按钮(如果有的话)，“更多”“详细”功能，这些元素的颜色、大小尺寸、位置、对齐方式、字体、字号、行距等都要一致。
2 整个页面的基调颜色要一致，不同的模块除非有很大意义的差别，颜色应该一致。
3 可以点击的文字、按钮、图片，鼠标应该呈现出统一的可点击样式，区别于不可点击区域。
4 呈现的日期格式的统一，比如都用长日期格式“2007-2-1”或者都用短日期格式“07-3-1”，样式不同的日期呈现方式还不如不呈现。
5 可以点击的图片最好用不同的样式显示，比如鼠标滑过时候的辉亮效果。因为网页会大量的使用图片做修饰效果，区分可以点击和不可以点击的图片是值得去做的。
6 有没有不必要的弹出窗口。(从netscape开始这个设计真的很糟糕，ie也完全继承了，解决的办法是用js方式来呈现弹出窗口。)
7 文字描述。很多时候会忽略这个问题，在我们做demo的这个项目中有很多的文字描述，各有其用，统一描述的方式，统一人称，统一语气，都是给用户带来良好体验的途径。
8 图片风格。我不是这方面的专家，从欣赏的角度，图片应该是尽可能的统一风格，素描样式和点阵样式共存总不是太好的事情。
9 图标。很多时候会用图标来描述功能，漂亮的带点阴影和倒影的图标是非常抢眼的，使用图标的话要注意风格、透视角度、分辨率、辨识度的一致性。

经过一番周折，现在这个厂商专区的页面设计稿是这样子的：

终于要进入到切页面和制作了，这次我们采用了类似于windows界面的UI来呈现内容，几乎所有的第一次点击显示内容都用窗口呈现在本页。制作上还有一些粗糙，可以看看

如果你看到了这个页面中使用的点击效果，那是extJS的厉害之处，下次我们就来讨论一下windows样式的web界面，强大的extJS和YUI。

(last update:2007-11-26)

相关内容

• 没有相关内容.