引言
社会的进步使人们对审美有了更高的要求，同时对非物质设计的要求也越来越高，所以对设计的需求越来越丰富。每个人每天都会接触很多的网页，并且随着非物质社会的发展，每天接触到的网页数量越来越多。因此网页设计越来越重要，要求越来越高。这就要求设计师设计出能够更好的满足大众审美和需求的网页。网页分很多种，如购物网站、传媒类网站、社交类网站等。
网页的创建要更多关注用户的视觉流程以及信息的传递，这些需求则更多的建立在网页的设计过程中。层次感在网页设计中的应用能更好的优化网页的设计。
层次感
层次感是一个广义的词汇。指某一系统在结构或功能方面的等级秩序。具有多样性，可按物质的质量、能量、运动状态、空间尺度、时间顺序、组织化程度等多种标准划分。不同层次具有不同的性质和特征，既有共同的规律，又各有特殊规律。 "层次感"一词最早出自雕塑的浮雕技法中。图案的雕刻，不仅要有三维感，还要体现出图案造型、色彩和功能等的主次之分、大小、透视等关系，它是观感上的主次、强弱、美丑，是大脑中的三维感觉。在创意设计中不仅要进行变形、挤压、分割和增加等，也要符合观感的舒适。
网页设计的层次感有2个分支：（1）应用元素的层次感。网页设计须有前、中和后的变化，满足这些变化，画面的层次感才更好；（2）色彩元素的层次感。色彩有进色和退色之别，因此会造成网页由于色彩设计产生的进退感。色彩的前进、后退感形成的视错觉，在设计中用来加强画面空间层次。
层次感与网页设计
1.层次感与网页设计的关系
层次就是有主次之分，无论从大的范围还是小的范围都需要主次。突出主次的方法有许多，如从大小、色彩、动态形状。
首先，大小。视觉重心一般会落在较大的元素上。因此，设计时把要突出的主题文字或者元素大一些，以此吸引读者的视觉重心。
其次，色彩。不同的色彩能给读者带来不同的感觉。例如，红色代表热情、警告、激情；蓝色代表冷漠、忧郁等。使用色彩强调主次的前提是设计师必须研究色彩的特点以及视觉效果。
第三，动态形状。动态的形状更能吸引视觉重心。所以设计师在设计网页时要想网页更能吸引读者，多加入一些动态形状。
2.视觉层次感在网页设计中的重要性
（1）视觉流程
网页视觉流程与展示设计中的流动路线的设计相似。网页视觉流程相当于展示设计中的流动路线，浏览者第一印象决定网站的整体感觉，规划视觉流程引导用户在浏览网页过程中建立明确的视觉顺序（见图1），令用户在浏览网页的过程中可以首先看到网站的主要传递信息，第二步再看什么，最后看什么，潜移默化地使用户形成网站的品牌意识，并使在网页布局中的所有重点信息不被漏看。网页视觉流程设计使网页拥有信息传播更简洁快捷明确的浏览过程。减少读者不必要的视觉搜索，避免读者视觉疲劳。
网站一般由多个页面组成：一级页面、二级页面、三级页面等，页面之间的变换存在不同的导航方式，因此网页视觉流程不是单个网页的视觉流程，而是包含了多个页面的复杂视觉流程。网页设计与视觉流程存在一定的对应关系，视觉流程是随多个页面版式的变化而变化的。
（2）视觉层次对网页设计的影响
视觉层次原则是网页设计中的重要原则。优秀的网页能和浏览者有更好的交流互动，所以设计作为核心，设计出的作品在某一程度上是和用户的视觉交流。一个高能的设计师，必须传达设计思想传达。
阅读中，容易视觉疲劳，由于趋利避害，用户是视觉美感的欣赏者，而非数据处理者。所以巨大的信息量，对用户是挑战。如图2中的两个普通圆：在浏览者看来，图1的画面并不是两个圆，而是一个较大黑色的圆和一个较小红色的圆。在浏览者视觉出现的画面中，并非看到两个普通的圆，而是搜寻画面元素的异同。这些异同感给人区分物体的信息并赋予图形特定的意义。
图2的是网页设计中的文本层次运用。两段文字内容一致，但图中第二段文字更加易读和理解。因为文字排版的接近性、篇幅比例和相似程度使读者将下级内容自然地归入标题和分段。因此层次的错落有致能赋予标题更多的涵义，并非信息的传递。
层次感有很多类型：网页设计中的层次感、产品设计中的层次感、发型设计中的层次感等。层次感在网页设计中主要有两个分支：应用元素的层次感和色彩元素的层次感。
1.应用元素的层次感的构建
粗糙和杂乱是"丑"的外在表现，而层次感是美的一种表现，单调的重复给人的视觉观感是无味的。层次感的分明、自由活泼有层次变化的造型能刺激视觉上美的感受。在网页设计中，层次感适宜程度依据页面的复杂程度而定。页面复杂，要表达的重点越多，对层次感的要求亦越高。
（1）大小对比
一般来说，物体体积的大小与其自身 的吸引力成正相关。较大的物体更具吸引力。尺寸的设计是制造层次非常高效的途径。因此，设计时把尺寸和重要性相结合是非常关键的。较大的应用元素一般而言是最重要的，相反，最小的应该元素重要性微弱些。对比关系能够体现出对象之间的重要性。设计对象在大小上的戏剧性变化将传递出该信息的重要性或需要被特别关注，亮背景转成暗背景可以区分核心出核心板块，字体大小的对比和色彩明暗的对比传达了信息的重要性。
（2）对齐
应用元素的对齐反映网页构成元素优良的组织性，对齐能赋予浏览者视觉层次安静的作用。如，网页中放在页面左上角的标识被赋予了官方的性质，因为浏览者将左上角的信息与简介、账号、购物车等相联系。以某种秩序感的对齐方式能够激起用户的兴趣，网页设计中整齐排列给用户的视觉感受是：干净，整洁、明了、便于阅读。对齐需要的应用元素要两个以上。对齐必须要使用重复的设计手法，重复体现了应用元素之间的关联性。如果文字都是同一种色彩，那么浏览者看到一段新的同一色彩文字时，会认为这是其中的另一段；当同一个浏览者遇到一个蓝色的或者有下划线标记的链接时，浏览者便会把它理解该段落之外的的文字。
（3）亲密与留白
亲密会把应用元素互相分离且创建下级的层次感。页面中会出现较多的被空白隔开的小部件，这些部件中有新层次，例如标题、副标题、作者和内容等。亲密性以最便捷的方式将有关的内容组织起来，通过亲密之间的关联将主要内容与次要内容相区分。但是，由于亲密而关联在一起的元素有种杂乱的感觉，应用元素间距大，会失去互相关联性。一个优秀的网页设计，浏览者视觉关联性将会精确的将各个元素在大脑中形成完整的统一画面。
2.色彩元素的层次感
不同色相的色彩在视觉感受中有距离感上的差距，即色彩进的退感。色彩的进退指色彩在有对比的情况下给人的视觉反应，其会受到色相的影响，其次是纯度和明度的影响。例如，在可见光光谱中，波长较长的颜色，如红色视觉反馈有前进感；而波长短色彩，如蓝色的是后退感。在色彩纯度中，鲜艳的高纯度色彩，伸张感强；混浊的低纯度色彩，退缩感强。就明度而言，高明度色彩，有前进的视觉反馈，黯淡的低明度色彩，则是后退的视觉感受。
（1）色彩的主次
色彩的主次是指当把作品去色后，作品呈现的从黑灰白比例。例如，当作品去色之后，黑色较多，整体效果会显得沉重。相反，白色多那么整体效果显得苍白，如果灰色多，白色与黑色少，那么版面会显得"脏",亮点不够。在网页设计过程中，需明确网页设计的主色与辅色。网页设计中丰富的色彩层次会使设计作品色彩艳丽，夺人眼球。
（2）色彩的对比
设计师在网页配色时，需考虑到色彩的对比关系。但色彩的对比有很强的主观性，因此色彩设计时的对比关系的可行性很难掌握。设计师在设计时，更多的要把黑白灰的关系处理好， 页面中太多灰色调，这样对比性太差，页面没有灵气，显得灰和脏。网页设计中避免灰的方法是寻求色彩、明暗、饱和度三者之间的统一。
设计师应用色彩时，不能把所有的色彩都做得面积一样，所以设计师在设计网页时首先得找到主色，并找到与之相关的色彩为辅色。色彩比例的设计可以让网页更具吸引力。
总结
互联网时代，让信息数量呈爆炸式增长，网页设计的目的是通过现代的设计手法，来提高信息传达的品质，以增强信息传播的力量和数量。网页作为一种新的传递信息的视觉表现形式，有传统平面设计的特点。优秀的网页设计，首先应思考内容上的精益求精，其次要对传递的内容合理有效的视觉编排与布局。网页设计的视觉流程已成为用户主观感受而并非公式化，设计只要符合浏览者认知过程的心理顺序和思维的逻辑顺序，可以灵活多变地应用。可以应用各种版式设计与多样的网页布局类型，改变浏览者视觉流程。设计师要做的是让视觉流程自然、合理、畅快，更能给人留下深刻的印象。
色彩作为信息传播过程中的重要元素能赋予信息丰富的美感，并有效的提升信息传达的品质。合理的运用色彩语言，在网页设计中能更好的引导浏览者完成信息获取的过程，让网页获得更强的视觉认知力和艺术感染力，以获得更广泛的传播。
