层次感在网页设计中的优化应用,网页设计论文.docx

《层次感在网页设计中的优化应用,网页设计论文.docx》由会员分享，可在线阅读，更多相关《层次感在网页设计中的优化应用,网页设计论文.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、层次感在网页设计中的优化应用,网页设计论文社会的进步使人们对审美有了更高层次的要求，同时对非物质设计的要求也越来越高，所以对设计的需求越来越丰富。每个人天天都会接触很多的网页，并且随着非物质社会的发展，天天接触到的网页数量越来越多。因而网页设计越来越重要，要求越来越高。这就要求设计师设计出能够更好的知足群众审美和需求的网页。网页分很多种，如购物网站、传媒类网站、社交类网站等。 网页的开创建立要更多关注用户的视觉流程以及信息的传递，这些需求则更多的建立在网页的设计经过中。层次感在网页设计中的应用能更好的优化网页的设计。 层次感 层次感是一个广义的词汇。指某一系统在构造或功能方面的等级秩序。具有多

2、样性，可按物质的质量、能量、运动状态、空间尺度、时间顺序、组织化程度等多种标准划分。不同层次具有不同的性质和特征，既有共同的规律，又各有特殊规律。 层次感 一词最早出自雕塑的浮雕技法中。图案的雕刻，不仅要有三维感，还要具体表现出出图案造型、色彩和功能等的主次之分、大小、透视等关系，它是观感上的主次、强弱、美丑，是大脑中的三维感觉。在创意设计中不仅要进行变形、挤压、分割和增加等，也要符合观感的舒适。 网页设计的层次感有2个分支：1应用元素的层次感。网页设计须有前、中和后的变化，知足这些变化，画面的层次感才更好；2色彩元素的层次感。色彩有进色和退色之别，因而会造成网页由于色彩设计产生的进退感。色彩

3、的前进、后退感构成的视错觉，在设计中用来加强画面空间层次。 层次感与网页设计 1.层次感与网页设计的关系 层次就是有主次之分，无论从大的范围还是小的范围都需要主次。突出主次的方式方法有很多，如从大小、色彩、动态形状。 首先，大小。视觉重心一般会落在较大的元素上。因而，设计时把要突出的主题文字或者元素大一些，以此吸引读者的视觉重心。 其次，色彩。不同的色彩能给读者带来不同的感觉。例如，红色代表热情、警告、激情；蓝色代表冷漠、忧郁等。使用色彩强调主次的前提是设计师必须研究色彩的特点以及视觉效果。 幅比例和类似程度使读者将下级内容自然地归入标题和分段。因而层次的错落有致能赋予标题更多的涵义，并非信息

4、的传递。 层次感有很多类型：网页设计中的层次感、产品设计中的层次感、发型设计中的层次感等。层次感在网页设计中主要有两个分支：应用元素的层次感和色彩元素的层次感。 1.应用元素的层次感的构建 粗糙和杂乱是 丑 的外在表现，而层次感是美的一种表现，单调的重复给人的视觉观感是无味的。层次感的分明、自由活泼有层次变化的造型能刺激视觉上美的感受。在网页设计中，层次感适宜程度根据页面的复杂程度而定。页面复杂，要表示出的重点越多，对层次感的要求亦越高。 1大小比照 一般来讲，物体体积的大小与其本身 的吸引力成正相关。较大的物体更具吸引力。尺寸的设计是制造层次非常高效的途径。因而，设计时把尺寸和重要性相结合是

5、非常关键的。较大的应用元素一般而言是最重要的，相反，最小的应该元素重要性微弱些。比照关系能够具体表现出出对象之间的重要性。设计对象在大小上的戏剧性变化将传递出该信息的重要性或需要被十分关注，亮背景转成暗背景能够区分核心出核心板块，字体大小的比照和色彩明暗的比照传达了信息的重要性。 2对齐 应用元素的对齐反映网页构成元素优良的组织性，对齐能赋予阅读者视觉层次平静的作用。如，网页中放在页面左上角的标识被赋予了官方的性质，由于阅读者将左上角的信息与简介、账号、购物车等相联络。以某种秩序感的对齐方式能够激起用户的兴趣，网页设计中整洁排列给用户的视觉感受是：干净，整洁、明了、便于阅读。对齐需要的应用元素

