网页设计教程(8):网页层次和空间设计

作者:来源:点击量:Time:2011-10-12
 

:很有必要的唠叨。
有秩序,有规律,有特殊。叫层次
层次的迭代,表达出空间的存在感。点,线,面。点动成线,线动成面,面动成体,多个体的复杂构成。即为空间。当然,这里说的是数学空间或逻辑空间。可不是什么哲学空间。

二:离不开的感觉--透视;
之前写过一篇关于透视的文章,这里再配几张图辅助理解。
透视并不是最重要的,但它是很必要的

 

三:最常用的表现手法--虚实和对比;

 

这是一张很常见的XP里的一张图片,看它的层次。近大远小--近实远虚--近重远轻

 

看变化。字的本身,所在的场景。远近、交替、虚实的变化。(留个作业,尝试一下所谓是web2.0风格,应用在文字上面)

 

再看虚实,层叠!

 

方向!

 
 

看,就这几个简单的元素!

三:老生长谈--色彩、色彩层次;
 

 

真不想画这图!

色相与层次的关系
设计离不开层次,离不开色彩。讲到色彩必然离不开色彩的三要素,即色相、明度和纯度。在色相的处理上,不同的色彩会令人产生不同的感觉。
如果将各种不同的色彩放在一个画面上,那么他们就会产生层次。

该突出的部分突出,该减弱的部分减弱,那么就要灵活运用不同的色彩感觉来进行处理。不同色相的颜色搭配在一起产生不同的视觉效果,产生不同的色彩层次。是暖色与冷色或是不同色相的暖色或是不同色相的冷色之间的搭配将会产生出丰富多彩的层次。
明度与层次的关系。在色彩的明度处理方面,明度对比是比较重要的。除了考虑色彩的感情外,还必须考虑配色中的黑、白、灰的层次感。这就是色彩配置的明度关系。不同的明度的色彩配置在一起时将产生变化万千的层次感。白色在色彩中的明度最高,黑色最低,如果将它们配置在一起则会形成强烈对比的层次。
而将红色和橙色明度比较接近的色彩配置在一起时,其层次感相对较弱。纯度与层次的关系。
当色彩纯度高的色彩与纯度低的色彩配置在一起时,纯度高的色彩更鲜艳而纯度低的色彩则更暗浊。那么。纯度高的色彩就会有一种向前的倾向,而暗浊的色彩则会有退后之感,这样,色彩层次很分明。当然在考虑用色彩的纯度来达到设计的层次要求时,自然要将色彩的色相、明度考虑进去。
不管用哪种色彩,如何配置,色相、明度、纯度是很难分开的,也不能孤立的。色彩面积与层次的关系。
构图时,必然要认真考虑各部分的位置、大小。这就牵涉到色彩的面积的筛。为了达到一个统一和谐的色调,一般以一种颜色为主调,并占据画面的主要位置,即较大的面积,而其它色彩自然占较小面积。这样做,不但可以保持其主色调,而且还会产生对比层次,使画面既统一又有变化。
这一段很和谐。教科书般的和谐!

说几个判断方法:
(一):裸奔。可不是无CSS的裸奔,而是在设计稿出来后,合并所有图层,转换为黑白或lab模式查看黑白灰的感觉。
眯上眼睛看。
闭眼,猛的睁开看。
盯着某样东西到视觉模糊后切换过来看!
(请诸位自行对自己的眼睛负责!!!!)

(二):反相。
通过反面对比来察觉层次中的弱点。

(三):切断。
按照构图,将设计稿切成N个部分,用以上两种方法查看。这个,对web设计师,相对重要点!

四:空间感觉--展示平台的融合与超越;
看图,原地址:http://shyls.longfor.com.cn/main.html
 

相关新闻