写给大家看的设计书-课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《写给大家看的设计书-课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 写给 大家 设计 课件
- 资源描述:
-
1、写给大家看的设计书The Non-Designers Design BookThe Non-Designers Design Book第一讲:设计原则2优秀的设计优秀的设计就这么容易123学习学习4 4大基本原则。大基本原则。它们比你想像得要简单。认识到自己没有运用这些原则。认识到自己没有运用这些原则。形诸文字-陈述问题。应用基本原则。应用基本原则。结果将使你大吃一惊。3n对比(Contrast)基本思想是,避免页面上元素太过相似。如果元素,如字体、颜色、大小、线宽、形状和空间等不相同,就让它们截然不同。n 对齐(Alignment)每个元素都应与页面上另一个元素有某种视觉联系。在对齐很明显的
2、基础上,可以偶尔打破对齐规则。n重复(Repetition)可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等,增加条理性和加强统一性。n 亲密性(Proximity)彼此相关的项应当靠近,归组在一起。若多个项之间存在很近的亲密性,它们会形成一个视觉单元,而不是多个孤立的元素。设计的四大原则41亲密性原则实现组织性实现组织性5也许光从字面上来说,版式设计中的“亲密性”似乎不太好理解,正常的情况下,我们都会把“亲密性”理解为人与人之间的关系的一种表现,事实上在版式设计中的“亲密性”的确也有类似人与人之间的关系的意思。也正是印证了那句话物以类聚,人以群分!“亲密性”的原则即是将逻辑上存在
3、关联的元素排列组合在一起,使其被看作是一个密切相关的整体,而不是一堆杂乱无章的元素。亲密性6n从书中所给的例子,可以看出版式设计中的“亲密性”实际上是对信息的分类整理。即是通过这个“亲密性”原则,对页面中出现的杂乱无章的元素重新组合,使其有一个清晰明了的结构,可以让读者在最短的时间内获取页面中的正确的内容。亲密性7进行“亲密性”原则设计的第一步,即是对元素的归类组合,将页面中所需要出现的元素按照某种逻辑进行归类划分,对于同一组合内的元素在物理位置上赋予其更近的距离,而不同组合之间的物理位置显然要更远。这也是页面留白设计的一个核心。然而对于一个页面的设计来说,仅仅只是依靠“亲密性”原则并不能解决
4、问题,除了“亲密性”之外,在页面的设计中还需要使用到对齐、对比、重复等原则,“亲密性”只是版式设计的第一步,更多的意义是在于对元素的组织性上。亲密性8 亲密性9 亲密性小结如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识的注意你是怎样阅读的,你的视线怎样移动:开始 路径 结束;读完后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束。n 根本目的 实现组织性。将相关的元素建立亲密性,更容易阅读,更容易被记住,还可以使空白更美观。10 亲密性小结n 如何实现 眯起眼睛,统计眼睛停顿的次数,来数数页面上有多
5、少元素;n 要避免的问题 不要仅仅因为有空白就把元素放在角落或者中央;避免一个页面上出现太多的孤立元素;不要在元素之间留出同样大小的空白,除非各组属于同一个子集;在有很近亲密性的元素间建立关系;不属于一组的元素不要建立关系,分开。112对齐原则使页面统一且有条理使页面统一且有条理12n如果说亲密性原则是对元素的归类组合,是将元素之间逻辑理解上的差异在视觉上表现出来,是属于信息分类的话,那么对齐原则即是在视觉上串起这些差异化元素组合之间的那根线,即是保证元素之间的统一性。n虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远的距离表现出来,但对于同一个页面内的元素组合而言,它们都是围
6、绕着同一个主题核心的,它们的差异性在逻辑上只是同一个主题的不同属性而已,所以需要一种方式,让页面中的所有元素看上去统一、有联系而且彼此相关,将这些不同元素之间的关联在视觉上表达出来。这种方式,即是对齐。对齐13n对齐的方式可分为左对齐、右对齐、居中对齐以及两端对齐。虽然对齐的方式有多种,但并不意味着可以在一个页面中使用多种对齐方式,那样只会让页面中的元素显得凌乱,而在页面中只使用一种对齐方式将会使页面统一而有条理。n在这四种对齐方式里,左对齐或是右对齐是最经常被使用到的,而对于有一定行长的文本而言,两端对齐也是一个好的方式,而居中对齐则是四种对齐方式中最不推荐使用的对齐方式。因为对于读者而言,
7、居中对齐可能导致视线的跳跃性太大,尤其是当页面中存在大量文本,那简直就是一种灾难。对齐14n在明白对齐的规则之后,可以试着有意识的去打破这个规则,然而即使是打破对齐规则的设计,在更大的范围之内依然是遵循着对齐原则的。n从左边这个图中可以看出,那一小段引用的文本,虽然在页面的元素之间是打破了对齐规则的,但是其仍然与标题是左对齐的。对齐15 对齐16 对齐小结n根本目的 使页面统一且有条理,就是要把丢在到处的书收在一个架子上的意思。n如何实现 每个元素都能找到与之对齐的元素。n要避免的问题 不要用混合对齐,就是用了右对齐就别用居中了。不要用居中!因为很呆。173重复原则统一并增加视觉效果统一并增加
8、视觉效果18n通过亲密性原则,我们可以将一个页面中的元素按照某种逻辑理解上的差异划分成不同的元素组合;再通过对齐原则,使这些不同的元素组合在视觉上看起来彼此相关。n不同的元素组合之间的关系可以是平等的、从属的或是毫不相关的,这些元素组合之间的关系在视觉上仅靠亲密性原则以及对齐原则并不能完整的呈现。比如两个平等关系的元素组合,虽然通过亲密性原则使其之间保持一定的距离,再通过对齐原则使其在一个页面中看起来彼此相关,但如果这两个元素组合使用不同的字体以及字号,我们依然无法从视觉上辨别出它们之间的关系。n拥有良好的组织性,同时保证了元素间的统一性,但很有可能缺乏一致性。这样的页面设计会成为妨碍读者通过
9、视觉快速获取页面正确的内容的关键。这就需要使用到第三个原则重复原则。重复原则19n同样的顶线及底线、同样是两端对齐的方式、同样的字体及字号,还有三角形。这两个页面有太多相同的东西,所以很容易从视觉上快速判断出这两张纸是属于同一本书里的内容。这就是重复的力量!重复原则20重复原则并不仅仅只是表现在字体上,页面中任何一个元素都可以成为设计中重复的对象:字体、字号、颜色、图案,甚至是版式。犹如在上一个对齐原则中所说的一样,规则是可以打破的。在设计中使用到的重复元素并没有规定必须保证高度的一致性,高度的一致性很有可能会导致页面设计的呆板无趣。同样的字体及字号,可以使用不同的颜色;同样的形状,可以使用不
10、同的大小这些都是可以使重复性在页面上的运用不会那么枯燥的方法。就像大部分单一的设计都会让人感到无趣一样,在设计中使用单一的重复元素,仍然会让设计显得枯燥无味,然而物极必反的道理也是通用的,过多的使用重复元素则会让页面显得凌乱。这里就涉及到一个对比度的问题。重复原则21 使作品具有一致性的方法就是对形状、颜色或某些数值进行重复。当你看到一个设计元素在一个平面里,其不同部分被反复应用,我们的眼睛自然就会跟随着它们,有时就算它们并不是放在一起,但我们的视觉仍会将它们视作是一个整体。我们会潜意识地在它们之间画上连线。n应用重复最简单的方法就是在海报的背景中创造一个图案然后重复应用。在背景中这些重复的图
展开阅读全文