空间感和立体感

michaelpst：页面为什么没层次 没立体感(图文)

社区评论：http://bbs.68design.net/viewthread.php?tid=11745&pid=61279&page=1&extra=page%3D1 没见过这么弱智的教程，抽了10分钟，做了个弱智的图，写点弱智的文。相信高手看到肯定会出来谴责反驳以下，没办法，本人还不是高手，不过如果他日我也成了高手，肯定也出来谴责一下，表示高手应有的威风~ 回题 看到不少朋友对太平，没层次，没立体感...这样的回复，表示不解(当然是新手贴里)。本人本着复习的心理，随便搞了张图，把过程的图分别截了下来，讲讲简单的立体与层次是怎样可以实现。 开始了，高手看到这就可以离开了。 001.图 很多做出来的东西(画面)太过平淡、平面、平常、就如这图，一层底色，一层内容(可以是文字，可以是装饰的图片，可以是版块)，因为没有空间感和立体感。 002.图 一个东西或者画面，有没有立体感，是需要对比才出来的。要他出现空间感，首先要使它有前有后有左有右，例如我加了点透视的线在下面，画面马上就有了空间感，但主体还没有立体感。(转到web设计里，也是一样，就是制造一个有前后关系的背景。) 003.图 加了透影和上面的一个面，主体的立体感就出来了(回到web里，经常有见到些光线方向都不一致的元素乱放在一起，完全不合逻辑的，哪来的画面和谐呢？ 要注意元素的光源统一，当然你可以自己修改的，我自己就经常用加深减淡工具来改变元素的高光暗面等，当然要在一眼看不出来的前提下。) 004.图 多加了几个立方体，使画面上的前后关系更好地表现，弱智说一句，注意调节景深，哪怕是有一点点表示，都比完全没有的要好得多(回到web里，这点小小的技巧，其实很经常性地用在banner设计、个性点的版面设计。) 005.图 再傻瓜式地加个logo和menu，估计就像个网站了，其实网站和平面设计基本上没啥大区别，只是多了交互部分，当然这个要说起来，也很多东西说。 006.图 最后，再假装一下高手，做点细节。(把位置挪了一下，背景前后关系强化一下)最后的图虽然啥都不是，但不会被说没有空间感和立体感。注意，我这贴不是教做图，也不是说网站应该做成这样子，而是说空间感可以通过这样的方法去营造，可以举一反三，千万别真做个这样的透视线去制作，应该没有这么傻这么天真的新手吧？ 本文转自：http://www.68design.net/Notice/35544-1.html