网页视觉设计基本技巧

网页视觉设计以什么为准绳？一张白纸、一个新开的空白HTML文件，你可以随心所欲地勾划、设计，你该从哪里着手呢？

　　视觉设计是好是坏，是最没有一定之规的，一千个人有一千种看法，一万个人就有一万种意见。你觉得很难忍受的错误，很可能是人家的得意之笔；你最欣赏的“卖点”，访客很可能嗤之以鼻，正所谓“众口难调”。

　　面对这样的现实，你拿什么做“定盘心”？记住，最要紧的，是如何取悦于你的受众、你的潜在顾客！因为你的站点不是自娱的艺术作品，而是有明确的商业目标，是需要尽量多的人的喜欢、从而争取尽量多的访问量的。只有把握住这个原则，你才能正确处理好有关的各种关系。你可以先从小范围开始，问问周围的朋友，他们看到你网站的第一感觉如何？然后再逐步推广，边征求意见边改，直到代表性差不多为止。

站点不是杂物箱

　　一个专业的、有营销意识的站点，应该让访问者(潜在客源)能马上了解到这个站点及其业务是什么。

　　绝大多数站点缺乏主旨，没有规划意识，没有连贯性，没有完整性。普遍的现象是，站点像一个杂物箱，自己能找到的、觉得好玩的、时髦的东西全往里塞，没有目标、没有灵魂。

照顾大多数

　　很多站点技术挂帅，以为采用的技术越复杂、越时髦越好，因为互联网是年轻人的乐土，所以他们追逐时髦的兴趣也体现到网上。对于以表现自我为主旨的个人主页，这一特点颇有可取之处，然而对于有明确商业目标的站点，那就不一定是好事了。

　　如果你的站点为了营销，你的站点就应该照顾绝大多数人的情况，采用最低技术手段以保证有尽量大的传播面。这意味着，能简单则简单，千万不要炫耀技术，那样不会对你的站点带来什么好处。当然，如果你的站点就是推广与互联网相关的新技术的，那是另当别论。即使对这种主旨的站点，最好也该给初级网友一个比较你尖端技术的导引，因为你的目标不就是为了让人家了解乃至消费你的好技术吗？

图像重要还是文本重要？

　　这是每个站点都必须面对的问题。流行的观念是，图像比文本重要，一提“站点设计”，大家以为就是“图像设计”或者视觉效果设计。这是对站点设计的肤浅理解。

　　其实，站点设计的内涵远不仅是图像设计，它是以实现站点经营战略为目标，对站点各要素展开的综合规划。其内涵包括很多方面，像站点目标、经营策略、读者定位、风格塑造、文本设计、图像设计、营销策划等等，还有像交互性设计、数据结构、绩效评估等也都在其列。

　　图像和文本都是用以实现站点经营战略的主要手段，其中图像通过视觉效果引导读者，而文本内容则是决定站点能否吸引人的内核。二者的关系，就像两个相声演员，一个“逗哏”一个“捧哏”。谁“逗哏”谁“逗哏”，则应由站点经营战略的需要而定。

　　对于一个以信息内容为主体的站点，文本占突出地位，是“逗哏”的角儿，同时，图像就该起配角作用，属“捧哏”，目的是给读者营造出一些喘息的视觉空间，就像城市建筑群之间绿地、公园的点缀功能一样，同时，图像运用恰当，还可达到增加页面深度的功效。

　　对于一个艺术站点特别是视觉艺术类站点，图像就居于主导地位，是“逗哏”，它决定页面、站点的整体结构，因此文本内容就应处于配角地位，为图像“捧哏”。

　　总体来看，当然是信息内容为主体的站点居多。看看你的站点，属于哪一类？定好站点的基调之后，再来看二者如何来配合最能实现站点的意图。

　　无论二者的关系怎么建构，都有些一般性原则供你借鉴：
(1)图像要小，文本段落要短；
(2)所有图像文件最好采用 alt 标签，其妙处多多，后面还会多次谈到。

颜色与图像

　　有一个办法可以既减少图像的使用，又能达到使页面生动、吸引注意的效果。这个办法就是运用背景色块。

　　显而易见，颜色是站点视觉设计的关键因素之一。视觉设计的先期工作，就包括确定页面的颜色组合方案。颜色能对受众的情绪、思维产生强烈影响，所以选择暖色还是冷色组合、黑色还是白色背景，对读者必然有很大的导引作用。具体设计时你尽可发挥你的艺术想象力，这里给你提供应该遵循的几条基本技巧：

(1)为照顾大多数网友，最好限定使用 256 色。
(2)使用背景色块，避免使用背景图像。用图像做背景，会降低页面的访问速度，使文本难于阅读，还容易模糊整个站点的主旨。
(3)颜色组合要有个性，同时可使文本易读、图像易于区别开来。
(4)审慎选择颜色组合的情绪意义。举例来说，黑色背景下的红色文本，显得很刺眼，对于像花店这类站点就不合适；白色背景下的蓝色文本，看上去很放松、很宁和，对于像摇滚乐队的站点就显得不够分量。

动画图像

　　动画图像的使用一定要慎之又慎，因为它容易造成对读者视觉上的强烈骚扰，同时也很容易制约页面的访问速度。在使用动画图像之前，建议你仔细考虑这些因素：

(1)目标明确。你为什么一定要用动画图像？为浏览方便？强调信息？还是宣传自己身份？如果只是想让你的站点时髦点，那最好别用。
(2)尽量缩减动画的大小。
(3)注意动画是很抢眼的，弄不好画蛇添足。