写给大家看的设计读书笔记

《写给大家看的设计书》RobinWilliams[美]罗宾·威廉姆斯读书分享关于作者罗宾·威廉姆斯(RobinWilliams)是世界著名的设计师、技术专家和畅销书作家。通过写书和授课，她已经影响了整整一代数字设计师。同时，作为Adobe和Mac技术社区内的偶像级专家，她拥有大批的拥戴者。她是PublishMagazine、AdobeMagazine等杂志的专栏作家。是MacWorldExpo等业界重要活动和组织的顾问委员会成员。还创办了SantaFe电影艺术学院。除本书外，她还著有几十部畅销图书和获奖著作，包括TheNon-Designer'SWebBook、RobinWilliamsDesignWorkshop、TheLittleMacBook等，有的书已被翻译为15种文字。产生了世界性的影响。关于本书在这个创意无处不在的时代，越来越多的人需要成为设计师。简历、论文、做演示用的PowerPoint、个人主页、博客、社团活动海报、给客户的信函或者电子邮件……。处处都在考验你的设计能力。在设计大师RobinWilliams看来，设计其实很简单。在这部畅销全球多年、影响了一代设计师的经典著作中，RobinWilliams将优秀设计的秘诀归纳为对比、重复、对齐和亲密性四条基本原则，并用简洁通俗、幽默生动的文笔，同时配以大量经过修改进行前后对比的实例图解和设计练习（并提供解答），直观清晰地传授给读者。通过《写给大家看的设计书》，普通读者很快就能够自信地设计出专业级别的作品，而专业设计师也将从中获得灵感和解决问题的途径。思维导图约书亚树一旦能说出什么东西的名字,就很容易注意到它。你就会掌握它,拥有它,使它在你的控制中。设计的目的是为了向用户更好地表达信息，并且将信息以更好地视觉效果呈现出来，书中介绍的四大原则（亲密性、对齐、重复、对比）就是为以上目的服务的，好的设计往往也就是因为很好的满足四大原则。四大原则1.相关性是指哪些元素更加相关，哪些元素没那么相关，可以通过控制元素间的距离来管理（亲密性原则）2.不同的元素之间可能距离远近不同，可以通过为不同的元素制造某种对齐来实现即便如此它们也是整齐有序的（对齐原则）3.一致性是指哪些信息在整体上是属于同一级别/类别等，可以通过为一致的信息设计相同（相似）的视觉元素来管理（重复原则）4.重要性是指对用户来说哪些信息更重要，可以通过制造视觉上的对比来管理（对比原则）亲密性对齐重复对比四大原则亲密性根本目的：实现组织性同一个页面上通常会摆放很多元素，亲密性原则倡导通过物理距离来管理同一个页面上不同元素之间的关联性，相关性高的元素应该紧挨在一起，相关性低的元素之间应该保持一定的距离。亲密性原则解决的问题是如何将我们需要呈现的信息更有条理（突出相关性）的展现在用户面前。四大原则亲密性让具有相关性的设计元素适当靠近，形成一个视觉单元。有助于组织信息，让结构更加清晰。(1)左图，版面上的一堆元素关系不明确。我们会认为他们之间没有关联。(2)右图，让有关系的元素适当靠近，我们很容易知道他们之间是有联系的。四大原则亲密性如何实现如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。微微眯起眼睛，统计眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3～5个（当然，这取决于具体情况），就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。要避免的问题1.不要仅仅因为有空白就把酒吧元素放到角落或中央2.避免一个页面上有太多的孤立的元素3.不要在元素之间留出同样大小的空白，除非各组同属于一个子集4.标题、子标题、图表标题、图片能否归入其他的资料自由亲密性的元素之间建立联系5.不属于同组的元素要分开，不要仅仅因为有空白就把元素放在角落或中央。四大原则对齐根本目的：实现秩序性页面上的不同元素之间会因为关联性不同而会有不同的物理距离，对齐原则倡导的是将这些不同元素建立视觉上的某种联系，而不是被随意的摆放，建立这种联系的方式就是为元素寻找某种对齐。对齐性原则解决的问题是如何将要呈现的信息有秩序的展现在用户面前四大原则对齐元素之间在版面上，形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。版面若不存在一定对齐关系，会让整个版面显得杂乱无章。四大原则对齐元素之间在版面上，形成某种视觉联系。建立一种清晰、精巧、而且清爽的外观。当我们以一定的关系，对元素进行对齐。我们很容易对信息进行解读。四大原则对齐如何实现1.不建议初学者轻易使用居中对齐2.尽量只使用一种对齐方式3.页面上每一个项都应该与其他项存在某种对齐4.标题和正文对齐的雷区要避免的问题1.要避免在页面上同时使用多种对齐方式2.要尽量避免居中对齐，除非你有意识的想要创建一种比较正式的、稳重的表示。并不是完全杜绝使用居中对齐，有时可以有意识的使用这种对齐方式，但不要把它作为默认的选择。四大原则对齐如何实现1.不建议初学者轻易使用居中对齐如果文本为左对齐或右对齐，让文本联系在一起的那条看不见的线会更明确，因为现在有一条“硬”的竖边。这就使左对齐和右对齐的文本看起来外观更清晰、效果更分明。四大原则对齐如何实现2.尽量只使用一种对齐方式在得到更多培训之前，一定要坚持一个原则：只使用一种对齐方式。页面上只使用一种文本对齐，所有文本都左对齐，或右对齐，或者全部居中。四大原则对齐如何实现3.页面上每一个项都应该与其他项存在某种对齐在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放，则按其基线对齐。如果有多个单独的文本块，则对齐其左边界或右边界。如果有图片元素，将其边界与页面的其他边界对齐。4.标题和正文对齐的雷区绝对不要在左对齐的正文或缩进的文本上方将标题居中。如果文本没有明确的左边界和右边界，就无法区分标题是否确实居中，看起来它只是悬挂着而已。四大原则重复根本目的：让元素重复出现，目的就是统一，并增强视觉效果。重复原则倡导通过通过视觉元素的重复来更好的组织信息（通常针对单页作品）和增强作品的整体性（主要是对多页作品）。(1)左图，同样的信息，不经过重复分组，整体很难获取到信息的中心和重点。(2)右图，当我们对对信息进行“重复”分组。读者很容易从中获取到有用的信息。四大原则重复如何实现1.从标题和子标题入手要创建重复元素，可以从标题和子标题入手，这是一个很好的起点，因为这些元素很可能在某个方面是一致的。2.其他可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分。要避免的问题要避免太多地重复一个元素，重复太多会让人讨厌。四大原则重复如何实现1.从标题和子标题入手要创建重复元素，可以从标题和子标题入手，这是一个很好的起点，因为这些元素很可能在某个方面是一致的。2.其他可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分。要避免的问题要避免太多地重复一个元素，重复太多会让人讨厌。四大原则重复重复是指设计的内容中有些方面需要在整个作品中重复，重复的元素可能是字体、颜色、格式等。在设计中，我们常常将将权重相等的内容用相同的性质表现出来。重复的目的是统一，并增强视觉效果，但要避免过多地重复一个元素，让人感觉不太舒服，要注意对比的价值。四大原则重复颜色、图标、构图等重复出现，页面的一致性得到提升四大原则对比根本目的：增强页面效果、有助于信息的组织各种元素（字体、颜色、大小、线宽、空间…）不相同，就让它们彻底不同。(1)左图，它们之间有对比，但是很弱。让人有种觉得是不是作者选错了字体，而不会认为是特意选择的。(2)右图，要不同，我们就让它们“大大的不同”。四大原则对比如何实现1.常用的对比方式要增加有意思的对比，最容易的方法就是实现字体对比（这也是本书第二部分的重点）。不过不要忘记，还可以利用线、颜色、元素之间的间隔、材质等形成对比。要避免的问题如果两个项不完全一样，干脆让他们截然不同。如果两个元素虽然不同，但是区别不大，这时候就不是对比了，而是冲突。不应该用12磅大小的字体与14磅大小的字体进行对比。四大原则对比要避免页面上的元素太过类似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。四大原则小结作者总结了好设计遵循的四大基本原则，它们可以帮助我们更好地提升自己的设计水平，比如制作简历、PPT，甚至是写一篇文章（本文贴的图基本都没做好对齐……）；它们也可以帮我们更客观的去评价我们见到的作品，而不只是简单的说出自己的主管感受。另外，作者在介绍理论的同时给出了很多具体的例子帮助读者更好地理解四大原则，非常值得一读。颜色和字体颜色和字体是设计作品中最常使用的元素之一，作者同样深入浅出的介绍了如何为作品选择合适的颜色组合和字体组合。实例实例实例实例隔行间隔均匀，充满整个画面看不出各行内容之间的联系YourAttitudeIsYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9如何实现亲密性？实例如何实现亲密性？•隔行间隔均匀，充满整个画面•看不出各行内容之间的联系YourAttitudeIsYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9实例如何实现亲密性？•隔行间隔均匀，充满整个画面•看不出各行内容之间的联系YourAttitudeIsYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9通过设置不同间隔来指示各项的接近程度或关系重要性。实例如何实现对齐？居中对齐是一种合法的对齐方式，但边界是“软”的，看不出“对齐线”的强度。而文本左对齐或右对齐能够让文本联系起来的线更明确。文本外观更清晰、效果更分明。YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9实例如何实现对齐？居中对齐是一种合法的对齐方式，但边界是“软”的，看不出“对齐线”的强度。而文本左对齐或右对齐能够让文本联系起来的线更明确。文本外观更清晰、效果更分明。YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9实例如何实现对齐？居中对齐是一种合法的对齐方式，但边界是“软”的，看不出“对齐线”的强度。而文本左对齐或右对齐能够让文本联系起来的线更明确。文本外观更清晰、效果更分明。YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9能否更进一步实例如何实现重复？标题与作者名（字体）重复，可以增强它们之间的联系小三角的颜色重复，有助于把设计中的不同部分联系在一起实例如何实现重复？黑色框的添加，增加了字体与背景、标题、作者名与其他项目的对比YourAttitudeisYourLifeLessonsfromraisingthreechildrenasasinglemomRobinWilliamOctober9YourAttitudeisYourLifeRobinWilliam谢谢观看THANKYOU