网页视觉设计基本技巧.doc

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