导航

毅博客

分享本身就是件快乐的事,我因别人得到帮助而感到幸福

« [下载] EditPlus自动完成与剪辑库下载 2007-10-27网页的栅格设计思考 »

设计中的层次感

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
请大家帮忙:行文措辞难免有错,请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的无非是两种可能,一种是单调,一种是花哨。在设计中我们常常陷于对于某一种色彩或是某一种效果的偏爱,而这种情况会使我们的设计缺乏长久的生命力。并且我们自己在审美上会局限于对这种偏爱的执着从而影响我们的进步。而这种偏执也常会导致我们的设计缺乏层次感。

那么层次感通常表现在什么地方呢?在以前写的《色彩解答》系列中第一篇就讲过关于色彩的层次,在那篇文中有讲到用“黑、白、灰”去分析色彩的层次。我们在设计的时候可能会使用一种色彩把整个网站做出来,结果发现这单一的色彩做出来的效果让我们的网站变得很单调,很土气。有时就算是多用了色彩也一样的土气,网站使用的色彩并没有层次感,也没有对比。都处在相似的灰度上,所以网站看起来就灰头土脸的。当然我们还可以使用高对比纯色块来做设计,(韩国的网站有很多都是这种手法)这种手法有讨巧的地方,因为相对来说比较简单,但是同样也比较容易被抄袭。但这样的设计缺乏生命力,作为一种风潮,也有点像是快餐,谁都能复制得了。不需要任何的文化作为基垫。当然并不是说这种手法就真的一无是处,这种只能作为一种手法来应用,不能当作是万用灵药到处使。

光用文字来说必然是感觉不到的。那么我们来看看这张图。

我们看到IBM的设计色彩并不多,但是层次感就却是有了。他这里有黑色、淡蓝色、白色、其中黑色与淡蓝色之间的对比较为吸引眼球。并且我们发现黑色是纯黑、而浅蓝色却是属于高亮的那种。这种强对比对人的视觉是有一定吸引力的。并且黑白灰三者都有了。加上三者之间的比例并非均等的。而我们在设计的时候通常会使用一些灰度相近的色彩放在一起,并且饱和度也不高,所以最后出来的作品只能是灰头土脸。这样的网站我就不找例子了,找谁的来说谁也不开心。当然也包括我自己。呵呵,大家可以去我的作品集去找找,一定有那种灰头土脸的东西。

另外我们还可以看到IBM这次新的设计比原来的设计更有立体感,这就是我上面所说的元素层次。这种层次感拉开了浏览者的视觉深度,使得我们的网页不再平 面。虽然也不是3D的效果,但是我相信2D的效果必然会成为网页设计的一个新的趋势。通过2D模拟出视觉立体感,会使得网页设计更有张力,内容也更为丰 富。

而在纯色块的布局之中色彩鲜艳的图片更加显得醒目。这又是一种视觉层次,也可以说是复杂与简单的对比!设计没有什么一定的规律,这里包含的因素有很多。设计得好与不好,重要的是在于设计师对于这个世界的理解有多宽广。所以设计师不能只光顾着加强自己的制作技巧,更要不断的积累自己的文化知识。不断的增加自己的厚度,那样才能设计出更多精彩的作品。我愿于大家一起努力!

蓝色理想阅读地址:http://bbs.blueidea.com/thread-2807267-1-1.html

作者 / 振之
网站 / 毅博客 http://andy.andymao.com/
电话 / (86)025 5890 9295
  • quote 1.Classicning
  • http://www.classicning.com
  • 不小心坐了沙发。

    很需要这种经验谈的文章,我不是专业的,配色的时候总喜欢用一个色调,结果作出来的东西很难有突破,让人眼前一亮的感觉。但是用多个色调我就觉得难以把握,弄不好反而更难看。

  • 2007-11-4 11:51:45 回复该留言
  • quote 2.海溢蔚蓝
  • http://www.aaronsea.cn
  • 看完文章后,带着你的见解看了一下IBM的网站,通过明与暗的色彩重叠搭配,再加上对图片元素添加阴影的运用,的确层次感增强很多!而且改版后的网站还加入了web 2.0特有的反光条,与当下的趋势结合。又从你这里学到了知识,谢谢!
  • 2007-11-5 17:04:50 回复该留言
  • quote 6.evan
  • http://evannan.5dblog.com
  • 其实如果利用你所说的那种错误方法做出来的网站不一定不好看。
    比如说,区块大小完全相同,色彩不同(但同灰度)上的网页,不见得不好看。
    您的观点只适合一部分网站的设计,不是绝对全部的。
  • 2007-11-18 16:14:30 回复该留言
  • quote 7.振之
  • http://www.andymao.com/
  • 世界本无绝对一定的东西,更不要说设计。我只提供基本某种条件下的一般性思考。
    好看与否本身也具有主观性,所以我们很难绝对把握全部。不过,我们可以从中找到一些通性的东西提供给各位作为参考。至于是否能设计出优秀好看的作品还看自己的领悟与技巧。不能全盘的依赖我提供的相关的理论。我文中也说了“设计师不能只光顾着加强自己的制作技巧,更要不断的积累自己的文化知识。不断的增加自己的厚度,那样才能设计出更多精彩的作品”
  • 2007-11-18 20:53:32 回复该留言
  • quote 8.至爱孤独
  • 我就比较倾向于统一的色彩,因为很保守.不会有什么太大的错误,做为一个刚出社会的新人,这种做法很大的程度上是为了保护我的饭碗.
    当然,要是真正做到阁下的色彩层次.我想要有不少的练习吧,这里举例的IBM的网站的出新.就可以很明显的看出色彩层次的重要性.谢谢阁下的文.
  • 2007-12-3 17:49:55 回复该留言
  • quote 16.maryann
  • http://www.raymeo.com
  • 現在看了這例證發現層次感真的是很重要,
    我來遲了。我做的只是固執於強对比,
    現在有新的思維了。

    由 振之 于 2008-7-23 6:28:09 最后编辑
  • 2008-7-23 1:38:08 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog .Theme from Google黑板报 By Washun

Copyright 2005-2007 Jonmax.com. All Rights Reserved.

Search

最新评论及回复

最近发表

资助者链接

  • 欢迎资助毅博客
    请直接发邮件给我,不要加我QQ
    maozhenzhi@gmail.com
    maozhenzhi@163.com