网站的视觉设计路径应顺应用户习惯

Cooper指出用户的视觉浏览习惯通常是从上到下，从左到右。一个好的视觉设计应当顺应这种自然习惯，引导用户的目光流动，而糟糕的设计则可能让用户感到迷茫，视线无法聚焦。视觉路径并非一成不变，个体差异使得每个人都有自己独特的浏览习惯。

在网页设计中，方块元素扮演着至关重要的角色。从报纸到书籍，信息的呈现都是以方块的形式呈现。单个字构成点，一行字形成线，而一段字则组成面，其中方形是最高效的信息展示方式。网站的视觉设计实质上大多是在巧妙地组合这些方块。这些方块能有效地引导用户的视觉路径，帮助用户快速判断信息的重要性，从而决定继续深入浏览还是跳转到其他区域。例如，Yahoo首页的四大区块以及每个区块内的小区块，都是这种设计手法的典型应用。

在设计过程中，强化方块感能给予用户更明确的方向感。设计原则倾向于使用更少的方块，同时利用留白来区分不同的视觉区域。

视觉设计的核心要素中，对齐和间距常常被忽视，却是设计的关键。检查设计的对齐性时，需要关注每个方块的边线以及方块之间的连接边线，尤其是纵向对齐。关于间距的规律，字距小于行距，行距小于段距，段距再小于块距。去除网站的图案和线条后，还能否保持原有的区块感是一个很好的检验方法。

以淘宝新首页为例，有时候并不需要将精力过多地放在精美的图标和色彩搭配上。对网站的每一个像素进行细致调整可能就能使网站焕然一新。

在视觉设计中处理主次关系是关键所在。从视觉角度来看，信息的呈现应通过形状的大小、颜色和位置来体现其重要性。在设计三栏页面时，应避免平均分配空间，而应让其中一栏显得更为突出。例如，在Yahoo的新闻栏设计中，大图配大标题是首要信息，小图配文是次要信息，纯文本信息则位列其后，这种设计很好地体现了主次关系和节奏感。

在视觉设计过程中常见的问题包括：视觉设计师不懂代码实现方式、前端设计师在视觉方面的专业性不足等导致成品与视觉设计图有所偏差；广告图片破坏视觉效果等。针对这些问题提出了针对性的建议：视觉设计师应跟进调整、决定广告尺寸和位置等。值得一提的是，在这次新版首页的改版中（四月份新浪、腾讯、淘宝的首页改版），腾讯的视觉效果非常清爽用心。这一领域的深入研究和仍在继续发展之中。返回网页制作栏目请点击此处查看更多精彩内容。