论层次感在网页设计中的应用.docVIP

论层次感在网页设计中的应用 　　层次感是一个广义的词汇，表现出图案造型、色彩等的主次、远近、大小、前后等透视关系，是视觉上的主次、强弱、甚至美丑、善恶，是思维上的空间。进行创作时，要进行变形、挤压、分割和增加等，既要符合观感上的舒适性，也要满足设计的层次感。本文依托层次感的设计手法，研究了层次感在网页设计中的重要性、网页设计实践中层次感的应用以及层次感在网页设计中的构建方式等，提供了网页设计师在设计实践中的方法论，启迪设计师的创作灵感，让设计师设计出更加优化的网页。 　　引言 　　社会的进步使人们对审美有了更高的要求，同时对非物质设计的要求也越来越高，所以对设计的需求越来越丰富。每个人每天都会接触很多的网页，并且随着非物质社会的发展，每天接触到的网页数量越来越多。因此网页设计越来越重要，要求越来越高。这就要求设计师设计出能够更好的满足大众审美和需求的网页。网页分很多种，如购物网站、传媒类网站、社交类网站等。 　　网页的创建要更多关注用户的视觉流程以及信息的传递，这些需求则更多的建立在网页的设计过程中。层次感在网页设计中的应用能更好的优化网页的设计。 　　层次感 　　层次感是一个广义的词汇。指某一系统在结构或功能方面的等级秩序。具有多样性，可按物质的质量、能量、运动状态、空间尺度、时间顺序、组织化程度等多种标准划分。不同层次具有不同的性质和特征，既有共同的规律，又各有特殊规律。 “层次感“一词最早出自雕塑的浮雕技法中。图案的雕刻，不仅要有三维感，还要体现出图案造型、色彩和功能等的主次之分、大小、透视等关系，它是观感上的主次、强弱、美丑，是大脑中的三维感觉。在创意设计中不仅要进行变形、挤压、分割和增加等，也要符合观感的舒适。 　　网页设计的层次感有2个分支： 　　（1）应用元素的层次感。网页设计须有前、中和后的变化，满足这些变化，画面的层次感才更好； 　　（2）色彩元素的层次感。色彩有进色和退色之别，因此会造成网页由于色彩设计产生的进退感。色彩的前进、后退感形成的视错觉，在设计中用来加强画面空间层次。 　　层次感与网页设计 　　1.层次感与网页设计的关系 　　层次就是有主次之分，无论从大的范围还是小的范围都需要主次。突出主次的方法有许多，如从大小、色彩、动态形状。 　　首先，大小。视觉重心一般会落在较大的元素上。因此，设计时把要突出的主题文字或者元素大一些，以此吸引读者的视觉重心。 　　其次，色彩。不同的色彩能给读者带来不同的感觉。例如，红色代表热情、警告、激情；蓝色代表冷漠、忧郁等。使用色彩强调主次的前提是设计师必须研究色彩的特点以及视觉效果。 　　第三，动态形状。动态的形状更能吸引视觉重心。所以设计师在设计网页时要想网页更能吸引读者，多加入一些动态形状。 　　2.视觉层次感在网页设计中的重要性 　　（1）视觉流程 　　网页视觉流程与展示设计中的流动路线的设计相似。网页视觉流程相当于展示设计中的流动路线，浏览者第一印象决定网站的整体感觉，规划视觉流程引导用户在浏览网页过程中建立明确的视觉顺序（见图1），令用户在浏览网页的过程中可以首先看到网站的主要传递信息，第二步再看什么，最后看什么，潜移默化地使用户形成网站的品牌意识，并使在网页布局中的所有重点信息不被漏看。网页视觉流程设计使网页拥有信息传播更简洁快捷明确的浏览过程。减少读者不必要的视觉搜索，避免读者视觉疲劳。 　　网站一般由多个页面组成：一级页面、二级页面、三级页面等，页面之间的变换存在不同的导航方式，因此网页视觉流程不是单个网页的视觉流程，而是包含了多个页面的复杂视觉流程。网页设计与视觉流程存在一定的对应关系，视觉流程是随多个页面版式的变化而变化的。 　　（2）视觉层次对网页设计的影响 　　视觉层次原则是网页设计中的重要原则。优秀的网页能和浏览者有更好的交流互动，所以设计作为核心，设计出的作品在某一程度上是和用户的视觉交流。一个高能的设计师，必须传达设计思想传达。阅读中，容易视觉疲劳，由于趋利避害，用户是视觉美感的欣赏者，而非数据处理者。所以巨大的信息量，对用户是挑战。如图2中的两个普通圆： 　　在浏览者看来，图1的画面并不是两个圆，而是一个较大黑色的圆和一个较小红色的圆。在浏览者视觉出现的画面中，并非看到两个普通的圆，而是搜寻画面元素的异同。这些异同感给人区分物体的信息并赋予图形特定的意义。 　　图2的是网页设计中的文本层次运用。两段文字内容一致，但图中第二段文字更加易读和理解。因为文字排版的接近性、篇幅比例和相似程度使读者将下级内容自然地归入标题和分段。因此层次的错落有致能赋予标题更多的涵义，并非信息的传递。 　　层次感在网页设计中的构建 　　层次感有很多类型：网页设计中的层次感、产品设计中的层次感、发型设计中的