学习笔记:网页设计如何有效利用留白

2015开年就一直在封闭工作的状态,每天没日没夜跟了4场发布会T_T。和来自各个国家的海外同事一起工作的时候发现自己就是一个英语盲。最近节奏总算缓了一点,觉得还是应该多一些时间思考和学习。前一段时间偏重创意和市场的工作,对于设计与交互有点手生,最近在twitter关注了几个好玩的交互设计的twitt,学习之余捡捡英语。

翻译太废时间,把读到的内容做成笔记,希望可以坚持下去:)

今天读的是来自 Tomer Lerner 的一篇《How to Effectively Use Whitespace in Web Design》。和网页设计师沟通的时候总遇到内容太空,内容太满的讨论,所以这篇文章一下子就引起了兴趣。其中有个观点很有意思,就是留白并不是元素间的空白,留白本身就是设计元素。从布局和组织的思路来看留白,这样就不会陷入太空太满的讨论,而是从如何引导用户视线。

有些意思看得也不是特别明白,做个很机械的摘要,如果大家有新的思考请给我留言:)

=== 下面是学习笔记摘要的分割线 ==

网页设计如何有效利用留白

1.设计网页时经常围绕留白纠结

2.留白不是“设计中的空白”(spaces between design)仅仅在元素中间用来填充。留白本身就是一个关键的设计元素。(空元素 empty elements)

3.留白将内容组织在一起,并且在设计中为元素布局

4.聚焦:留白可以聚焦内容,例如google首页的极简设计(minimalistic design)

5.组织:留白是一种干净的组织内容的捷径。用留白组织内容要有一致性(间距,段落,文字,分区等元素),可以先将内容分组思考。用留白来布局很好调整,不妨一试。

6.突出重点:因为用留白布局行程的一致性,稍微调整元素很容易突出出来。

7.留白不一定是白的,也可以是黑的。尤其是切屏设计时,留白设计更好组织和聚焦,简单改变留白颜色就可以更好的布局(这段没太看明白)

 

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注