层次感在网页设计中的优化应用

《层次感在网页设计中的优化应用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、层次感在网页设计中的优化应用　　引言　　社会的进步使人们对审美有了更高的要求，同时对非物质设计的要求也越来越高，所以对设计的需求越来越丰富。每个人每天都会接触很多的X页，并且随着非物质社会的发展，每天接触到的X页数量越来越多。因此X页设计越来越重要，要求越来越高。这就要求设计师设计出能够更好的满足大众审美和需求的X页。X页分很多种，如购物X站、传媒类X站、社交类X站等。　　X页的创建要更多关注用户的视觉流程以及信息的传递，这些需求则更多的建立在X页的设计过程中。层次感在X页设计中的应用能更好的优化X页

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

3、分支：（1）应用元素的层次感。X页设计须有前、中和后的变化，满足这些变化，画面的层次感才更好；（2）色彩元素的层次感。色彩有进色和退色之别，因此会造成X页由于色彩设计产生的进退感。色彩的前进、后退感形成的视错觉，在设计中用来加强画面空间层次。　　层次感与X页设计　　1.层次感与X页设计的关系　　层次就是有主次之分，无论从大的范围还是小的范围都需要主次。突出主次的方法有许多，如从大小、色彩、动态形状。　　首先，大小。视觉重心一般会落在较大的元素上。因此，设计时把要突出的主题文字或者元素大一些，以此吸引读

4、者的视觉重心。　　其次，色彩。不同的色彩能给读者带来不同的感觉。例如，红色代表热情、警告、激情；蓝色代表冷漠、忧郁等。使用色彩强调主次的前提是设计师必须研究色彩的特点以及视觉效果。　　第三，动态形状。动态的形状更能吸引视觉重心。所以设计师在设计X页时要想X页更能吸引读者，多加入一些动态形状。　　2.视觉层次感在X页设计中的重要性　　（1）视觉流程　　X页视觉流程与展示设计中的流动路线的设计相似。X页视觉流程相当于展示设计中的流动路线，浏览者第一印象决定X站的整体感觉，规划视觉流程引导用户在浏览X页过程

5、中建立明确的视觉顺序（见图1），令用户在浏览X页的过程中可以首先看到X站的主要传递信息，第二步再看什么，最后看什么，潜移默化地使用户形成X站的品牌意识，并使在X页布局中的所有重点信息不被漏看。X页视觉流程设计使X页拥有信息传播更简洁快捷明确的浏览过程。减少读者不必要的视觉搜索，避免读者视觉疲劳。　　X站一般由多个页面组成：一级页面、二级页面、三级页面等，页面之间的变换存在不同的导航方式，因此X页视觉流程不是单个X页的视觉流程，而是包含了多个页面的复杂视觉流程。X页设计与视觉流程存在一定的对应关系，视觉

6、流程是随多个页面版式的变化而变化的。　　（2）视觉层次对X页设计的影响　　视觉层次原则是X页设计中的重要原则。优秀的X页能和浏览者有更好的交流互动，所以设计作为核心，设计出的作品在某一程度上是和用户的视觉交流。一个高能的设计师，必须传达设计思想传达。　　阅读中，容易视觉疲劳，由于趋利避害，用户是视觉美感的欣赏者，而非数据处理者。所以巨大的信息量，对用户是挑战。如图2中的两个普通圆：在浏览者看来，图1的画面并不是两个圆，而是一个较大黑色的圆和一个较小红色的圆。在浏览者视觉出现的画面中，并非看到两个普通的

7、圆，而是搜寻画面元素的异同。这些异同感给人区分物体的信息并赋予图形特定的意义。　　图2的是X页设计中的文本层次运用。两段文字内容一致，但图中第二段文字更加易读和理解。因为文字排版的接近性、篇幅比例和相似程度使读者将下级内容自然地归入标题和分段。因此层次的错落有致能赋予标题更多的涵义，并非信息的传递。　　层次感有很多类型：X页设计中的层次感、产品设计中的层次感、发型设计中的层次感等。层次感在X页设计中主要有两个分支：应用元素的层次感和色彩元素的层次感。　　1.应用元素的层次感的构建　　粗糙和杂乱是丑的外

8、在表现，而层次感是美的一种表现，单调的重复给人的视觉观感是无味的。层次感的分明、自由活泼有层次变化的造型能刺激视觉上美的感受。在X页设计中，层次感适宜程度依据页面的复杂程度而定。页面复杂，要表达的重点越多，对层次感的要求亦越高。　　（1）大小对比　　一般来说，物体体积的大小与其自身的吸引力成正相关。较大的物体更具吸引力。尺寸的设计是制造层次非常高效的途径。因此，设计时把尺寸和重要性相结合是非常关键的。较大的应用元素一般而言是最重要的，相反，最小的应该元素