网站界面设计

网站的界面设计符合SEO规范，可以起到提高排名的效果。如何让人们对这个网站产生好感，网站风格设计尤为重要，一定程度上它会影响网站的发展。网站的风格要能够反应出网站的类型，优秀的网站设计和SEO优化进行结合就能如虎天翼!

用户体验则要根据广大用户的习惯来提供给用户。它是否符合大众习惯，能否给用户提供相应的服务，网站程序是否易用，对于网站的主题程序是否提供了相应的功能支持。网站在互联网上发布上线，需要展示给大众浏览观看，需要与用户进行交流，则需要注重用户体验和人性化设计。网页的创建要更多关注用户的视觉流程以及信息的传递，这些需求则更多的建立在网页的设计过程中，层次感在网页设计中的应用能更好的优化网页的设计。

网站界面设计的层次感

层次感是一个广义的词汇。指某一系统在结构或功能方面的等级秩序。具有多样性，可按物质的质量、能量、运动状态、空间尺度、时间顺序、组织化程度等多种标准划分。不同层次具有不同的性质和特征，既有共同的规律，又各有特殊规律。 "层次感"一词最早出自雕塑的浮雕技法中。图案的雕刻，不仅要有三维感，还要体现出图案造型、色彩和功能等的主次之分、大小、透视等关系，它是观感上的主次、强弱、美丑，是大脑中的三维感觉。在创意设计中不仅要进行变形、挤压、分割和增加等，也要符合观感的舒适。

网页设计的层次感有两个分支：一种是应用元素的层次感。网页设计须有前、中和后的变化，满足这些变化，画面的层次感才更好；第二是色彩元素的层次感。色彩有进色和退色之别，因此会造成网页由于色彩设计产生的进退感。色彩的前进、后退感形成的视错觉，在设计中用来加强画面空间层次。

1、层次感与网页设计的关系

层次就是有主次之分，无论从大的范围还是小的范围都需要主次。突出主次的方法有许多，如从大小、色彩、动态形状。

(1)大小对比

一般来说，物体体积的大小与其自身 的吸引力成正相关。较大的物体更具吸引力。尺寸的设计是制造层次非常高效的途径。因此，设计时把尺寸和重要性相结合是非常关键的。较大的应用元素一般而言是最重要的，相反，最小的应该元素重要性微弱些。对比关系能够体现出对象之间的重要性。设计对象在大小上的戏剧性变化将传递出该信息的重要性或需要被特别关注，亮背景转成暗背景可以区分核心出核心板块，字体大小的对比和色彩明暗的对比传达了信息的重要性。

(2)对齐

应用元素的对齐反映网页构成元素优良的组织性，对齐能赋予浏览者视觉层次安静的作用。如，网页中放在页面左上角的标识被赋予了官方的性质，因为浏览者将左上角的信息与简介、账号、购物车等相联系。以某种秩序感的对齐方式能够激起用户的兴趣，网页设计中整齐排列给用户的视觉感受是：干净，整洁、明了、便于阅读。对齐需要的应用元素要两个以上。对齐必须要使用重复的设计手法，重复体现了应用元素之间的关联性。如果文字都是同一种色彩，那么浏览者看到一段新的同一色彩文字时，会认为这是其中的另一段；当同一个浏览者遇到一个蓝色的或者有下划线标记的链接时，浏览者便会把它理解该段落之外的的文字。

(3)亲密与留白

亲密会把应用元素互相分离且创建下级的层次感。页面中会出现较多的被空白隔开的小部件，这些部件中有新层次，例如标题、副标题、作者和内容等。亲密性以最便捷的方式将有关的内容组织起来，通过亲密之间的关联将主要内容与次要内容相区分。但是，由于亲密而关联在一起的元素有种杂乱的感觉，应用元素间距大，会失去互相关联性。一个优秀的网页设计，浏览者视觉关联性将会精确的将各个元素在大脑中形成完整的统一画面。