6、要两个以上。对齐必需要使用重复的设计手法，重复具体表现出了应用元素之间的关联性。假如文字都是同一种色彩，那么阅读者看到一段新的同一色彩文字时，会以为这是华而不实的另一段；当同一个阅读者碰到一个蓝色的或者有下划线标记的链接时，阅读者便会把它理解该段落之外的的文字。 3亲密与留白 亲密会把应用元素相互分离且开创建立下级的层次感。页面中会出现较多的被空白隔开的小部件，这些部件中有新层次，例如标题、副标题、作者和内容等。亲密性以最便捷的方式将有关的内容组织起来，通过亲密之间的关联将主要内容与次要内容相区分。但是，由于亲密而关联在一起的元素有种杂乱的感觉，应用元素间距大，会失去相互关联性。一个优秀的网页

7、设计，阅读者视觉关联性将会精到准确的将各个元素在大脑中构成完好的统一画面。 2.色彩元素的层次感 不同色相的色彩在视觉感受中有距离感上的差距，即色彩进的退感。色彩的进退指色彩在有比照的情况下给人的视觉反响，其会遭到色相的影响，其次是纯度和明度的影响。例如，在可见光光谱中，波长较长的颜色，如红色视觉反应有前进感；而波长短色彩，如蓝色的是后退感。在色彩纯度中，鲜艳的高纯度色彩，伸张感强；混浊的低纯度色彩，退缩感强。就明度而言，高明度色彩，有前进的视觉反应，暗淡的低明度色彩，则是后退的视觉感受。 1色彩的主次 色彩的主次是指当把作品去色后，作品呈现的从黑灰白比例。例如，当作品去色之后，黑色较多，整体

8、效果会显得沉重。相反，白色多那么整体效果显得苍白，假如灰色多，白色与黑色少，那么版面会显得 脏 ,亮点不够。在网页设计经过中，需明确网页设计的主色与辅色。网页设计中丰富的色彩层次会使设计作品色彩艳丽，夺人眼球。 2色彩的比照 设计师在网页配色时，需考虑到色彩的比照关系。但色彩的比照有很强的主观性，因而色彩设计时的比照关系的可行性很难把握。设计师在设计时，更多的要把黑白灰的关系处理好， 页面中过多灰色调，这样比照性太差，页面没有灵气，显得灰和脏。网页设计中避免灰的方式方法是寻求色彩、明暗、饱和度三者之间的统一。 设计师应用色彩时，不能把所有的色彩都做得面积一样，所以设计师在设计网页时首先得找到主

9、色，并找到与之相关的色彩为辅色。色彩比例的设计能够让网页更具吸引力。 总结 互联网时代，让信息数量呈爆炸式增长，网页设计的目的是通过当代的设计手法，来提高信息传达的品质，以加强信息传播的气力和数量。网页作为一种新的传递信息的视觉表现形式，有传统平面设计的特点。优秀的网页设计，首先应考虑内容上的精益求精，其次要对传递的内容合理有效的视觉编排与布局。网页设计的视觉流程已成为用户主观感受而并非公式化，设计只要符合阅读者认知经过的心理顺序和思维的逻辑顺序，能够灵敏多变地应用。能够应用各种版式设计与多样的网页布局类型，改变阅读者视觉流程。设计师要做的是让视觉流程自然、合理、畅快，更能给人留下深入的印象。 色彩作为信息传播经过中的重要元素能赋予信息丰富的美感，并有效的提升信息传达的品质。合理的运用色彩语言，在网页设计中能更好的引导阅读者完成信息获取的经过，让网页获得更强的视觉认知力和艺术感染力，以获得更广泛的传播。