写给大家看的设计书.ppt

单击此处编辑母版标题样式,编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,写给大家看的设计书,美,robin willianms,写给大家看的设计书,(,第,3,版,),出自一位世界级设计师之手。复杂的设计原理在书中凝炼为,亲密性、对齐、重复,和,对比,4,个基本原则。作者以其简洁明快的风格，将优秀设计所必须遵循的这,4,个基本原则及其背后的原理通俗易懂地展现在读者面前。全书包含大量的示例，让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。,图书简介,4,大基本原则,亲密性,重复,对齐,对比,亲密性,彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。,页面会变得更有条理,清楚地知道从哪里开始，什么时候结束,“,空白,”,（字母以外的空间）也会变得更有组织,把相关的元素分在一组，使它们建立更近的亲密性,亲密性,彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。,把相关的元素分在一组，使它们建立更近的亲密性,每一个元素都与其他所有元素凑在一起，无法看出他们之间的关系，也无从知道这些信息的组织,除了亲密性以外，对标题增加了一些,对比,效果，并让这种对比,重复,出现。,亲密性,彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。,1,2,建立亲密性时，有时需要做一些修改，如需要调整文本大小、字体粗细、图片的大小或放置位置等,对齐,任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观,所有元素都未与其他元素对齐。,存在三组对齐方式，左对齐、右对齐、居中对齐,“,软,”,对齐,“,硬,”,对齐,对齐,任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观,标题和子标题都左对齐，文字介绍是居中对齐,两个文本元素之间没有共同的对齐方式，相互之间没有联系,虽然是还是两种对齐方式，上面左对齐，下面右对齐,但下面介绍文本的左边界与上方标题右边界对齐，用一条看不见的线把两者连接起来,对齐,任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观,找一条明确的线，并用它来对齐,文本右侧和图片左侧的线相互挨着，对齐更明显，空白漂移到了左边,图片标题重新对齐,文本和图片左边都有一条明确的线,在文本和图片之间,“,截留,”,了部分空白，且形状很难看，使得这两个元素被分割了,重复,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。,读到信息末尾时，你的视线是不是会在名片上面四处漫游？,读到信息末尾时，现在你的视线会向哪里移？,会在粗体之间来回跳，可能会，因为重复，把整个作品联系在一起，提供同统一性,重复,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。,找一下重复的元素？,粗字体,细字体,方块项目符号,缩进,间隔,对齐,重复,让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。,重复可以把一个元素从现在的设计中抽取出来，并根据这个元素重新创建一个新设计,-,小圆点,把一个圆点放大,注：重复不要用的太滥，尽量,“,采用多样性实现统一,”,对比,要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就让他干脆,截然不同。千万不要畏畏缩缩。,简洁明快，但是没有啥吸引人的眼球。就无法吸引人去读他,标题和子标题更突出、更粗字体，且下面增加一个黑色线条，重复强调对比,新闻题目重复字体，更粗,对比,要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就让他干脆,截然不同。千万不要畏畏缩缩。,存在两种对齐方式：居中和左对齐,各段之间间隔太相似,布局不一致，日期有时在左边，有时在右边,职位与正文混在在一起,只保留一种对齐方式：左对齐,明显的标题，有哪些要点,段落间隔大于段落内部文本间隔，（对比,+,亲密性）,职位和学位采用粗体，对比使人易抓住重点,对比,要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就让他干脆,截然不同。千万不要畏畏缩缩。,4,大基本原则,亲密性,重复,对齐,对比,复习,不要畏畏缩缩。,不要害怕在设计（或生活）中留空白，这能让你的眼睛（以及心灵）稍作休息。,不要害怕设计是不对称的，使用非居中的格式，不居中往往能使效果更强烈。尽管不建议使用居中，不过有意这么做也无不可。,不要害怕把文字设置得非常大或者非常小，不用担心说话太大声或太小，在合适的场合这都可以。,只要最后的结果能支持和强调你的设计或观点，不要害怕让图片太大或太小。,复习,不要畏畏缩缩。,亲密性,对齐,重复,对比,Thank you!,