网页设计几个关键问题探析

网页设计几个关键问题探析

【摘要】要设计出一个好的网页，设计者需要从多个方面着手考虑，要求设计者具备多方面的能力，就是大家常说的杂学家。本文主要阐述在一个好的网页设计中应解决的几个关键问题：网站的风格定位、网页的色彩设计、网页整体创意设计、网页动画及图片搭配等。

【关键词】网页风格;视觉效果;网页色彩设计;网页创意;图片

随着互联网从无到有，从高端到普及，人们的生活跟互联网变得息息相关，网站和网页成了大众每时每刻都要面对的内容，在浩瀚的网页中怎样让更多的人来浏览、驻足我们的网站，现在成了每个设计网站的设计师们首要考虑的问题，笔者认为在设计时应该考虑如下几个方面：

一、网站风格设计

所谓网站风格是指网站页面设计上的视觉元素组合在一起的整体形象，展现给人的直观感受。这个整体形象包括网站的色彩搭配、文字样式、版式布局、页面内容、实时性、动态性、横幅广告、标语等因素。好的网站都会有自己独特的风格。正是网站拥有的这些独特风格引起众多用户的浏览兴趣，继而提高网站的点击率及浏览量。因此设计者需要根据网站的主题定位不同设计出每个网站的独特样式。网站风格一般要与企业的整体形象相一致，比如说企业的整体色调、企业的行业性质、企业文化、提供的相关产品或服务特点都应该要能在网站的风格中得到体现。网站风格设计要注意以下几点：

1.贴合网站主题，协调运用颜色

要确定网站风格，首先要分析网站主题是什么，还要分析网站的主要受众（浏览者）是谁，主题和受众分析好了，设计者才可以确定网站的主要色彩、色调，因为一个网站的总体印象也就是第一印象是由网站的色彩获得。不同的色彩给浏览者带来不同的心理效应，影响着人们对网站的第一感觉，因此，在色彩设计上不仅要考虑美术效果，同时要考虑色彩给客户带来的心理效应，不同行业、不同性别、不同年龄的群体，色彩选择要有所区分。

2.考虑浏览习惯，注重视觉流程效果设计

所谓“视觉流程”，是指用户在浏览网站界面时的视觉顺序，首先看什么地方，接着再看什么地方，哪些地方会多看，哪些地方会少看，这些都可以通过规划页面视觉流程来实现。通常人们都认为对网站的版式构图、色彩调配、字体、图片等进行设计只是为了实现页面的艺术化效果，其实这还体现着页面视觉引起的客户心理效应的研究。好的页面设计，不仅构图美观，而且充分考虑客户视觉浏览习惯，不仅让进站的客户可以流畅的查看到所需内容，而且让浏览者具有美的享受，进而增加客户浏览时间。所以在设计网页时要合理安排各种网页元素，对页

面标题、导航、LOGO、图片、动画、文字等内容的样式设计、位置进行综合考虑，在色彩上有统一也要有突破，同时在位置上符合视觉习惯，突出重点。比如网页中标题习惯放在所处区域的左上方或正上方，并且在颜色或字体样式上与周边内容有区分;导航放在左边或页面的正上方等，这些位置都是体现人们视觉习惯，扑捉画面焦点的地方。在设计时我们既要考虑各种元素组合达到的艺术效果，还要考虑组合形成的视觉效应，充分体现网站主题及内涵。

3.综合规划，合理布局

根据笔者多年来的教学经验发现，很多初学网页设计的人最难的就是将各种各样的网页元素比如文字、站标、图片、动画等放在页面合理位置形成美感，容易将各种元素不加规划的随意放置，整个页面看起来内容繁多而且杂乱，页面内容不分主次，喧宾夺主，没有体现主题，重点不突出，让浏览者很难快速找到所需内容，更别说有独特的风格，这样的网站明显会大大的影响浏览者的心情，降低网站认可度，失去提升品牌形象的功能。所以设计网页时，学会对整个页面中的各种元素进行综合规划、合理布局显得尤为重要。

网页布局就是把网页的基本组成元素在页面内进行合理的安排。目前在互联网上的网页内容千差万别，布局样式也多种多样，但归纳起来大致可分为“亘”字型、“国”字型、“目”字型、“匚”字型、POP布局结构、综合布局结构等。每个网站该用什么布局类型，设计者可以根据网站主题、内容的多少来选择，一般来说，内容少的选择简洁型布局显得干净利落，内容复杂的网站选择“国”字型布局或综合型布局使网页内容井然有序，杂而不乱。总之，设计者最重要的是以客户的需求为中心，把握网站的定位作出合理的框架布局，突出重点，理顺美化页面，当然能让浏览者赏心悦目更好。

