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