写给大家看的设计读书笔记教学文案
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
关于本书
在这个创意无处不在的时代,越来越多的人需要成为设计师。简历、论文、做演示用的PowerPoint、个人 主页、博客、社团活动海报、给客户的信函或者电子邮件……。处处都在考验你的设计能力。
在设计大师RobinWilliams看来,设计其实很简单。在这部畅销全球多年、影响了一代设计师的经典著作中, RobinWilliams将优秀设计的秘诀归纳为对比、重复、对齐和亲密性四条基本原则,并用简洁通俗、幽默生 动的文笔,同时配以大量经过修改进行前后对比的实例图解和设计练习(并提供解答),直观清晰地传授 给读者。通过《写给大家看的设计书》,普通读者很快就能够自信地设计出专业级别的作品,而专业设计 师也将从中获得灵感和解决问题的途径。
要避免的问题
1.要避免在页面上同时使用多种对齐方式 2.要尽量避免居中对齐,除非你有意识的想要创建一种比较正式的、稳重的表示。并不是完全杜绝使用居中对齐,有时 可以有意识的使用这种对齐方式,但不要把它作为默认的选择。
四大原则
对齐
如何实现
1. 不建议初学者轻易使用居中对齐 如果文本为左对齐或右对齐,让文本联系在一起的那条看不见的线会更明确, 因为现在有一条“硬”的竖边。这就使左对齐和右对齐的文本看起来外观更 清晰、效果更分明。
四大原则
对齐
根本目的:实现秩序性
页面上的不同元素之间会因为关联性不同而会有不同的物理距离,对齐原则倡导的是将这些 不同元素建立视觉上的某种联系,而不是被随意的摆放,建立这种联系的方式就是为元素寻 找某种对齐。
对齐性原则解决的问题是如何将要呈现的信息有秩序的展现在用户面前
四大原则
对齐
元素之间在版面上,形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。
要避免的问题
1.不要仅仅因为有空白就把酒吧元素放到角落或中央 2.避免一个页面上有太多的孤立的元素 3.不要在元素之间留出同样大小的空白,除非各组同属于一个子集 4.标题、子标题、图表标题、图片能否归入其他的资料自由亲密性的元素之 间建立联系 5.不属于同组的元素要分开,不要仅仅因为有空白就把元素放在角落或中央。
《写给大家看的设计书》
RobinWilliams [美]罗宾·威廉姆斯
读书分享
关于作者
罗宾·威廉姆斯(Robin Williams)是世界著名的设计师、技术专家和畅销书作家。 通过写书和授课,她已经影响了整整一代数字设计师。同时,作为Adobe和 Mac技术社区内的偶像级专家,她拥有大批的拥戴者。她是Publish Magazine、 Adobe Magazine等杂志的专栏作家。是Mac World Expo等业界重要活动和组 织的顾问委员会成员。还创办了SantaFe电影艺术学院。除本书外,她还著有 几十部畅销图书和获奖著作,包括TheNon-Designer'S Web Book、Robin Williams Design Workshop、The Little MacBook等,有的书已被翻译为15种 文字。产生了世界性的影响。
思维导图
约书亚树
一旦能说出什么东西的名字,就很容易注意到它。你就会掌握它,拥有它, 使它在你的控制中。
设计的目的是为了向用户更好地表达信息,并且将信息以更好地视觉效 果呈现出来,书中介绍的四大原则(亲密性、对齐、重复、对比 )就是 为以上目的服务的,好的设计往往也就是因为很好的满足四大原则。
四大原则
亲密性
1. 相关性是指哪些元素更加相关,哪些元素没那么相关,可以通过控制元素间 的距离来管理(亲密性原则)
对齐
2.不同的元素之间可能距离远近不同,可以通过为不同的元素制造某种对齐来 实现即便如此它们也是整齐有序的(对齐原则)
重复
3.一致性是指哪些信息在整体上是属于同一级别/类别等,可以通过为一致的信 息设计相同(相似)的视觉元素来管理(重复原则)
对比
4.重要性是指对用户来说哪些信息更重要,可以通过制造视觉上的对比来管理 (对比原则)
Hale Waihona Puke Baidu
四大原则
亲密性
根本目的:实现组织性
同一个页面上通常会摆放很多元素,亲密性原则倡导通过物理距离来管理同一个页面上不同 元素之间的关联性,相关性高的元素应该紧挨在一起,相关性低的元素之间应该保持一定的 距离。
亲密性原则解决的问题是如何将我们需要呈现的信息更有条理(突出相关性)的展现在用户 面前。
版面若不存在一定对齐关系,会让整个版面显得杂乱无章。
四大原则
对齐
元素之间在版面上,形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。
当我们以一定的关系,对元素进行对齐。我们很容易对信息进行解读。
四大原则
对齐
如何实现
1. 不建议初学者轻易使用居中对齐 2. 尽量只使用一种对齐方式 3. 页面上每一个项都应该与其他项存在某种对齐 4. 标题和正文对齐的雷区
四大原则
如何实现
2. 尽量只使用一种对齐方式 在得到更多培训之前,一定要坚 持一个原则:只使用一种对齐方 式。页面上只使用一种文本对齐, 所有文本都左对齐,或右对齐, 或者全部居中。
对齐
四大原则
如何实现
3.页面上每一个项都应该与其他项存在某种 对齐 在页面上放其他项时,一定要确保每一项都 与页面上的其他项存在某种对齐。如果文本 行水平摆放,则按其基线对齐。如果有多个 单独的文本块,则对齐其左边界或右边界。 如果有图片元素,将其边界与页面的其他边 界对齐。 4. 标题和正文对齐的雷区 绝对不要在左对齐的正文或缩进的文本上方 将标题居中。如果文本没有明确的左边界和 右边界,就无法区分标题是否确实居中,看 起来它只是悬挂着而已。
四大原则
亲密性
让具有相关性的设计元素适当靠近,形成一个视觉单元。有助于组织信息,让结构 更加清晰。
(1) 左图,版面上的一堆元素关系不明确。我们会认为他们之间没有关联。 (2) 右图,让有关系的元素适当靠近,我们很容易知道他们之间是有联系的。
四大原则
亲密性
如何实现
如果多个项相互之间有很近的亲密性,它们就会成为一个视觉单元,而不是 多个孤立的元素。 微微眯起眼睛,统计眼睛停顿的次数来数一数页面上有多少个元素。如果页 面上的项超过3~5个(当然,这取决于具体情况),就要看看哪些孤立的元 素可以归在一组建立更近的亲密性,使之成为一个视觉单元。