《排版与设计.ppt

b 目录 什么是秀米 文字排版 颜色运用 稿件编辑 图片选择 模板编辑实例 目录 对比 对比的基本思想是，要避免页面上的大元素太过相似。如果元素（字体、颜色、大小等）不相同，那就干脆让他们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。 重复 让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。 目录 对齐 任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。 亲密性 彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。 亲密性 什么是亲密性？ 当稿件中含有多个元素时，将相关的项目组织在一起，物理位置的接近就意味着存在着关联。 亲密性 如果多个项相互之间有很近的亲密性，他们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性意味着存在关联。 如果把类似的元素组织为一个单元，马上就会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外，“空白”（字母以外的空间）也会变得更有组织。 亲密性 你在读微信的时候，有没有读到某个地方感觉文章已经完结后向下滑动许久却发现居然还有文字？又或者不知道文章究竟会在什么时候完结？ 亲密性不仅仅应用于元素之间的结合，排列。也作用于文字之间。在插入图片时，是否考虑过会打散段与段之间的联系？这张图片中所拥有的信息元素是否与文本贴合？ 亲密性 在排版过程中，你很清楚其中哪些信息在逻辑上存在关联，知道哪些信息应当强调而哪些信息不用强调。可以通过分组形象地表现着这种信息。 你为什么会认为其中一场讲座会与另外两场不同？原因就在于，其中一场讲座与其他讲座是分开的。 亲密性 想想一篇新闻的标识有什么？ 时间 地点 人物 事件（起因、经过、结果） 小结 利用亲密性就是分组，把具有亲密性的项归在一组，形成一个视觉单元。要有意识地注意你是怎样阅读的，你的视线怎样移动：从哪开始；沿着怎样的路径；到哪里结束；读完之后，接下来看哪里。整个过程应当是一个合理的过程，有确定的开始，就要有确定的结束。 小结 根本目的 实现组织性 如何实现 通读全文，看看你的眼睛有几次停顿，思维有几次转换。一般每次停顿与转换就是这篇文章的重心。如果整篇文章的元素过多，就要看看是否需要重新划分段落排版，以及是否需要调整文章布局。 小结 要避免的问题 避免一个页面上有太多的孤立元素 不要在元素之间留出同样大小的空白，除非各组同属于一个子集 标题、子标题、图表标题、图片能否归入其相关材料？这个问题上一定要非常清楚，哪怕只有一点含糊都要尽量避免。有很亲近的元素之间建立联系。 对齐 任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。（文字，图片） “软”边界 “硬”边界 边界的强度为布局提供力度。外观清晰，效果分明。 对齐 居中是一个正式稳妥的排版方式，但是正因为如此，他过于中规中矩，而且乏味。 例1：过于乏味的排版会影响人们对其的第一印象 例2：尽管作者的名字离题目很远，但那条看不见的线提供了强有力的对其基准，可以将这两个文本块链接在一起。 对齐 当然，我并非建议你绝对不要居中！但是，目前秀米提供的字体只有一种，他过于呆板，如果居中则容易显得俗套。 如果你打算居中 1、将文本居中，但是文本块不居中 2、将文本放在页面的上方，下处留白，增加紧张性 3、在一个很正式的居中布局中设置一种非常随意、有趣的字体。 对齐 这段文本为左对齐。 有人称之为方形左对齐， 或者就成为左对齐。 这段文本为右对齐。 有人称之为方形右对齐， 或者就称之为右对齐。 对齐 这段文本居中。 如果想将文本居中，就做得明 显一些。 在这一段中很难区分文本 是有意居中还是无意为之。 每一行的长度不相同，不过 它们并非完全不同。如果 不能立刻区分出文本是否居中， 又何必那么麻烦地将其居中呢？ 对齐 对齐 例1： 找一条明确的对齐线，并坚持以它为基准。如果文本左对齐，则标题和子标题也设置为左对齐。 按照惯例，每段都缩进。将一个段落缩进的目的是为了告诉你这里有一个新的段落。 对齐 如果有插入一张图片，可以沿着图片的这个直边与文本的平边对齐。 对齐 小结 根本目的 使页面统一而且有条理。效果类似于把客厅四处零落的洋娃娃捡起来，并把它们放在一个玩具箱中。 如何实现 要特别注意文本放在哪里。应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距甚远。