Robin Williams《写给大家看的设计书》思维导图读书笔记

 

分享一本设计、排版入门方面的经典书籍《写给大家看的设计书》。Robin Williams把复杂的设计原理在书中凝炼为亲密性、对齐、重复和对比4 个基本原则。这本书就象书名一样,适合非设计专业的大多数人阅读,讲述的最常用的版式设计,只要你写文章就会对你有帮助,同时书中把很复杂的概念用一些例子来解释,很容易理解。

本Blog以前分享过Robin Williams在这本书之后写的:《写给大家看的PPT设计书》思维导图读书笔记

思维导图作者:phoenix_lzq (感谢他的分享和投稿)

文件格式:MMAP   制作软件:MindManage

点击下面的图片,查看全书内容:

Robin Williams《写给大家看的设计书》思维导图读书笔记 www.write.org.cn

网盘下载:数据银行  微盘

出处:http://book.douban.com/review/2922459/

作者:曦@ka

C-1 设计的四大原则——记住它,发现它,应用它!

对比(Contast)__避免元素太相似,突出重点

重复(Repetition)__增加条理性、加强统一性

对齐( Alignment)__建立清晰、精巧、清爽的外挂

亲密性(Proximity)__组织信息,减少混乱,结构清晰

C-2 亲密性

将相关的东西组织在一起,能缩短用户查看的时间,减少遗漏的信息,一目了然。

当然,正确的排版,重点的突出,留白等都是体现“亲密性”的仲要手段了~

书里面提到,边框是直角的话,会给人更简介、更突出的感觉,有种“硬硬的”感觉~

——嗯~也许以后一个页面里面应该在不同情况下选择试用不同的边框了,“直角”?“圆角”?……

经常看到一些国外网站,图标或者模块超出了边框,原来目的是让它们更突出、显眼~

——这个似乎在国内网站上很少看到,Why?

原来通过微微眯起眼,就能更容易统计到眼睛在页面停顿的次数,也就相当于页面当时有多少个元素,一般的页面3—5个够已~

注意:

避免一个页面有太多孤立的元素

非属同一个子集,不要在元素间留出同样大小的空白

C-3

对齐

原则:任何元素都不能再也没上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。

这个原则似乎是那么的理所当然了,但不同的对齐方式会给人什么不一样的感觉呢?

广州XXX广告有限公司

更专业团队

更多的销售渠道

更好的网络营销专家

广州XXX广告有限公司

更专业团队

更多的销售渠道

更好的网络营销专家

居中对齐:联系文本的线条是“软”的,布局乏味

左对齐:显示了一条“硬”边界,布局更有力,更清晰

另外,同一页面使用同一对齐方式(剧中/左、右对齐),元素间会更有联系!找一条明确的对齐线,并坚持以它为基准。

(发现这是常犯的毛病,文字和图片共存时,似乎往往很习惯的把图片居中了,呵呵~)

C-4 重复

总的来说,重复可以使人觉得各部分是统一的,有助与组织信息,给作品带来专业性和权威性。

但重复并非只是一个元素,或者同一个颜色等,指的是多样性重复。

重复需适度。

大概总结了一下啊书里面的观点,东西不多,其实一般情况很自然的会用到,但现在知道它以后,就必须有意识地去使用它了~

C-5 对比

读完了这一章,我脑海里清楚记得的一句话:如果两个项不完全相同,就应当使之截然不同,千万不要畏畏缩缩。

有效的对比可以增强页面的效果,有助于组织信息

有效的对比可以抓住人的眼球,可以让人留下深刻的印象

C-6

这本书好的地方还在于,它不光告诉你原理,当原则说完以后它还会在第6章马上帮你去复习了!

会用的东西才是你的东西~哈哈!

C-7 颜色运用

在这章里说了很多基本的概念,下面我归纳下色轮中的最基本的一些颜色,不过最重要还是自己看看色轮,想想,就自然明白了。

三原色:红黄蓝

三间色:橙紫绿

第三色:橙红 紫红 橙黄 黄绿 蓝紫 蓝绿

(书中紫红=紫罗兰色,蓝绿=水绿色,为方便记忆我稍微改了下名)

互补色:色轮上对立的颜色。(太多,不列了,多想想色轮自然知道了~哈哈)

——互补色中最好一种作为主色一种用于强调

三色组:三原色+三间色+(橙红、黄绿、蓝紫)+(橙黄、蓝绿、紫红)

——这种组合让人觉得舒服

分裂互补三色组:色轮上的一个颜色+这个颜色互补色的左右两侧颜色。

——这个组合得到更细致的颜色边界

类似色:色轮上彼此相邻的颜色组成。(分环向相邻和纵向相邻,纵向相邻即加白后的亮色和加黑后的暗色,纯色即色调)

暖色(包括红色、黄色)趋于前进,冷水(蓝色)趋于后退,加红、黄可使颜色变暖,加蓝色可使颜色变冷。

但要少用些暖色,用更多的冷色才能产生或形成效果。

CMYK:cyan(一种蓝)、Magenta(一种红)、Yellow(黄)、Key(通常为黑)——印刷用颜色模型

RGB:Red、Green、Blue——web用颜色模型

C-8 更多提示与技巧

第8章看完了,Robin分门别类的说了一些关于名片、信纸、web站……的设计技巧。

阅读完以后,感觉还是万变不离其中,只是Robin有意的一次又一次的重复,加深读者的记忆。需要使用到最多的是对比、对齐和重复(特别是web站)

例子中使用的对比往往是字号、字体之间不同所产生的对比,还有就是图片的大小和安放。相信作者的一句话:只要能第一时间吸引读者的眼球,内容的字即使小一些也是愿意阅读的。

下面在记录一下Robin对web设计的提醒:

1.不要对文本或图片链接试用默认的蓝色。这绝对是业余水平页面的标志。

2.不要把文本链接放在有边框的粗笨表单元格中。

3.正文不要采用粗体,也不要占据整个页面宽度:800像素宽×600像素高(便于页面打印)。


本Blog开通微信平台:微信号码 read01 用微信的可以关注一下。

 

读书笔记』推荐使用Email的方式订阅,也可通过Google ReaderQQ阅读鲜果等RSS工具阅读;

想加入讨论或查看以前的精彩文章请直接访问http://www.write.org.cn我经常在这几个地方出没,Twitter  豆瓣  :新浪  腾迅   ,有问题随时留言

如果你使用QQ邮箱请点击订阅到QQ邮箱 中订阅这个博客和战隼的学习探索 订阅到QQ邮箱 ,帮忙给博客打5分.

我想有更多的人来参加这个分享计划,让大家都可以分享自己阅读心得,让你学到更多。

你可以了解一下这个博客能帮助你做些什么:如何有何的利用思维导图笔记  和 怎样有效的应用思维导图以及作用体现在哪?

现在只有很少的几个人来投稿。希望大家帮助这个BLOG扩大影响力,感谢你们,投稿信箱:warfalcon@gmail.com 

新读者分享:可能你刚刚看到这个博客,一定会有些疑问:什么叫思维导图,有什么好处和如何做思维导图?

请点击阅读:什么是思维导图?  用思维导图记笔记的益处  如何对一本书做思维导图 如果你还想了解更多的思维导图问题,请阅读  思维导图扩展阅读



发表评论

电子邮件地址不会被公开。 必填项已用*标注