◆ 第1章 引言 >> 对比(Contrast)对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正是它能使读者首先看这个页面。重复(Repetition)让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。对齐(Alignment)任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。亲密性(Proximity)彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。 ◆ 第2章 亲密性 >> 把相关的元素分在一组,使它们建立更近的亲密性 >> 亲密性的使用很微妙,不过相当重要。布局的时候一定要明确元素和其所属元属是否在一起,留意无关元素。 >> 空白可以表达关系,所以直接的暗示就是最后三种花是不同的。只要瞥一眼就能从页面上得到这么多信息,这可真是奇妙。所以,你的责任就是要确保读者获得正确的信息。 >> 避免一个页面上有太多孤立的元素。 不要在元素之间留出同样大小的空白,除非各组同属于一个子集。 标题、子标题、图表标题、图片能否归入其相关材料?在这个问题上一定要非常清楚(哪怕只有一点含糊都要尽量避免)。在有很近亲密性的元素之间建立关系。 不同属一组的元素之间不要建立关系!如果元素彼此无关,要把它们分开。 不要仅仅因为有空白就把元素放在角落或中央。 ◆ 第3章 对齐 >> Robin对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。 >> 尽管你可能通过分开放置某些元素来指示它们的关系(使用亲密性原则),但对齐原则很“神奇”,它会告诉读者,即使这些项并不靠近,但它们属于同一组。 >> 对齐可以制造出一个安静的中心,它的表达更清晰,我们知道该做什么。 >>  如果想让文本居中,尝试一下用另外某种方式使它更生动。 >> 创造水平和垂直的对齐。 同时圈出广告中的空白 >> 找一条明确的对齐线,并坚持以它为基准。如果文本左对齐,则标题和子标题也设置为左对齐。 >> 检查有没有稍稍越过边界的插图,有没有在照片下居中的图题,有没有未与文本对齐的标题,有没有没和任何其他元素对齐的线,或者居中文本和左对齐文本是否同时出现。 >> 要避免在页面上混合使用多种文本对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。 另外,要着力避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式,但是不要把它作为默认选择。 ◆ 第4章 重复 >> 你原先可能使用过一些提供一致性的元素,充分利用那些元素,将这些元素变成重复性的图片符号。你的新闻简报中所有标题都是14磅大小的Times加粗字体吗?能不能引入一种非常粗的无衬线体,比如说让所有标题都是16磅的Antique Olive Black字体?这里的做法是,把已有的重复元素取出,让这些元素效果更强、更生动。通过把重复表现得更明显,这样不仅页面看上去更有趣,还能在视觉上增强其条理性和一致性。 >> 重复元素 ❑ 粗字体 ❑ 细字体 ❑ 方块项目符号 ❑ 缩进 ❑ 间隔 ❑ 对齐 这里包含一些明显的重复元素,从而清楚地指出它的主要内容,除此以外,设计者可能还会在其求职信设计中采用其中一个或多个元素。 >> 重复性元素并不必须是图形或者剪贴画。可以是空白、线、字体、对齐,或者任何你有意重复的东西。 >> 在上面的卡片中,标题的字体相同,但颜色不同(多样性的统一)。说明文字的字体各不相同,但都相当时尚。 要确保有足够多重复的元素,这样差异才会明显,而不是一团糟。 >> 设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品,否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用,对于多页文档的设计更显重要(对此我们通常称之为保持一致)。 ◆ 第5章 对比 >> 要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。 Robin对比原则指出:页面上的不同元素之间要有对比效果,达到吸引读者的对比效果。 >> 对比不仅可以用来吸引眼球,还可以用来组织信息、清晰层级、在页面上指引读者,并且制造焦点。 可以采用多种方式产生对比。如大字体与小字体的对比;典雅的旧式体与加粗的无衬线体产生对比;细线与粗线的对比;冷色与暖色的对比;平滑材质与粗糙材质的对比;水平元素(如很长的一行文本)与垂直元素(如又高又窄的一列文本)的对比;间隔很宽的文本行与紧凑在一起的文本行形成对比;小图片与大图片的对比,等等。 >> 要增加有意思的对比,最容易的方法就是实现字体对比(这也是本书第二部分的重点)。不过不要忘记,还可以利用线、颜色、元素之间的间隔、材质等形成对比。 >> 如果新闻简报中使用了又高又窄的列,就应当在水平方向有一些突出的标题,在页面上形成对比。 将对比与重复相结合,如页码、标题、项目符号、线或空间布局,从而在整个出版物中建立一种强烈的统一标识。 >> 在设计原则中,对比最有意思,同时效果也最为显著! >> 找出页面上最有意思的东西,或者最重要的东西加以强调! >> 把信息分组为一些逻辑组。合理利用空间(不要用框),将各项分开或者联系起来。 ◆ 第7章 颜色运用 >> 色轮上相对(即完全对立)的颜色为互补色。由于它们如此对立,所以最佳搭配是一种作为主色,另一种用于强调。  >> 除了红、黄、蓝构成的基色三色组以外,所有三色组中的三种颜色都有基础色使其相互连接,因此看上去非常协调。  分裂互补三色组 另一种形式的三色组称为分裂互补三色组。从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。这样得到的组合会有一种更为细致的颜色边界。以下是这种组合的两个例子。  >> 类似色 类似色组合由色轮上彼此相邻的颜色组成。不论组合两种颜色还是三种颜色,它们都有相同的基础色,这就形成了一个协调的组合。用不同的亮色和暗色组合一组类似色(亮色和暗色将在下一页解释),效果相当醒目!  >> 暗色和亮色 到目前为止,我们使用的基本色轮只涉及纯“色调”,也就是纯色。还可以向不同色调增加黑色或白色,这样能大幅扩展这个色轮,相应地丰富我们的选择。 ❑ 纯色就是色调。 ❑ 向色调增加黑色就构成一个暗色。 ❑ 向色调增加白色就构成一个亮色。  以下显示了这些颜色在色轮中的分布。你看到的是一个个离散的色带,但实际上颜色是连续渐变的,从白色到黑色之间有无限多种颜色。  >> 单色组合由一种色调及其相应的多种亮色和暗色组成。 你可能对单色主题已经很熟悉了,所有黑白照片都是由黑色(即“色调”,不过实际上黑色并不是一种“颜色”)和多种亮色或者有不同灰度的暗色组成。我们已经知道,这种组合能呈现多么美丽的图画。所以,可以在设计项目里使用一种单色组合,尽享其中的快乐。  这里有一个紫色色调以及相应的多种暗色和亮色。实际上,即使是单色印刷,也能产生多色的效果;可以使用黑色的不同暗色和亮色,然后再用选择的墨色打印。  这张明信片只是利用黑色的不同亮色制作的。 >> 色质是指某种颜色的特定明暗度、深浅度或色调。在以下第一个例子中可以看到,如果色质很接近,看上去会有些模糊不清,对比太过微弱。如果在一个复印机上复印下面这些例子,将无法看清文本。 如果设计要求使用有类似色质的色调,一定要尽力避免它们挨在一起,另外每种色调的用量也不要完全相同。  显而易见,这些深色的色质过于接近。  现在对比要明显多了;产生这种对比是由于色质有差别。由于某些情况下可能会有点问题(例如,灰白亮色上的白色装饰),为此,我加了一点阴影将这两个元素分开。对页上因为深红色文本在黑色背景下看起来很费劲,所以我把色质变淡。 >> 冷色趋于做背景色,而暖色是趋进型的。暖色不费多大功夫就能产生效果,红色和黄色能立即映入你的眼帘。所以,如果要组合暖色和冷色,一定要少用些暖色。 >> 使用类似色,保持一种沉着冷静的感觉,也可以使用互补色增加视觉活力。 >> 关于CMYK和RGB需要记住的是: ❑ 需要印刷的项目应当使用CMYK; ❑ 需要在屏幕上看的内容则应使用RGB。 >> 采用RGB的文件较小,而且Photoshop中的一些技术只适用于RGB(或者使用RGB表现最好,速度更快)。不过如果在CMYK和RGB之间来回切换,每次都会损失一点数据,所以最好用RGB处理图像,最后再把它们转换为CMYK。 ◆ 第8章 更多提示与技巧 >> 建立标识性包装时,最重要的特性之一是需要遵循重复原则:每一件作品中都必须有某个标识性图像或某种标识性风格。 >> 如果你有很多信息的话,就要考虑竖直的名片。 >>  使用大标题或大图画。 用有冲击力的方式使用有趣的字体。 把文本分成几栏,每栏都靠左或靠右。 可以把传单上的主体文字缩小。如果你在一开始就抓住了读者的注意力,他也会去阅读小字的。 >> 不要用Helvetica或Arial字体。计算机所带的Helvetica或Arial字体不够突出,不能产生一种强烈的对比。应当采用一种同时包括粗黑版本和细版本的无衬线体系列(如Eurostile、Formata、Syntax、Frutiger或Myriad) >> 设计明信片时,对比可能是最好的朋友了。标题应当与其余文本形成强烈对比,打印的颜色之间以及打印颜色与纸料颜色之间也应当有强烈的对比。另外不要忘了空白也能产生对比的效果 >> 学会控制字母间、行间、段间、标题和副标题、制表符和缩进之间的空间。我之所以不停地强调,是因为间距是业余作品和专业作品的区别。 >> 反色设置字体时往往要使用稍大稍粗的字体,这是因为视觉幻觉会使反色文字看上去要小一些,细一些 ◆ 第二部分 字体设计 >> 字体才是设计的根本 ◆ 第9章 字体的基本规则 >> 你可能还习惯于在想强调的词语下画下划线。尽量别这样做,因为还有其他更专业的可以表示强调的方式:粗体字、大号字,不同的字体,颜色,或者把这些方式组合起来使用。 >> 字号越大,空间调整就越重要。不当的字间空格不仅看起来既幼稚又不专业,而且还会破坏词语之间的连贯性。 ◆ 第10章 字体(与人生) >> 如果只使用一个字体系列,在样式、大小、字体粗细等方面没有什么变化,就会产生一种协调的关系。保持页面的协调性很容易,而且看上去这种安排很平和,非常正式,有时也可以认为相当乏味。 ❑ 如果结合使用了多种字体,它们在样式、大小、字体粗细等方面很类似(但并不相同),就会出现一种冲突的关系。这种相似性会造成困扰,因为我们所看到的不完全一样(协调),但也并非完全不同(对立或对比),所以它们是冲突的。 ❑ 如果结合的多种字体和元素彼此之间截然不同,就会出现一种对比关系。引人注目的亮丽设计往往包含大量对比,而且这些对比会得到充分强调。 ◆ 第12章 字体对比 >> 利用粗细来形成对比,就不要保守。如果对比不强烈,看上去只会像是一个失误 >> 由于所有手写体和斜体都有一种倾斜或飘逸的形状,要记住重要的一点,不要结合使用两种不同的斜体或者两种不同的手写体,也不要结合使用斜体和手写体。这样做只会带来冲突——它们存在太多的相 >> 请千万不要在角落里放有角度的字体。  向右向上倾斜的字体产生一种前进的力量。向下倾斜的字体会产生一种反向的力量。 >>  有时字体方向的突然改变会产生显著的影响,或者提供一种独特的格式,这是使用字体方向的一种很好的理由。 >> 如果布局中可能存在方向的对比,那就做充分强调。比如在水平方向使用一种扩展字体,而在垂直方向使用一种高字体。可以通过增加额外的行间距强调垂直方向,如果合适,还可以设置比原计划更窄的列突出垂直方向。 实现字体方 >> 暖色(红色、橙色)是前进型的,会引起我们的注意。目光很受暖色的吸引,所以只需很少的一点红色就可以产生对比。另一方面,冷色(蓝色、绿色)则是远离型的,总是在我们的视线中后退。即使更大的区域内都是冷色你也未必能注意到;实际上,需要更多的冷色才能产生有效的对比。 ◆ 第13章 你掌握了吗 >> 过程 做一个设计或者重新设计时,先从哪里开始? 从中心点开始。确定希望读者最先看什么。除非你已经决定要建立一个非常协调的设计,否则就应该创建一个有强烈对比的中心点。 将信息分组。按逻辑进行分组,确定这些组之间的关系。通过组之间的靠近与否(亲密性)来显示这些关系。 在页面上组织文本和图片时,要建立并维护明确的对齐。如果能看到一个明显的边界,如照片边界或垂直线条,可以通过其他文本或对象的对齐来加强这个边界。 创建重复,或者找出可以重复的项。为建立重复,可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复力度。 除非你已经决定创建一种协调的设计,否则一定要建立强烈的对比,这样会吸引读者的视线。要记住,对比要黑白分明。如果页面上的所有一切都又大又粗,很华丽,那么根本不存在任何对比!不论通过更大更粗来建立对比,还是通过更小更细形成对比,关键是要有所不同,这样才能引人注目。
说明 · · · · · ·
表示其中内容是对原文的摘抄