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