前言：寻找写作灵感？中文期刊网用心挑选的网页设计中布局与用色技巧探析，希望能为您的阅读和创作带来灵感，欢迎大家阅读并分享。
摘要：作为一种视觉语言，网页设计中必须从布局和用色角度进行考虑，更好展示信息内容与页面思想，增强受众的视觉体验，带给受众以兴趣和美的视觉享受。本文研究主要从网页设计中出现的常见误区与不足入手，围绕网页设计结构布局与选色、用色技巧进行论述。
关键词：网页设计；网页布局；用色技巧；视觉传达
随着信息技术的发展，网站成为展示单位形象、介绍企事业发展的重要途径。因此网站设计这一行业也迅速发展起来，做为网络传递信息的重要载体，因其不同的性质、用途和服务群体而产生了多种多样的设计和用色方式。因此网站设计要根据设计的目的、功能、用途等选择不同的设计布局和用色，将技术性和艺术性融为一体，进行创新性设计，进而达到有效传播各种信息，提升单位形象等目的。
一、网页设计布局与用色的常见问题
正如前文所述，网页设计布局中必须结合功能、用途进行，不仅要达到宣传目的，更要满足设计的艺术性要求。从实际情况看，许多网站在页面布局、用色等方面还存在些许问题。
（一）网页设计布局常见问题
一般情况下，网站页面布局设计需要符合：简洁一致、从上到下，从左到右，将网页需要表达或者突出的内容放在显眼的地方。力求达到主次分明，中心突出；大小搭配，相互呼应；图文并茂，相得益彰。在日常中可以发现，许多网页布局，一是存在区块分布过多，内容展示繁杂的问题，受众通过网页获取信息时，通常会根据自己的爱好和需要来进行选择。而一个信息混乱的网页，会使人感觉繁杂，所以一个页面信息量不宜过多。二是布局中主体功能不突出。很多网站设计中过于突出设计风格或者设计特点，却忽视该网页的主体功能。例如社交类网站没有将社交信息置于重要位置，这样布局的后果则是无法吸引新的受众关注。
（二）网页用色方面存在的问题
用色则网页设计的另外一项重要内容。网页的色彩，是受众在访问页面时第一直观感受，好的用色能够给人留下深刻的印象，激发受众继续阅读，进行深入了解的欲望。当前情况下，网站设计用色首先存在选色缺乏统一色调的问题，使得该网站的所有网页给人的第一感觉是眼花缭乱、毫无重点，忽视了网页的整体美。这不仅违背了网页设计要强调整体的规则，也违背了网页设计过程中选色用色的目的。这就是我们常说的用色较“花”，没有美感可言。这种网页设计的选色方式存在一个很大的误区，以为色彩越多越好，反而适得其反，造成了页面杂乱无章的感觉。另外在网页设计时选色较多，将会造成各个功能布局之间缺乏统一性和互补性，破坏了页面布局的结构。其次，颜色选择与搭配缺少艺术性。在突出设计特色，争取吸引用户的时候，很多设计师开始选用具有强烈感官刺激的色彩。这种选色方法极大减弱了色彩的艺术性，造成网页页面的内容上的冲突，视觉效果上的混乱。网页设计过程中的用色技巧，选择色彩的根本目标不是追求感官上的刺激，而是在于带给受众美的享受和体会，在于突出网页所要表达的内容和传递给受众的信息，以更好的理解网页信息。如若用色过分追求了视觉上的刺激效果，也会使网页显的低俗而不是高雅。第三，网站选色中对比色运用不当。在网页设计时，多选用对比色可以有效吸引受众。但是在使用对比色时很多人喜欢运用色差强烈的对比色，这种用色方式会将色彩的冲击效果放大。这样造成的结果用色与内容不统一，需要突出的内容没有突出，做为陪衬的色彩反而成为视觉中心。因此，过分的突出了色彩运用而忽略与内容的统一，会适得其反，喧宾夺主。
二、网站设计中的布局要点
网页设计中首先要解决的是布局问题，基于此才能进行下一步的设计工作。常见的网页布局包括以下几种。
（一）网页设计布局
一是“国”字形布局，因其布局结构与汉字国相似而得名。该布局类型页面的最上部位一般放置该网站的标志，页面中间主要放置网页的主要内容，左右两部分设置链接，最下部分则设置广告、版权信息和联系方式等。该布局方法大气、稳重，是我们常见的一种布局方式。二是T型布局。这种网页结构形式就像T字母一样，所以我们通常称之为T型布局。它具有很多优点，其中最重要的就是结构简洁，内容清晰，功能明确。三是POP布局，该布局的构成更像是一张宣传画，以一个整体和谐的画面或者Flash作为网页的主要内容，在页面的上下或者左右等位置设置超级链接等内容。能达到美观、动感、时尚的效果，常见于时尚型的网站。整体美观大方，但是载入速度过慢。
（二）网页设计布局要点
网页布局设计中可以按照以下几个要点进行。首先是根据内容，宣传内容来确定布局特点。根据内容进行结构的搭建，再进行色彩的选择，最后对网页的细节进行处理。该要点注重的是形式与内容的统一，采用不同的形式来突出主题内容。例如在各行各业的商店中，商人会根据业务的不同，将主要销售的货品摆在门口等重要的位置。这就是内容决定形式在日常生活中的体现，通过简单的例子我们也可以明确该布局要点的重要性。其次，在布局设计中必须突出整体性。网页的整体性不仅要体现在所展示内容上的统一，还包括用色和布局上的整体性。强调布局的整体性，就是要先着眼整体，然后进行内容或者功能区块的划分，最后回归整体，做到网页设计的整体性，避免杂乱无章的感觉。在设计网页过程中突出其整体统一性，可以使受众在享受美的同时，更加全面快速的了解网页所要突出的内容。传递给受众一种和谐完整的美感。第三，是根据网站功能来确定布局方案。例如企业的网站就要强调其产品的展示；公共型的网站就要突出形象和权威性的文章；在设计过程中，要根据网页的用途、性质等功能选取不同的设计思想。企业型的网站主要展示该公司的产品、服务等，在设计中要重点突出；政府单位或者行政部门的网站就要突出他们的良好形象和权威；而教育型的网站，则要根据业务方向或者教学内容，展示有针对性的合适的教育信息。
三、网页设计中的用色技巧
颜色是网页给我们的第一印象，受众进入并浏览一个网页时，第一直觉并不是针对网页的资讯和内容，而是受众在获取信息之前所得到的视觉享受。也就是色彩的应用给受众带来视觉感受。因此网页用色直接关系到一个网页的成功与否。设计选色的时候必须围绕网页的主题思想和要突出的内容进行。
（一）根据内容明确设计主色调
网页设计中必须根据网页内容、功能特点，来确定网页的主要色调。所谓页面的主色调,就是根据页面的功能、性质和用途来确定的合理的主要色彩倾向，能够充分体现页面的主要目的和特点。主色调就好比一篇文章的中心思想，对整个事物的发展和变化都起到引领的作用，其他一切的选色用色都必须以主色调为主导，并与之相符。在选择好主色调之后，才可以确定其他辅用色彩。不同的色调所传达的感觉是不同的，所以在选定主色调时需要根据页面的功能、性质、用途、服务对象，以及想要达到的视觉和心理效果来确定。如选用蓝灰、枣红等较为严肃稳重的色彩课多用于政府和行政部门网站等。再如时尚网站和化妆品网站中要给用户传达一种轻松、愉悦或者可爱的氛围，则需要选用类似于偏粉的柔和色调。
（二）网页设计中的配色技巧
在选择好主色调之后，才可以确定其他辅用色彩。在选择辅用色彩时也必须要注意到其与主色调是否存在色彩冲突等情况。辅助用色配不仅具有良好的视觉效果，体现出一个页面的和谐统一之美；还可以强化需要突出的主题内容,积极影响受众对网页产生深刻的印象乃至更加深入了解网页所表达的内容。实际设计中可以从以下几个角度进行。以色相为基础的配色是在色相环的基础上进行选择的，定好主色调后，选择色相环上临近的色彩进行配色，可以给受众带来稳定和统一的感觉。用色相环上距离较远的色彩进行配色，会给受众带来对比的感觉，以突出内容。例如采用同一色相配色，这种方法只有一种颜色的变化，给人传递和谐、稳定、整体的感觉。明度差别较大的颜色变化则会使页面显的活泼、靓丽，差别太大又会显的不协调。又如采用类似色相配色时，这种配色技巧采用相近色彩进行搭配，例如主色调为红色时搭配紫红色；主色调为蓝色时配色采用紫蓝色等。类似色相的配色视觉效果丰富、活泼,但又不失和谐统一的感觉。会给人传递清雅、和谐的感受，产生柔和、唯美的视觉感受。当然，在实际选色中也可以选择对比色相配色，又被称为相反色配色，对比色是指色相环中两个距离较远的颜色。这种配色方式因为采用了对比强烈的色相，颜色差异较大，传达给受众一种强烈的变化感。
参考文献
[1]汤晓妹，郑晓丹.视觉传达设计中的色彩[J].常州工学院学报(社科版)，2017，(04)
[2]张嘉兴.网页中色彩搭配与网站内容关系研究[J].美术教育研究，2015，(08).
[3]路倩倩.网页用色之我见[J].大众文艺，2014，(22).
[4]李晓晔.网页设计中的格式塔心理学[J].传媒观察，2011，(08).
[5]林文发.网页设计中的色彩搭配[J].信息与电脑(理论版)，2010，(24).
作者:任溪 郑戍疆 单位:新疆应用职业技术学院