+ -
当前位置:首页 → 问答吧 → 分享网页设计的一些基础和诀窍,新手必读

分享网页设计的一些基础和诀窍,新手必读

时间:2010-10-12

来源:互联网

大家好,我叫夏涛,是一位网页设计师,我的博客叫“两点一线” http://liangdianyixian.com/

在未来的几周里我会在这里和大家分享一些关于网页设计的技巧和感想。每篇我都会限制在100-200字左右。

第一篇:留白

我认为留白是世界上做便宜的奢侈品,比LV什么的便宜多了,但是很多设计师却不知道怎么使用,
以至于设计出来的网页一眼看过“挤”的很,眼睛都不知道应该看什么。

很多人认为留白就是放很多空白的地方在设计中,或者觉得设计中用留白会给人很“空”的感觉,
如果你有这样的想法那就说明你还没有领悟什么是真实的留白和留白在设计中的作用。

留白的应用也可以提升你设计的“档次”。请看示意图三:看了这两则广告,你会发现右边的产品给人比较“高级”的感觉,为什么呢?答案是留白。有机会看看LV的广告或是宣传手册,留白一般都占这个篇幅的60%以上

要点
1. 留白的面积要合理。
2. 当你希望某个部分"STANDS OUT"“突出”的时候,可以考虑使用留白。而不是一味的加个背景颜色,或是过着把字体改成黑体。
3. 当你在某部分用了留白后,记得尽量要补回来,这样会给人一种视觉上的反差。(请看实际应用的例子 http://liangdianyixian.com/issue-one/  我把年代表左边的留白在副标题2002年的时候“补”回来了。)
4. 字的行间(LEADING)也是留白的一部分。要给行与行之间一定的空间,在排印(Typography)里面的说法“要让你的字拥有属于他们自己的呼吸空间”。(我的行距是1.68EM 在文章中  http://liangdianyixian.com/issue-one/ )

我把上面说的理论基本上都应用在http://liangdianyixian.com/issue-one/ 的设计里面了,可以看看,想想。(这是在设计中使用留白的例子,而不是关于留白的文章)

附件的第二张贴图是我设计一个作品的一部分,留白的应用也是处处可见的。

今天先说到这里,请什么问题请在这里或是我的博客留言。

夏涛 - 两点一线 http://liangdianyixian.com/

[ 本帖最后由 liangdianyixian 于 2010-10-12 10:01 编辑 ]

附件

tao.jpg (8.64 KB)

2010-10-12 09:11

夏涛

Design SandBox_1286847497537.gif (57.15 KB)

2010-10-12 09:39

图三.jpg (33.59 KB)

2010-10-12 09:52

作者: liangdianyixian   发布时间: 2010-10-12

留白真的是网页中不可缺的元素!!   可是我没看到你说的留白文章?

[ 本帖最后由 tengmaike 于 2010-10-12 09:22 编辑 ]

作者: tengmaike   发布时间: 2010-10-12

http://liangdianyixian.com/issue-one/
可以打开吗?

作者: liangdianyixian   发布时间: 2010-10-12

没看到说留白的文章。。

作者: tengmaike   发布时间: 2010-10-12

引用:
原帖由 tengmaike 于 2010-10-12 09:24 发表
没看到说留白的文章。。
我是把留白应用到实际设计中(http://liangdianyixian.com/issue-one/),而不是再写一篇关于留白的文章。

作者: liangdianyixian   发布时间: 2010-10-12