快好知 kuaihz

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

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

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

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

网盘下载:数据银行  微盘

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

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像素高(便于页面打印)。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:设计书  设计书词条  写给  写给词条  思维  思维词条  笔记  笔记词条  读书  读书词条  
修养管理需要

 如果你还没死的话

对那些人来说,这一切都是这么开始的,你也不会例外:脑袋背后一阵阵莫名的瘙痒、身体左侧的不适、淋浴时摸到的一个肿块。然后这越来越难以忽视。然后就是医生的门诊、朋友...(展开)

修养管理领导力

 读《我行我素》

乔布斯有句名言,叫“追随你的内心”,其实这话也有一个中文版本,叫我行我素,另外一个近义词是特立独行,大家都知道前者似乎是个贬义词,后者最近也开始正式成为一个贬义...(展开)