4.适当美化，去除冗余

在总体规划设计完成之后，我们需要对整个页面进行重新审视，根据网站主题及风格，看设计是否已经突出想要的风格，还是设计的不够完美，可能有些地方太复杂了，模块分区不够不规范。这个时候就需要对页面进行适当调整。比如页面内容看起来太多的，可以进行适当“留白”处理，在网页设计中，“无意”的留白应与“有意”的造型同样引起足够的重视，因为“无意”的留白空间有时给人的视觉冲击会高于其它的元素所带来的效果。

总之对页面的设计不论是内容还是版式，化繁就简，突出风格，体现主题是关键。对于内容复杂的门户网站，太多的修饰反而会增加浏览者的视觉负担，所以门户网站的设计相对简单，比如搜狐、新浪网等;而对于一些内容单一的网站，首页确实没有太多东西展示，则可以刻意增加一些艺术化的点缀，使页面显得充实饱满而不空洞，比如一些专业网站、个人网站等。

二、网页色彩设计

一个网站风格定了，那么下一步就是怎么来突出风格，而突出风格最重要的

手段是网站的配色处理。色彩是人的视觉最敏感的元素，不同的色彩会给浏览者带来不一样的心理感觉，这就是一种色彩意向，或者称色彩对人的心理反应。设计者在设计网页时要根据网站特点选择合适色彩，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。色彩选择的总体原则是“总体协调、局部对比”，在搭配色彩时应考虑以下一些基本技巧和原则。

1.特色鲜明

网站中颜色的应用必须要考虑网站的主题、内容、适用人群等，运用色彩突出自身独特风格。色彩搭配一定要合理，恰当的装饰色彩具有增强企业产品形象的感染力、加强识别记忆力、影响消费心理和传递产品概念的作品。对不同职业、地区、年龄的人设计网页时，在色彩上必须考虑他们的接收心理和审美取向。例如：若网站的主题是针对小孩，则可以色彩缤纷、鲜艳夺目;但是，客户群是老年人时恰恰相反不能使用太强烈的色彩，大多以宁静、安定的色调为主。2.讲究艺术性

在设计网站的色彩方案时，要有一定的艺术特色和良好的视觉感受，合理使用邻近色和对比色，以达到总体协调、局部对比的效果。关注网页配色协调的因素：色相明确，对比协调;色彩明度层次丰富协调;色彩面积对比协调。根据以上原则或者规律进行网站配色设计时还要遵循一定的艺术规律，这样才能设计出既符合主题要求，又展现艺术特色的网站。

3.巧妙使用背景色，严格控制色彩数量

为了突出显示文字，可以在设计中选择一些素淡清雅的色彩来做背景色，最好文字色和背景色之间有较强的色彩对比，但是要避免使用花纹复杂的图片和纯度很高的色彩作为背景。一般情况下，在同一网页中颜色数量控制在3种以内，否则会使网页看起来很杂乱。

三、网页创意设计

网页不只是传递信息的媒介，同时也是网络上的艺术品。如何让浏览者以轻松惬意的心态吸收网页传递的信息，是一个值得研究的课题。要达到这个目标，需要设计者进行网页创意设计，通过创意设计可以提高作品的审美价值，使作品充满张力，满足受众的情感需求，更好的推销作品等。创意的法则是“人无我有，人有我变”。创意思维为构筑优美网页绘制了设计蓝图，而创意方法则在蓝图的基础上对“大厦”进行装饰。只有经过装饰的网页能使主题表现的更生动有趣，更具有审美享受。因而德国设计师霍戈尔.马蒂斯把创意手段称为“视觉修饰”。

四、网页图片、动画元素设计

网页设计中的图像和动画具有直观性、趣味性，可以使网页生动、活泼，富有感染力。但是在使用时也要注意，如果图像和动画过多、过大，会造成网页载入速度过慢，这就要根据不同的用途选择不同的图像和动画格式，获得品质和大

小之间的最佳平衡。

五、小结

总之，作为一个优秀的网页设计者，我们不仅要掌握网页设计基本技术，而且更重要是的要成为一个多才多艺的平面设计师，还要懂网络营销、客户心理分析等多方面的知识。这样才能设计出既具有艺术美感，又能传达网站内涵和情感的网站。

参考文献

[1]梁景红.Web Designer Idea——设计师，谈网页设计思维[M].北京：电子工业出版社，2007.

[2]赵徽.网页设计的色彩运用[M].开明出版社，2003：5.

[3]课程教材研究所网页设计创新理念分析[MJ].人民教育出版社，2002.