最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

前端书籍PDF下载《写给大家看的设计书》

XAMPP下载 admin 64浏览 0评论

前端书籍PDF下载《写给大家看的设计书》

《写给大家看的设计书》出自一位世界级设计师之手。复杂的设计原理在《写给大家看的设计书》中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。《写给大家看的设计书》包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。《写给大家看的设计书》适用于各行各业需要从事设计工作的读者,也适用于有经验的设计人员。

et0000084

书名:《写给大家看的设计书》_ 第3版
作者:Robin Williams 著 / 苏金国 李盼 等译
出版社:人民邮电出版社

链接:https://pan.baidu.com/s/1e8FtlpxjZssincKTQMtLow
提取码:b541
复制这段内容后打开百度网盘手机App,操作更方便哦
P 1~86
第一章 引言
p5
四大基本原则
对比(Contrast)
重复(Repetition)
对齐(Alignment)
亲密性(Proximity)
《写给大家看的设计书》
对比:同一画面里,不同类型的内容在表现手法上做出区分——差异性
重复:同一画面里,相同类型的内容使用相同表现手法——同一性
对齐:同一画面里,不同元素要使用相同的对齐方式来建立一定的规范——统一性
亲密性:同一画面里,拉近相关元素的距离,组成一个整体,凸显结构——同域性

 

第二章 亲密性
p12
如果某些元素在理解 上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。除此以外,其他孤立的元素或元素组则不应存在亲密性。位置是否靠近可以体现出 元素之间是否存在关系。

p24
亲密性的根本目的是实现组织性。
《写给大家看的设计书》
作为设计师,在实际工作中接到一个需求,首先需要向诉求方进行沟通,整理内容(当然也可能是产品经理的角色去进行,但设计尽量理解需求),着手设计之前,一般会将相关联的内容进行分类(即书中所说“亲密性”),应用到设计中。从而使整体更有条理,方便阅读。当然,亲密性实现的方式是多种多样的,并不单一指增大模块间的距离(比如缩进、字体、字号、颜色等等,但选择要适度)。当然距离产生的留白会使设计更有呼吸感,更美观,并且能够提高阅读效率及舒适性。
非设计师在制作PPT、写论文、写报告,或者超市员工对商品进行分类摆放的工作时,亲密性同样适用。它能够给观看者带来更有条理的内容展示、一场流畅的演讲,抑或是一次舒适的购物体验。
这也印证了一句话——设计来源于生活。我们能做的就是把其中精髓提炼总结出来,为己所用。

 

第三章 对齐
p27
对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的 某个内容存在某种视觉联系。

p28
居中对齐会创建一种更正式、更稳重的外观,这种外观显得更为中规中矩,但通常也很乏味。

p34
坚持一个原则:只使用一种对齐方式。

p42
应当找一条明确的对齐线,并用它来对齐。如果有一张照片或图片(有明确的直边),可以沿着照片的这个直边与文本的平边对齐。

p46
统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系 而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带。
《写给大家看的设计书》
一般情况下,对齐方式的优先级为:左对齐 > 右对齐 > 居中对齐
左对齐:就阅读习惯来说,左对齐能让内容呈现更为清晰。
右对齐:貌似更常为设计所用,以提高内容的视觉效果。
居中对齐:更多在封面(书籍、报刊、论文等)中出现。
边界强度:为需要整理的内容砌一堵牢固的墙。

 

第四章 重复
p47
设计的某些方面需要在整个作品中重复。
利用 重复将一系列出版物从视觉上系为一体。

p49
把已有的重复元素取出,让这些元素效果更强、更生动。通过把重复表现得更明显,这样不仅页面看上去更有趣,还能在视觉上增强其 条理性和一致性。

p60
设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品, 否则这些部分只是彼此孤立的单元。
重复的目的就是统一,并增强视觉效果。
《写给大家看的设计书》
重复元素:字重;项目符号;缩进;间距;对齐等。
重复,可以使页面总体维持一定的统一性。特别是对于多页面的物料产出,或是文档编排。
书中有一个例子,某一品牌在周边物料(名片、信笺、信封)上使用了同样的布局、设计、元素、字体、排版以体现其相关性。同样的,在我们制作产品文档或品牌规范中,适度的重复,可以增强其统一性、规范性。也无形中在增强了品牌形象。
但是重复要适度,不可太抢眼,大面积的重复容易给人廉价的复制粘贴的感觉。
让重复做为主内容的点缀,带给设计韵律感。

 

第五章 对比
p61
页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。

p65
如果使用了对比,不仅页面更吸引人,文档的目的和组织也会更一目了然。

p69
使用对比性原则的同时,还用到了其他一些原则:亲密性、对齐和重复。这些原则合理搭配才会有好的整体效果。设计页面时很少只使用某一种原则 。

p76
在页面上增加对比能吸引人的眼球。
对比的根本目的,一是增强页面的效果,二是有助于信息的组织。
对比一定要强烈。
《写给大家看的设计书》
对比似乎是一种不太容易驾驭的设计方法。于我而言,在工作和学习中几乎很难使用到对比的手法。设计过程中总是在努力去保持画面的统一(即上文所说的亲密性、对齐和重复)。然而书中在对比的章节至少有三次强调“对比要强烈”或是“干脆让它们截然不同”。
当然,本书的一大特点就是设计范例特别多,在书中强对比与弱对比的设计范例中能非常强烈的感受到强对比的优势——增强吸引力。
但要注意的是,对比与其他设计手法是相辅相成的。如果在设计中使用到了对比,就不得不考虑到其整体性。

 

第六章 4大基本原则复习
p77
设计的指导原则:不要畏畏缩缩。
留白能让眼睛稍作休息;不对称能使效果更强烈。

p78
亲密性:设置不同的间隔来指示各项的接近程度或关系的重要性。除了可创造 出更漂亮的页面外观,亲密性也可以令表达更清晰。

p79
对齐:只有在对齐很明显的基础上,才可以选择偶尔打破对齐规则。

p80
重复:重复有助于增强读者对设计所表示的实体的认知度。

p81
对比:可以采用多种方式增加对比。

p86
专业的设计人员总是会“借取”其他理念,在调整中逐步变成你自己的设计。
《写给大家看的设计书》
本章基本上是对前面所述的四大基本原则进行了复习巩固,其中使用了大量的实际案例来训练我们的视觉敏感度。
在从事设计的学习和工作中,大量的去查阅、收集高水准的设计案例,能有效的提升个人的视觉水平。
当然了,单纯的收集并不会取得显著的效果,你可能只增加了辨别某一设计作品是否“好看”的能力。
努力收集,并针对收集的作品进行优点总结,多问问自己,这个作品中的哪一部分吸引了我们,使用什么方式实现了这一效果,如有时间,在自己的工作或练习中亲自进行尝试,为己所用。久而久之,设计能力也会得到相应的提高。

 

以上即为目前所读书籍的笔记,引用部分摘录了我认为书中比较有价值含量的内容。个人感悟部分仅在目前的工作和学习中作引申。也欢迎大家在评论区分享自己的感受和见解~

转载请注明:XAMPP中文组官网 » 前端书籍PDF下载《写给大家看的设计书》