网页视觉设计基本技巧
网页视觉设计基本技巧 　　商业网站视觉设计应以为商业目标服务为出发点，你要为人家浏览网站信息提供最 大的视觉愉悦。有了这个原则，你才可以正确处理好技术应用程度、图像与文本的关系 、颜色与图像的关系、动画图像的使用等等问题。 　　网页视觉设计以什么为准绳？一张白纸、一个新开的空白HTML文件，你可以随心所 欲地勾划、设计，你该从哪里着手呢？ 　　视觉设计是好是坏，是最没有一定之规的，一千个人有一千种看法，一万个人就有 一万种意见。你觉得很难忍受的错误，很可能是人家的得意之笔；你最欣赏的“卖点”， 访客很可能嗤之以鼻，正所谓“众口难调”。 　　面对这样的现实，你拿什么做“定盘心”？记住，最要紧的，是如何取悦于你的受众 、你的潜在顾客！因为你的站点不是自娱的艺术作品，而是有明确的商业目标，是需要 尽量多的人的喜欢、从而争取尽量多的访问量的。只有把握住这个原则，你才能正确处 理好有关的各种关系。你可以先从小范围开始，问问周围的朋友，他们看到你网站的第 一感觉如何？然后再逐步推广，边征求意见边改，直到代表性差不多为止。 站点不是杂物箱 　　一个专业的、有营销意识的站点，应该让访问者(潜在客源)能马上了解到这个站点 及其业务是什么。 　　绝大多数站点缺乏主旨，没有规划意识，没有连贯性，没有完整性。普遍的现象是 ，站点像一个杂物箱，自己能找到的、觉得好玩的、时髦的东西全往里塞，没有目标、 没有灵魂。 照顾大多数 　　很多站点技术挂帅，以为采用的技术越复杂、越时髦越好，因为互联网是年轻人的 乐土，所以他们追逐时髦的兴趣也体现到网上。对于以表现自我为主旨的个人主页，这 一特点颇有可取之处，然而对于有明确商业目标的站点，那就不一定是好事了。 　　如果你的站点为了营销，你的站点就应该照顾绝大多数人的情况，采用最低技术手 段以保证有尽量大的传播面。这意味着，能简单则简单，千万不要炫耀技术，那样不会 对你的站点带来什么好处。当然，如果你的站点就是推广与互联网相关的新技术的，那 是另当别论。即使对这种主旨的站点，最好也该给初级网友一个比较你尖端技术的导引 ，因为你的目标不就是为了让人家了解乃至消费你的好技术吗？ 图像重要还是文本重要？ 　　这是每个站点都必须面对的问题。流行的观念是，图像比文本重要，一提“站点设计 ”，大家以为就是“图像设计”或者视觉效果设计。这是对站点设计的肤浅理解。 　　其实，站点设计的内涵远不仅是图像设计，它是以实现站点经营战略为目标，对站 点各要素展开的综合规划。其内涵包括很多方面，像站点目标、经营策略、读者定位、 风格塑造、文本设计、图像设计、营销策划等等，还有像交互性设计、数据结构、绩效 评估等也都在其列。 　　图像和文本都是用以实现站点经营战略的主要手段，其中图像通过视觉效果引导读 者，而文本内容则是决定站点能否吸引人的内核。二者的关系，就像两个相声演员，一 个“逗哏”一个“捧哏”。谁“逗哏”谁“逗哏”，则应由站点经营战略的需要而定。 　　对于一个以信息内容为主体的站点，文本占突出地位，是“逗哏”的角儿，同时，图 像就该起配角作用，属“捧哏”，目的是给读者营造出一些喘息的视觉空间，就像城市建 筑群之间绿地、公园的点缀功能一样，同时，图像运用恰当，还可达到增加页面深度的 功效。 　　对于一个艺术站点特别是视觉艺术类站点，图像就居于主导地位，是“逗哏”，它决 定页面、站点的整体结构，因此文本内容就应处于配角地位，为图像“捧哏”。 　　总体来看，当然是信息内容为主体的站点居多。看看你的站点，属于哪一类？定好 站点的基调之后，再来看二者如何来配合最能实现站点的意图。 　　无论二者的关系怎么建构，都有些一般性原则供你借鉴：(1)图像要小，文本段落要 短；(2)所有图像文件最好采用 alt 标签，其妙处多多，后面还会多次谈到。 颜色与图像 　　有一个办法可以既减少图像的使用，又能达到使页面生动、吸引注意的效果。这个 办法就是运用背景色块。 　　显而易见，颜色是站点视觉设计的关键因素之一。视觉设计的先期工作，就包括确 定页面的颜色组合方案。颜色能对受众的情绪、思维产生强烈影响，所以选择暖色还是 冷色组合、黑色还是白色背景，对读者必然有很大的导引作用。具体设计时你尽可发挥 你的艺术想象力，这里给你提供应该遵循的几条基本技巧： 　　(1)为照顾大多数网友，最好限定使用 256 色。 　　(2)使用背景色块，避免使用背景图像。用图像做背景，会降低页面的访问速度，使 文本难于阅读，还容易模糊整个站点的主旨。 　　(3)颜色组合要有个性，同时可使文本易读、图像易于区别开来。 　　(4)审慎选择颜色组合的情绪意义。举例来说，黑色背景下的红色文本，显得很刺眼 ，对于像花店这类站点就不合适；白色背景下的蓝色文本，看上去很放松、很宁和，对 于像摇滚乐队的站点就显得不够分量。 动画图像 　　动画图像的使用一定要慎之又慎，因为它容易造成对读者视觉上的强烈骚扰，同时 也很容易制约页面的访问速度。在使用动画图像之前，建议你仔细考虑这些因素： 　　(1)目标明确。你为什么一定要用动画图像？为浏览方便？强调信息？还是宣传自己 身份？如果只是想让你的站点时髦点，那最好别用。 　　(2)尽量缩减动画的大小。 　　(3)注意动画是很抢眼的，弄不好画蛇添足。
网页视觉设计基本技巧