2、视觉层次感在网页设计中的重要性

(1)视觉流程

网页视觉流程与展示设计中的流动路线的设计相似。网页视觉流程相当于展示设计中的流动路线，浏览者第一印象决定网站的整体感觉，规划视觉流程引导用户在浏览网页过程中建立明确的视觉顺序（见图1），令用户在浏览网页的过程中可以首先看到网站的主要传递信息，第二步再看什么，最后看什么，潜移默化地使用户形成网站的品牌意识，并使在网页布局中的所有重点信息不被漏看。网页视觉流程设计使网页拥有信息传播更简洁快捷明确的浏览过程。减少读者不必要的视觉搜索，避免读者视觉疲劳。

网站一般由多个页面组成：一级页面、二级页面、三级页面等，页面之间的变换存在不同的导航方式，因此网页视觉流程不是单个网页的视觉流程，而是包含了多个页面的复杂视觉流程。网页设计与视觉流程存在一定的对应关系，视觉流程是随多个页面版式的变化而变化的。

(2)视觉层次对网页设计的影响

视觉层次原则是网页设计中的重要原则。优秀的网页能和浏览者有更好的交流互动，所以设计作为核心，设计出的作品在某一程度上是和用户的视觉交流。一个高能的设计师，必须传达设计思想传达。

3、色彩的运用在网页设计中的重要性

不同色相的色彩在视觉感受中有距离感上的差距，即色彩进的退感。色彩的进退指色彩在有对比的情况下给人的视觉反应，其会受到色相的影响，其次是纯度和明度的影响。例如，在可见光光谱中，波长较长的颜色，如红色视觉反馈有前进感；而波长短色彩，如蓝色的是后退感。在色彩纯度中，鲜艳的高纯度色彩，伸张感强；混浊的低纯度色彩，退缩感强。就明度而言，高明度色彩，有前进的视觉反馈，黯淡的低明度色彩，则是后退的视觉感受。

(1)色彩的主次

色彩的主次是指当把作品去色后，作品呈现的从黑灰白比例。例如，当作品去色之后，黑色较多，整体效果会显得沉重。相反，白色多那么整体效果显得苍白，如果灰色多，白色与黑色少，那么版面会显得"脏",亮点不够。在网页设计过程中，需明确网页设计的主色与辅色。网页设计中丰富的色彩层次会使设计作品色彩艳丽，夺人眼球。

(2)色彩的对比

设计师在网页配色时，需考虑到色彩的对比关系。但色彩的对比有很强的主观性，因此色彩设计时的对比关系的可行性很难掌握。设计师在设计时，更多的要把黑白灰的关系处理好， 页面中太多灰色调，这样对比性太差，页面没有灵气，显得灰和脏。网页设计中避免灰的方法是寻求色彩、明暗、饱和度三者之间的统一。设计师应用色彩时，不能把所有的色彩都做得面积一样，所以设计师在设计网页时首先得找到主色，并找到与之相关的色彩为辅色。色彩比例的设计可以让网页更具吸引力。

图2的是网页设计中的文本层次运用。两段文字内容一致，但图中第二段文字更加易读和理解。因为文字排版的接近性、篇幅比例和相似程度使读者将下级内容自然地归入标题和分段。因此层次的错落有致能赋予标题更多的涵义，并非信息的传递。

总结：网页设计的目的是通过现代的设计手法，来提高信息传达的品质，以增强信息传播的力量和数量。网页作为一种新的传递信息的视觉表现形式，有传统平面设计的特点。优秀的网页设计，首先应思考内容上的精益求精，其次要对传递的内容合理有效的视觉编排与布局。网页设计的视觉流程已成为用户主观感受而并非公式化，设计只要符合浏览者认知过程的心理顺序和思维的逻辑顺序，可以灵活多变地应用。可以应用各种版式设计与多样的网页布局类型，改变浏览者视觉流程。设计师要做的是让视觉流程自然、合理、畅快，更能给人留下深刻的印象。