网页设计的布局和用色技巧

轩慎鸿

摘要：网页设计就是依据网站宗旨，把造型、结构、信息、色彩等视觉元素有机地统一在网页中，并对网页风格等进行整体设计。展示网页中色彩搭配的状态，已经色彩搭配的来源，直接明确的阐述最本质的网页设计中色彩运用的原理。介绍了网页设计布局和色彩的基础理论。从而进一步详细的介绍了布局和色彩搭配在网页中不可或缺的作用。

关键词： 网页设计；布局和用色；技巧

【中图分类号】TP393.092

引言

网页设计是一门新兴的设计类和网络交叉学科，近几年随着网络的发展而逐渐受到人们的重视。网页以网络为载体，把各种信息以最便捷的方式传达给受众。利用造型的原则和规律，合理的分配和排列文字、图形等视觉元素，以便准确、系统、有效地传达信息。因此在明确了网页艺术设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。从而更好的认识和理解布局和用色技巧在网页布局中的发展和创新。

1.网页设计的布局

网页设计者在拟定色彩计划时，应该尽可能的满足绝大多数人的视觉感受。它是人们在看到某一运用色彩所表现的客观事物后，凭感觉事物所传递出来的表象信息，在头脑思维中根据切身感受对事物进行整理加工，留下某种相关记忆与理性信息。在网页设计时把网页的各种构成要素（文字、图片、菜单等等）在页面内完美的搭配起来。一个精美的网页，不仅体现在页面内容的精彩，还要有效地利用页面的有效显示空间，创造出合理的布局模式。过纯的红色容易使人疲劳，引起人的心理反感，因此，一般只有在以节庆为主题的网页中会大面积使用纯红色，而在其它主题的网页中，要使用大面积的红色就需要加入白色或暗色调。而是我们设计网页之前根据分析调研资料，界面设计共同习惯和使用者习惯及需求，设计的逻辑关系架构图，也就是网站的主要信息导引。一般情况下，显示器在640*480像素的分辨率下，页面的显示尺寸为620*311像素：在800*600像素的分辨率下，显示器的分辨率越高，能显示的页面尺寸就越大。顶端是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，底端也是一些网站的辅助信息。在这种类型中，一种很常见的类型是，顶端是标题及广告，左侧是导航链接。也就是让一部分内容比其他的大或者小，以明显的区分开来。在不能依靠颜色的时候，通过尺寸建立对比将变得非常重要。大标题也是建立视觉结构框的好方法。

2.网页设计的色彩搭配方法

2.1明确网站的主题、服务对象及用色彩要表达的目的

色彩作为自然界的客观存在，本身是没有情感的，只有无数种色相、明度、纯度组合在一起的不同变化效果，色彩的情感是观察者所赋予的一种“人的心理感觉”。在了解色彩的基础上选择适合自己的标准色。同时，为了让主页更加丰富多彩、引人注目，可以在标准色的基础上，配以不同的辅色。在标准色的基础上搭配不同的辅色，使得网页看起来丰富而统一。 给网站的网页选一个主色调，以形成一定风格。整个网页最好只有一个主色调。主调色彩一般可用公司的标准色，这符合公司的形象战略，可以提升公司形象。

2.2确定网页的主色调

在设计网站的时候，我们应该关注流行色的发展趋势。每年都会有一些流行色出现，这是符合大众心理的一些基本色调。在设计网站的时候可以巧妙地加以应用，网页色彩决定访问者的第一视觉感受。在教学中教师应要求学生根据所选主题，确立网站主体颜色和辅助颜色，利用色彩营造符合主题的环境与相应的气氛。但是人们对同一种色彩所表现出来的心理感受差异有着一个广泛的色彩共同性前提，就是可以看到某种客观的，受到普遍认可的色彩认知概念。在一个特定的场合或者环境中，某种色彩会表达一种具有强烈象征意义的事物。色彩的搭配不仅体现美学的诉求，而且是一种可以强化的识别信息，会影响到浏览者对网站的印象乃至企业形象的认识。所以，主题色一经确定，要保持一定的稳定性，用这种色彩来帮助浏览者对网站的识别。如果你没有丰富的网页内容，那么网页设计中对网站的标准色的设计就显得尤为重要了。标准色彩能够体现网站形象和延伸内涵的色彩，它是影响网站整体效果的关键。当一种色彩成为流行色的时候，不免使浏览者产生麻木的审美效果。因此在网页中事实的实施一些怀旧色彩，会达到意想不到的效果。即只用一种色相，其辅助色只是在明度和纯度上作调整，间用中性色。采用单色调，易形成一种风格，在网页的局部要采用少量小面积的对比色以达到丰富页面的效果，

2.3网页色彩的选择标准

网页设计中常见的布局方式有表格式布局，框架式布局以及DIV+CSS方式布局。DIV+CSS布局方式，是目前网页设计中比较常见的，它实现了网页结构与样式的真正分离。随着网民人数的不断增加，网民的素质也越来越高，大多数的网民喜欢选择有特色、风格独特的网站进行浏览。网页设计师在设计网页时，可以选择体现自己风格的色彩大胆应用。 背景色决定了整体印象；融合色被应用于页面中的不同位置，通过颜色的反复共鸣让网页界面更具整体性；强调色是在大面积的背景颜色当中强调出某一亮点，吸引注意。它会受到很大因素的影响，如色彩的面积、时间、亮度等。 重视产品营销过程中消费者对产品色彩方面的反馈意见和诉求，并加以改进完善。如儿童类网页，色彩就要以轻快活泼为主，营造出富含童趣的视觉气氛。教育类网页则通常以中性色为主，借以体现出一种文化底蕴。应该更加注重整体效果。在设计网站页面时，要更多地考虑平面设计的因素，把握整体。色彩的明暗、轻重、冷暖，以及调和色和对比色的应用等都要考虑在内。，达到理论与实践相结合，强化学生的技能操作，锻炼了学生的创新思维能力，提高了网站建设的综合素质，为今后动态网站的建立打下良好的基础。 在网页设计中有时为了迎合时代潮流而使自己的设计不显落伍，设计师要在创新中寻求发展，不断设计出新的色彩搭配样式。

3.结语

色彩既能影响人的视觉，也能影响人的心理。网页设计人员在设计网页时要注意合理的运用对比及调和的配色方法。所以布局和色彩的恰到好处的搭配将会使个人和企业的形象在别人心中留下深刻的印象，从而更好的体现出个人及其企业的知名度。富有新意的色彩创意能使网页在同类中引人注目、打动人心、带给人新鲜感，色彩是网页设计中不可缺少的元素之一，它以最醒目、活跃的方式应用于网页设计中。

参考文献：

[1]刘佳，王倩.网页设计中的色彩表现[J].美术大观，2007，（11）.

[2]王娜.Dreamweaver網页制作与色彩搭配全攻略[M].北京：清华大学出版社，2006.

[3]张淑荣；苏兵；；探析色彩搭配在网页设计教学中的有效运用[J]；电脑与电信；2012年08期endprint