软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 网页设计教程(8):网页层次和空间设计

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

上一篇文章:网页设计教程(7)-提高网页制作效率

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

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

 

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

 

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

 

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

 

再看虚实,层叠!

 

方向!

 

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

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

 

真不想画这图!

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

该突出的部分突出,该减弱的部分减弱,那么就要灵活运用不同的色彩感觉来进行处理。不同色相的颜色搭配在一起产生不同的视觉效果,产生不同的色彩层次。是暖色与冷色或是不同色相的暖色或是不同色相的冷色之间的搭配将会产生出丰富多彩的层次。

相关阅读
网友评论
栏目导航
推荐软件