设计4 大基本原则.docx
《设计4 大基本原则.docx》由会员分享，可在线阅读，更多相关《设计4 大基本原则.docx（35页珍藏版）》请在冰豆网上搜索。
设计4大基本原则
第一章引言
约书亚树：
一旦能够说出什么东西的名字，就会很容易注意到它。
你就会掌握它，拥有它，让它受你所控。
4大基本原则（CRAP）
对比（Contrast）
对比的基本思想是，要避免页面上的元素太过相似。
如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。
要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。
重复（Repetition）
让设计中的视觉要素在整个作品中重复出现。
可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。
这样一来，既能增加条理性，还可以加强统一性。
对齐（Alignment）
任何东西都不能在页面上随意安放。
每个元素都应当与页面上的另一个元素有某种视觉联系。
这样能建立一种清晰、精巧而且清爽的外观。
亲密性（Proximity）
彼此相关的项应当靠近，归组在一起。
如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。
这有助于组织信息，减少混乱，为读者提供清晰的结构。
第二章亲密性
Robin亲密性原则是指：
将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。
就像实际生活中一样，亲密性（即紧密性）意味着存在关联。
亲密性的使用很微妙，不过相当重要。
布局的时候一定要明确元素和其所属元属是否在一起，留意无关元素。
亲密性原则并不是说所有一切都要更靠近，其真正的含义是：
如果某些元素在理解上存在关联，或者相互之间存在某种关系，那么这些元素在视觉上也应当有关联。
除此以外，其他孤立的元素或元素组则不应存在亲密性。
位置是否靠近可以体现出元素之间是否存在关系。
亲密性小结
如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。
彼此相关的项应当归在一组。
要有意识地注意你是怎样阅读的，你的视线怎样移动：
从哪里开始；沿着怎样的路径；到哪里结束；读完之后，接下来看哪里？
整个过程应当是一个合理的过程，有确定的开始，而且要有确定的结束。
根本目的
亲密性的根本目的是实现组织性。
尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组建立更近的亲密性，就能自动实现条理性和组织性。
如果信息很有条将更容易阅读，也更容易被记住。
此外还有一个很好的“副产品”，利用亲密性原则，还可以使空白（这是设计者们最喜欢的）更美观（也更有条理）。
如何实现
微微眯起眼睛，统计眼睛停顿的次数来数一数页面上有多少个元素。
如果页面上的项超过3～5个（当然，这取决于具体情况），就要看看哪些孤立的元素可以归在一组建立更近的亲密性，使之成为一个视觉单元。
要避免的问题
避免一个页面上有太多孤立的元素。
不要在元素之间留出同样大小的空白，除非各组同属于一个子集。
标题、子标题、图表标题、图片能否归入其相关材料？
在这个问题上一定要非常清楚（哪怕只有一点含糊都要尽量避免）。
在有很近亲密性的元素之间建立关系。
不同属一组的元素之间不要建立关系！
如果元素彼此无关，要把它们分开，不要仅仅因为有空白就把元素放在角落或中央。
第三章对比
Robin对齐原则是指：
任何元素都不能在页面上随意安放。
每一项都应当与页面上的某个内容存在某种视觉联系。
对齐原则要求特别小心，再不能像从前那样，只要页面上刚好有空间就把元素随意“扔”到那里。
居中对齐：
是初学者最常用的对齐方式，这种对齐看起来很安全，感觉上也很舒服。
居中对齐会创建一种更正式、更稳重的外观，这种外观显得更为中规中矩，但通常也很乏味。
在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。
如果文本行水平摆放，则按其基线对齐。
如果有多个单独的文本块，则对齐其左边界或右边界。
如果有图片元素，将其边界与页面的其他边界对齐。
绝对不要在页面上随意摆放元素！
如果文档的外观差强人意，可能最大的毛病就是没对齐。
我们的眼睛喜欢看到有序的事物，这会给人一种平静、安全的感觉。
此外也有助于表达信息。
作为优秀的设计，都可以在对齐的对象间画出“对齐线”，即使这些设计总体表现为汇集了大量奇特的内容，甚至动感十足，这种“对齐线”也很明确。
//////////////////
作为更为专业的设计，明确的对齐很关键，但这一点通常被遗漏。
请检查每一个元素，确保它与页面上的另外某个元素存在某种视觉联系。
//////////////////
重申一句：
应当找一条明确的对齐线，并用它来对齐。
如果有一张照片或图片（有明确的直边），可以沿着照片的这个直边与文本的平边对齐，如下图所示。
//////////////////
如果设计中的对齐很明确，那么可以有意识地打破对齐，而且一定要表现出这是意的。
技巧就在于，打破常规对齐时不要怯懦，一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。
千万不要保守。
对齐小结
任何元素都不能在页面上随意摆放。
每个元素应当与页面上的另外一个元素存在某种视觉联系。
在设计中，统一性是一个重要的概念。
要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。
尽管这些孤立元素在页面上的物理位置可能并不靠近，但是通过适当放置，可以让它们看上去是有联系而且相关的，并且与其他信息统一。
可以看看你喜欢的那些设计。
一个精美的设计不论最初看上去多么杂乱无章，总能找出其中的对齐方式。
根本目的
对齐的根本目的是使页面统一而且有条理。
其效果类似于把客厅里四处零落的洋娃娃捡起来，并把它们放在一个玩具箱中。
不论创建精美的、正式的、有趣的还是严肃的外观，通常都可以利用一种明确的对齐（当然，要结合适当的字体）来达到目的。
如何实现
要特别注意元素放在哪里。
应当总能在页面上找出与之对齐的元素，尽管这两个对象的物理位置可能相距很远。
要避免的问题
要避免在页面上混合使用多种文本对齐方式（也就是说，不要将某些文本居中，而另外一些文本右对齐）。
另外，要着力避免居中对齐，除非你有意识地想要创建一种比较正式、稳重（通常也更乏味）的表示。
并不是完全杜绝使用居中对齐，有时可以有意地选择这种对齐方式，但是不要把它作为默认选择。
第四章重复
Robin重复原则指出：
设计的某些方面需要在整个作品中重复。
重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。
读者能看到的任何方面都可以作为重复元素。
重复不只是自然的一致，还是一种统一设计各个部分的有意识的行为。
需要创建包括多页的出版物吗？
重复是使这些页合为一体的主要因素。
读者打开文档时，他应当能充分且明显地感受到第3页和第13页确实是同一个出版物的一部分。
//////////////////
重复有助于组织信息，可以帮助读者浏览各个页面，也有利于将设计中单独的部分统一起来。
即使在一个只有一页的文档中，重复元素也可以建立一种连续性，将文档“整个捆在一起”。
如果在创建一个多页的、作为一个精美包装一部分的文档，充分使用重复就很关键。
//////////////////
通常还可以增加实际上与页面主题没有任何关系的重复元素。
例如，在一个调查表单上放入一些石刻字符；在报告中增加一些奇模怪样的鸟；在整个出版物中通过不同方式显示一些特别漂亮的字符，如设置不同规格的大字体，采用灰色或浅色，或者采用多种不同的角度。
只要确保，作品看起来是有意为之，而不是乱七八糟就行了。
重复最大的好处是使各项看起来同属一组，虽然元素看起来都不完全相同。
由此可以看出，一旦建立一组关键的重复项。
你就可以变换这些项并仍可保持一致的外观。
重复性元素并不必须是图形或者剪贴画。
可以是空白、线、字体、对齐，或者任何你有意重复的东西。
重复小结
设计中视觉元素的重复可以将作品中的各部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。
重复不仅对只有一页的作品很有用，对于多页文档的设计更显重要（对此我们通常称之为保持一致）。
根本目的
重复的目的就是统一，并增强视觉效果。
不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。
如何实现
重复可以认为是保持一致性，而且我相信你早已经这样做过。
现在，需要把现有的一致性更向前推进一步。
可不可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分？
在每个页面底部或每个标题下面使用一条粗细为1磅的线吗？
或者是不是使用一条更粗的线（4磅），使重复元素显得更明显、更生动？
再看看有没有可能增加一些纯粹为建立重复而设计的元素。
是不是有一个编号项列表？
可不可以使用另外一种字体或逆序数字，然后对出版物中的每一个编号列表都重复同样的处理？
最初，可以只是找出现有的重复，然后将其加强。
熟悉了这种思想之后，再开始创建新的重复元素，来增强设计的效果并提高信息的清晰度。
重复就像是强调你的衣着。
如果一位女士穿着一件可爱的黑色晚礼服，戴着一顶别致的帽子，她可能会用红色高跟鞋、红色口红和一朵红色小花来突出她的晚礼服。
要避免的问题
要避免太多地重复一个元素，重复太多会让人讨厌。
要注意对比的价值（请看下一章以及有关字体对比的章节）。
例如，如果这位女士想穿黑色晚礼服，配红帽子、红耳环、红口红、红色手提包、
红鞋和一件红上衣，重复就太滥了，现在的对比不再有统一的效果，感觉上也让人不太舒服，太多的重复将混淆重点。
第五章对比
Robin对比原则指出：
页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。
如果两个项不完全相同，就应当使之不同，而且应当是截然不同。
对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点。
对比对于信息的组织至关重要，读者一眼看到文档就能立即理解文档的内容。
注意，如果使用了对比，不仅页面更吸引人，文档的目的和组织也会更一目了然。
你的简历是别人对你的第一印象，所以一定要做得出色。
不管一个好的设计有多复杂或多简单，大概都会有某种形式的对比吸引了你的眼球，你会感到确实有人花时间好好设计了这个页面。
一旦熟悉了这些基本原则，就应该开始更进一步，激励自己想出更多的创意。
对比小结
在页面上增加对比能吸引人的眼球。
我们的眼睛喜欢看到对比的事物。
如果页面上放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不能类似。
要实现有效的对比，这两个元素必须截然不同。
对比就像需要修补一处漆记时配漆一样，不能大概地配色，颜色要么配得完全相同，要么就得把整面墙都重漆一遍。
我的祖父（酷爱掷蹄铁游戏）总是说：
“只有在掷蹄铁和手榴弹游戏中‘几乎击中’才算赢。
”（在其他方面，仅仅“几乎达到”是不算数的。
）
根本目的
对比的根本目的有两个，这两个目的相辅相成，无法分开。
一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。
另一个目的是有助于信息的组织。
读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。
对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。
如何实现
可以通过字体选择（见下一部分）、线宽、颜色、形状、大小、空间等来增加对比。
增加对比很容易，途径有很多，这可能是增加视觉效果最有意思也最让人满意的方法了。
重要的是：
对比一定要强烈。
要避免的问题
不要犹豫。
如果你想形成对比，就加大力度。
不要将一种粗线与一种更粗的线进行对比。
不要将棕色文本与黑色标题建立对比。
要避免使用两种或多种类似的字体。
如果各个项不完全一样，干脆让它们截然不同！
第六章4大基本原则复习
有关设计（同时也是有关生活）的一个更一般的指导原则是：
不要畏畏缩缩。
ˆ不要害怕在设计（或生活）中留有空白，这能让你的眼睛（以及心灵）稍作休息。
ˆ不要害怕设计是不对称的，使用非居中的格式，不居中往往能使效果更强烈。
尽管不建议使用居中，不过有意这么做也无不可。
ˆ不要害怕把单词设置得非常大或非常小，不用担心说话声太大或者太小。
在合适的场合这都是可以的。
ˆ只要最后的结果能支持或强调你的设计或观点，不要害怕让图片太大或太小。
亲密性
如果项彼此相关，就把它们分在一组，建立更近的亲密性。
相互之间没有直接关联的项要分开。
设置不同的间隔来指示各项的接近程度或关系的重要性。
除了可创造出更漂亮的页面外观，亲密性也可以令表达更清晰。
对齐
应当注意放在页面上的每一个元素。
要保证整个页面是统一的，将每个对象与另外某个对象的一个边界对齐。
只有在对齐很明显的基础上，才可以选择偶尔打破对齐规则。
在这种情况下打破常规对齐看上去不会是个失误。
重复
重复是更能保证一致性的一种方式。
可以看看现在已经重复的元素（项目符号、字体、线条、颜色等），是不是可以让其中某个元素更突出，把它作为重复元素。
重复还有助于增强读者对设计所表示的实体的认知度。
对比
这一页上的例子比前页上的例子更能吸引你的眼球，不是吗？
产生这种效果的原因就是对比，即分明的黑白对比。
可以采用多种方式增加对比。
本书的第二部分就讨论字体对比的有关内容，这是所有伟大平面设计的基础。
小结
专业的设计人员总是会“借取”其他理念，他们总在寻找灵感。
如果你在设计一个传单，可以先找一份你确实非常喜欢的传单，采用它的布局。
只需使用你自己的文本和图片，就能把原来别人的传单变成你自己独一无二的设计。
另外，可以找一个你喜欢的企业名片，把它调整为你自己的企业名片。
还可以找你喜欢的一个新闻简报，适当修改把它变成你自己的新闻简报设计。
在这种调整中，它就会逐步变成你自己的设计。
第七章颜色运用
互补
色轮上相对（即完全对立）的颜色为互补色。
由于它们如此对立，所以最佳搭配是一种作为主色，另一种用于强调。
分裂互补三色组
另一种形式的三色组称为分裂互补三色组。
从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。
这样得到的组合会有一种更为细致的颜色边界。
类似色
类似色组合由色轮上彼此相邻的颜色组成。
不论组合两种颜色还是三种颜色，它们都有相同的基础色，这就形成了一个协调的组合。
用不同的亮色和暗色组合一组似色（亮色和暗色将在下一页解释），效果相当醒目！
注意色质
色质是指某种颜色的特定明暗度、深浅度或色调。
第八章更多提示与技巧
创建名片、信笺和信封共有的一致图像
如果还计划创建一个信笺以及与之匹配的信封，那么这三样需要同时设计。
企业名片、信笺和信封的整个包装应当为客户和顾客提供一个一致的图像。
关于设计传单的提示
创建一个中心点
在页面上放一个很大、有趣而且明显的东西。
如果能让读者的视线停在这个中心点上，他们往往更有可能阅读其余的文本。
使用有对比的子标
有了中心点之后，再使用明显的子标题（视觉上效果强烈，而且能充分地表达含义），使读者能很快扫描这个传单，确定消息的要点。
如果子标题本身没意思，读者就不会有兴趣读这个传单。
不过，如果根本没有子标题，读者就必须仔细读传单上的每一个词来了解它的内容，他们不会花时间解读文本，而往往会把传单随手扔掉。
重复
不论标题使用难看的字体、漂亮的字体，还是以一种非同寻常的方式使用普通字体，都应该尝试在文本中适当增加同样的字体来实现重复。
可能只对一个字母或一个词使用那种字体，也可以把它用作子标题、大写首字母或者项目符号的字体。
字体的强烈对比能增加传单的效果。
对齐
另外要记住，只选择一种对齐！
不要把标题居中，然后将正文左对齐，也不要把页面上的一切都居中，然后在底部的角落里放上内容。
一定要明确，要大胆。
可以让所有内容都左对齐或右对齐。
关于设计宣传册的提示
折出的首页页宽和背页页宽是不一样的！
折出纸样后，从左到右量一量首页和背页。
不要简单地把11英寸平均分为3段，这样是不行的，因为一个面要短一点才能塞入另外一个面。
对比
与所有其他设计中一样，对比不仅能增强页面的视觉效果，吸引读者的视线，还有助于建立信息的层次结构，使读者能够抓住要点，了解这个宣传册的主要内容。
应当在元素字体、线、颜色、间隔、大小等方面使用对比。
重复
设计中需要重复一些元素，为作品建立统一的外观。
可以重复颜色、字体、线、空间布局、项目符号等。
只要有明确的重复，你就可以尽情享受变化的乐趣。
对齐
我一直在反复强调关于对齐的内容，似乎有些啰嗦，不过这确实很重要。
如果对齐做得不好，这个问题会一直困扰你。
明确而鲜明的边界可以营造一种强烈、尖锐的感觉。
如果结合采用了多种对齐方式（一个作品中同时使用居中、左对齐和右对齐），往往会给人一种草率而无力的印象。
有时你可能希望有意地打破单一的对齐方式（我在前面一页就是这么做的），如果你有其他对齐方式与这种突破形成对比，也是可以的，但仅限于这种情况下使用。
亲密性
亲密性就是把类似的项分在一组，让它们靠得更近，像宣传册这样的设计中这一点尤其重要，因为宣传册里一个主题下有许多子主题。
各项相互之间有多近或者相距多远，会反映出项之间的关系。
要有效地建立空间布局，必须知道如何使用（编辑）软件在段落之间留出空间（前空间或后空间），而不是简单地按两次回车。
如果段之间是两个回车，会产生太大的空隙（而你往往并不需要这么大的间隔），这就会把本来应当相互靠近的两项分开。
如果千篇一律地使用两个回车，标题或子标题的上面和下面会有同样大小的空间（这并不是你所希望的），而且这会使项目列表中本来应该靠得更近的各项分离。
第十章字体（与人生）
如果只使用一个字体系列，在样式、大小、字体粗细等方面没有什么变化，就会产生一种协调的关系。
保持页面的协调性很容易，而且看上去这种安排很平和，非常正式，有时也可以认为相当乏味。
ˆ如果结合使用了多种字体，它们在样式、大小、字体粗细等方面很类似（但并不相同），就会出现一种冲突的关系。
这种相似性会造成困扰，因为我们所看到的不完全一样（协调），但也并非完全不同（对立或对比），所以它们是冲突的。
ˆ如果结合的多种字体和元素彼此之间截然不同，就会出现一种对比关系。
引人注目的亮丽设计往往包含大量对比，而且这些对比会得到充分强调。
能发现并具体指出其中的对比，才能切实地把握页面的设计
协调
如果只使用一种字体，页面上的所有元素都采用同样性质的字体，这种设计就是协调的。
也许你使用了某种倾斜的字体，或者标题可能更大一些，还有可能使用了一个图片或一些装饰元素，不过给人的基本印象还是协调的。
冲突
如果把两种看上去非常相似但又不完全一样的字体放在一起，大多数情况下都会出现这个问题。
问题就出在相似性上,因为相似性是互相冲突的。
协调是一个稳妥有用的概念，但冲突务必要避免。
对比
这个世界上所有特性都依赖于比较才能显现。
如果没有比较，那么根本没有存在的前提。
强烈的对比能吸引我们的视线。
要在设计中增加对比，最有效、最简单而且最让人满意的方法之一就是利用字体。
小结
对比不只能增加作品的美感，页面上信息的条理性和清晰性与对比密不可分。
不要忘记，我们最终的目的是为了更好地表达信息。
结合多种不同字体应该促进这种表达，而不应造成混乱。
字体对比有6种明确的不同方式：
大小、粗细、结构、形状、方向和颜色
建立字体对比时要遵循这样一条规则：
不要太保守!
第十一章字体类别
Oldstyle（旧式体）
Modern（现代体）
Slabserif（粗衬线体）
Sansserif（无衬线体）
Script（手写体）
Decorative（花体）
花体可以传达鲜明的情绪，或者可以让它们传达与你第一印象完全不同的内涵。
第十二章字体对比
大小
字体大小的对比（也就是大字体与小字体的对比）非常明显。
不过，为了有效地使用大小对比，绝对不要保守。
字体大小对比并不意味着必须让字体很大，而只是要求应该有对比
如果对比不强烈，看上去只会像是一个失误。
粗细对比不仅能使页面更引人注目，也是组织信息的最有效的方式之一
结构
Robin原则：
不要把同一个类别中的两种字体放在同一个页面上。
它们之间的相似性是无法避免的。
衬线体vs无衬线体
形状
全大写vs.全小写是一种形状的对比
每一个全大写的词都有同样的形状：
矩形。
方向
字体“方向”的意思很直观，就是文字有一定倾斜度
颜色
暖色（红色、橙色）是前进型的，会引起我们的注意。
目光很受暖色的吸引，所以只需很少的一点红色就可以产生对比。
另一方面，冷色（蓝色、绿色）则是远离型的，总是在我们的视线中后退。
即使更大的区域内都是冷色你也未必能注意到；实际上，需要更多的冷色才能产生有效的对比。
结合多种对比
试图找出一个更好的解决方案之前，必须发现问题所在。
要找出问题，必须努力寻找相似性，而不是差异。
第十三章
过程
做一个设计或者重新设计时，先从哪里开始？
从中心点开始。
确定希望读者最先看什么。
除非你已经决定要建立一个非常协调的设计，否则就应该创建一个有强烈对比的中心点。
将信息分组。
按逻辑进行分组，确定这些组之间的关系。
通过组之间的靠近与否
（亲密性）来显示这些关系。
在页面上组织文本和图片时，要建立并维护明确的对齐。
如果能看到一个明显的边界，如照片边界或垂直线条，可以通过其他文本或对象的对齐来加强这个边界。
创建重复，或者找出可以重复的项。
为建立重复，可以使用粗字体、线、装饰符号或者某种空间布局。
看看哪些元素已经自然地重复，再看看是否适合加大重复力度。
除非你已经决定创建一种协调的设计，否则一定要建立强烈的对比，这样会吸引读者的视线。
要记住，对比要黑白分明。
如果页面上的所有一切都又大又粗，很华丽，那么根本不存在任何对比！
不论通过更大更粗来建立对比，还是通过更小更细形成对比，关键是要有所不同，这样才能引人注目。
升级会员 