写给大家看的设计书（第4版）

• 籽螺蓝

  2019-04-02
  如果设计中的对齐很明确，那么可以有意识地打破对齐，而且一定要表现出这是有意的。技巧就在于，打破常规对齐时不要怯懦，一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。千万不要保守。
• 籽螺蓝

  2019-04-02
  找一条明确的对齐线，并坚持以它为基准。如果文本左对齐，则标题和子标题也设置为左对齐。按惯例，第一段都不缩进。将一个段落缩进的目的是为了告诉你这里有一个新的段落，不过，你肯定知道第一段当然是一个新段落。标准排版缩进为1个em（em是以点数衡量的字体大小），这更接近于2个空格，而非5个。这些栏足够宽，可以成功地调整其中的文字（和两边对齐），而不会产生中间过大的间隙。如果有照片或图片，让它们和一边或基线对齐。
• 籽螺蓝

  2019-04-02
  在页面上放其他项时，一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放，则按其基线对齐。如果有多个单独的文本块，则对齐其左边界或右边界。如果有图片元素，将其边界与页面的其他边界对齐。绝对不要在页面上随意摆放元素！
• 籽螺蓝

  2019-04-02
  在得到更多培训之前，一定要坚持一个原则：只使用一种对齐方式。页面上只使用一种文本对齐，所有文本都左对齐，或右对齐，或者全部居中。
• 籽螺蓝

  2019-04-02
  明显而有意为之的居中对齐效果最好。当对齐经过精心策划而又明确时，你就可以对其他元素充分发挥创造力，作品看起来仍然显得匠心独具，而这些元素也不会像是莫名其妙地散落在页面上一样。
• 籽螺蓝

  2019-04-02
  在诸如婚礼这种庄重、正式的场合，居中对齐能够很好地起到这种作用，但同时可能会非常乏味，此时需在居中布局上增加一点小技巧，如将文本居中，但是文本块本身不居中。或者将文本放在页面的上方，增加紧张性。或者在一个很正式的居中布局中设置一种非常随意、有趣的字体。
• 籽螺蓝

  2019-04-02
  居中布局使信纸有点乏味，而且边框束缚了整个空间，给人一种受限制的感觉。左对齐使页面更为精美。只是在左边留有虚线，这就使页面变得开放，而且突出了对齐。文本位于左侧，采用了右对齐。为了与布局的右对齐格式保持一致，输入的字体只能是严格的左对齐。
• 籽螺蓝

  2019-04-02
  这是一个很典型的报告封面，左侧的例子标准格式提供了乏味的外观，表现出几乎是一种业余水准，这会影响别人对整个报告的第一印象。右侧的例子利用明确的左对齐，可以使这个报告封面给人留下更精美的印象。尽管作者的名字离题目很远，但那条看不见的线提供了强有力的对齐基准，可以将这两个文本块连在一起。
• 籽螺蓝

  2019-04-02
  居中对齐是初学者最常用的对齐方式，这种对齐看起来很安全，感觉上也很舒服。居中对齐会创建一种更正式、更稳重的外观，这种外观显得更为中规中矩，但通常也很乏味。大多数看来精巧的设计都没有采用居中对齐。作为一个初学者，要完全摒弃居中对齐会很难，但你必须从一开始就强制自己避开它。通过充分利用亲密性，并结合明确的右对齐或左对齐，你会惊异于设计的改观。
• 籽螺蓝

  2019-04-02
  Robin对齐原则是指：任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则要求特别小心，再不能像从前那样，只要页面上刚好有空间就把元素随意“扔”到那里。如果页面上的一些项是对齐的，这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的，但在你眼里（以及在你的心里），它们之间也会有一条看不见的线把彼此连在一起。尽管你可能通过分开放置某些元素来指示它们的关系（使用亲密性原则），但对齐原则很“神奇”，它会告诉读者，即使这些项并不靠近，但它们属于同一组。
• Azeril

  2014-08-29
  从中心点开始。确定希望读者最先看什么。除非你已经决定要建立一个非常协调的设计，否则就应该创建一个有强烈对比的中心点。将信息分组。按逻辑进行分组， 确定这些组之间的关系。通过组之间的靠近与否（亲密性）来显示这些关系。在页面上组织文本和图片时，要建立并维护明确的对齐。如果能看到一个明显的边界，如照片边界或垂直线条，可以通过其他文本或对象的对齐来加强这个边界。创建重复，或者找出可以重复的项。为建立重复，可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复，再看看是否适合加大重复力度。除非你已经决定创建一种协调的设计，否则一定要建立强烈的对比，这样会吸引读者的视线。要记住，对比要黑白分明。如果页面上的所有一切都又大又粗，很华丽，那么根本不存在任何对比！不论通过更大更粗来建立对比，还是通过更小更细形成对比，关键是要有所不同，这样才能引人注目。
• Azeril

  2014-08-29
  不要保守、尽量明确地说出你看到了什么。如果可以用语言说清楚这种关系的变化，说明你确实已经掌握。看到一种让你不舒服的字体组合时（你下意识地感觉这些字体不能很好地结合），也要用文字明确地分析问题出在哪里。试图找出一个更好的解决方案之前，必须发现问题所在。要找出问题，必须努力寻找相似性，而不是差异。彼此竞争的两个字体有什么相似之处？它们都是全大写吗？它们笔划中都有强烈的粗/细对比吗？粗细对比是否有效？大小的对比呢？结构对比呢？或者也许是中心点冲突，如果较大的字体比较细而较小的字体反而比较粗，这样一来它们相互之间就会产生冲突，因为每个字体都想显得比另一个字体更重要，是不是存在这种情况？指出问题，你就能找出解决方案
• Azeril

  2014-08-29
  色轮互补色三色组 愉悦的颜色（彼此等距的三种颜色 红黄蓝、橙绿紫、橙红蓝绿蓝紫、橙黄水绿紫罗兰色分裂互补三色组（split complement）。从色轮的一边选择一种颜色，再在色轮上找出它对面的互补色，不过并不直接使用这个互补色，而是使用该互补色两侧的颜色。<图片3>纯色（色调）、暗色（色调加黑）、亮色（色调加白）。单色组合色质（tone）：色质是指某种颜色的特定明暗度、深浅度或色调。如果色质很接近，看上去会有些模糊不清，对比太过微弱。暖色与冷色CMYK：印刷四色处理。RGB：Red、Green、Blue，显示器&屏幕传单设计：创建一个重心点，使用有对比的子标题，重复，对齐。明信片：与众不同、成系列、明确具体、力求简练、尽可能使用颜色报纸广告：空白、机敏、清楚、简洁、尽可能使用颜色 注意点：对比，字体选择，反色文字网站：最重要的两个因素：重复原则。要有一致的导航系统和图片风格，使访问者总能知道他们仍在同一个网站中。 不要对文本或图片链接使用默认的蓝色。这绝对是业余水平页面的标志。 不要把文本链接放在有边框的粗笨表单元格中。 正文不要采用粗体，也不要占据整个页面的宽度。 不要使用荧光背景色，特别是不要使用荧光文字！ 不要让访问者移动滚动条！页面最大宽度不要超过800像素。特别是不要让表的宽度超过600像素，否则访问者想打印页面时会很恼火。设计要素：重复和清晰（最重要的两个因素）、重复、可读性
• Azeril

  2014-08-29
  有关设计（同时也是有关生活）的一个更一般的指导原则是不要畏畏缩缩：不要害怕在设计（或生活）中留有空白，这能让你的眼睛（以及心灵）稍作休息。不要害怕设计是不对称的，使用非居中的格式，不居中往往能使效果更强烈。尽管不建议使用居中，不过有意这么做也无不可。不要害怕把单词设置得非常大或非常小，不用担心说话声太大或者太小。在合适的场合这都是可以的。只要最后的结果能支持或强调你的设计或观点，不要害怕让图片太大或太小。如果你还没有读过The Mac is not a typewriter 或The PC is not a typewriter这两本书，强烈建议你读一读。如果你还有下面这些不好的习惯，比如在点号后面键入两个空格，在文本下面加下划线，还没有使用真实撇号或引号（即应当使用“和”，而不是&quot;），那你确实需要好好读读这些书了。读完这本书并且掌握了所有概念之后，可以再看看Robin Williams Design Workshop一本。这是一本彩色图书，涵盖了更高级的设计概念。
• Azeril

  2014-08-29
  对比是为页面增加视觉效果的最有效的途径之一，很容易吸引读者去看一个页面；另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要规则：要想实现有效的对比，对比就必须强烈。千万不要畏畏缩缩。如果两个元素不同，就会产生对比。倘若两个元素存在某种不同，但差别并不是很大，那么你做出的效果并不是对比，而是冲突。这就是关键，Robin对比原则指出：“如果两个项不完全相同，就应当使之不同，而且应当是截然不同。” 可以采用多种方式产生对比。如大字体与小字体的对比；典雅的oldstyle字体与粗体sans serif字体产生对比；细线与粗线的对比；冷色与暖色的对比；平滑材质与粗糙材质的对比；水平元素（如很长的一行文本）与垂直元素（如又高又窄的一列文本）的对比；间隔很宽的文本行与紧凑在一起的文本行形成对比；小图片与大图片的对比，等等。 复。它们相互协作，建立了整体效果。设计页面时很少只使用某一种原则。该传单是黑白打印的，所以我们采用不同灰度的装饰并为标题增加点花样。让你的眼睛随意在文档中浏览——你能感到是如何被吸引到粗体内容上的吗，你是如何下意识地去读这部分内容的？如果你能吸引与你的内容无多大关系的人，那么他们当中许多人都会下意识地去读更多的内容。 对比小结在页面上增加对比能吸引人的眼球。我们的眼睛喜欢看到对比的事物。如果页面上放两个不完全相同的元素（比如有两种不同字体，或者有两种不同线宽），它们就不能类似。要实现有效的对比，这两个元素必须截然不同。 根本目的对比的根本目的有两方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果，如果一个页面看起来很有意思，往往更有可读性。另一个目的是有助于信息的组织。读者应当能立即了解信息以何种方式组织，以及从一项到另一项的逻辑流程。对比元素不能让读者混淆，也不能错误地强调重点（即本不该是重点的元素）。 如何实现...
• Azeril

  2014-08-29
  重复原则指出，“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线，某个项目符号、颜色、设计要素，某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。 可以把重复认为是“一致性”。 不过重复还不只是自然的一致，这是一种统一设计各个部分的有意识的行为。 如果哪个元素引起了你的兴趣，就可以拿来用作重复元素！也许这是一个剪贴画，或者是某种图片字体。为了实现重复，完全可以为此增加一些全新的东西。或者，也可以选择一个简单的元素，然后以多种不同的方式加以使用，比如说指定不同的大小、颜色或角度。有时重复的项并不一定完全相同，而只是存在明确关联的紧密相关的对象。 重复小结设计中视觉元素的重复可以将作品中的各部分连在一起，从而统一并增强整个作品，否则这些部分只是彼此孤立的单元。重复不仅对只有一页的作品很有用，对于多页文档的设计更显重要（对此我们通常称之为保持一致）。 根本目的重复的目的就是统一，并增强视觉效果。不要低估页面视觉效果的威力，如果一个作品看起来很有趣，它往往也更易于阅读。 如何实现重复可以认为是保持一致性，而且我相信你早已经这样做过。现在，需要把现有的一致性更向前推进一步。可不可以专门做一个图片设计，并且将某些一致元素（如标题）作为这个图片设计的一部分？在每个页面底部或每个标题下面使用一条粗细为1点的线吗？或者是不是使用一条更粗的线（4点），使重复元素显得更明显，更生动？ 再看看有没有可能增加一些纯粹为建立重复而设计的元素。是不是有一个编号项列表？可不可以使用另外一种字体或逆序数字，然后对出版物中的每一个编号列表都重复同样的处理？最初，可以只是找出现有的重复，然后将其加强。熟悉了这种思想之后，再开始创建新的重复元素，来增强设计的效果并提高信息的清晰度。 要避免的问题要避免太多地重复一个元素，重复太多会让人讨...
• Azeril

  2014-08-29
  对齐原则是指：“任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系”。 如果页面上的一些项是对齐的，这会得到一个更内聚的单元。即使对齐的元素物理位置是彼此分离的，但在你眼里（以及在你的心里），它们之间也会有一条看不见的线把它们连在一起。尽管你可能通过分开放置某些元素来指示它们的关系（使用亲密性原则），但对齐原则很“神奇”，它会告诉读者，即使这些项并不靠近，但它们属于同一组。 空间里，存在3组对齐方式不同的元素：左对齐、右对齐和居中。 有时，你可能会在居中布局上增加一点小技巧，如将文本居中，但是文本块本身不居中。或者将文本放在页面的上方，增加紧张性。或者在一个很正式的居中布局中设置一种非常随意、有趣的字体。 如果文档的外观差强人意，可能最大的毛病就是缺乏对齐。我们的眼睛喜欢看到有序的事物；这会给人一种平静、安全的感觉。此外也有助于表达信息。作为优秀的设计，都可以在对齐的对象间画出“对齐线”，即使这些设计总体表现为汇集了大量奇特的内容，甚至动感实足，这种“对齐线”也很明确。 如果设计中的对齐很明确，那么可以有意识地打破对齐，而且一定要表现出这是有意的。技巧就在于，打破常规对齐时不要怯懦，一定要干脆一些，要么全部采用一种方式，要么全都不采用这种方式。千万不要保守。 规则都是用来打破的。但是必须记住，关于打破规则本身也有一条Robin规则：在打破规则之前必须清楚规则是什么。 对齐小结任何元素都不能在页面上随意摆放。每个元素应当与页面上的另外一个元素存在某种视觉联系。在设计中，统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在各个单独的元素之间存在某种视觉纽带。尽管这些孤立元素在页面上的物理位置可能并不靠近，但是通过适当放置，可以让它们看上去是有联系而且相关的，并且与其他信息统一...
• Azeril

  2014-08-29
  亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容。 如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密性）意味着存在关联。如果把类似的元素组织为一个单元，马上会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外，“空白”（字母以外的空间）也会变得更有组织。 你可能会很自然地利用位置的紧密程度来反映元素间的关系，而亲密性实际上就是更有意识地这样做，并把这个概念更向前推进一步。一旦了解了各元素之间的关系是何等的重要，就会注意到亲密性的效果。而一旦开始注意到这种效果，就会利用它，掌握它，并施以充分的控制。 亲密性小结如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。彼此相关的项应当归在一组。要有意识地注意你是怎样阅读的，你的视线怎样移动：从哪里开始；沿着怎样的路径；到哪里结束；读完之后，接下来看哪里？整个过程应当是一个合理的过程，有确定的开始，而且要有确定的结束。 根本目的亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的，不过利用亲密性原则，只需简单地将相关的元素分在一组建立更近的亲密性，就能自动地实现条理性和组织性。如果信息很有条理，将更容易阅读，也更容易被记住。此外还有一个很好的“副产品”，利用亲密性原则，还可以使空白（这是设计者们最喜欢的）更美观（也更有条理）。 如何实现微微眯起眼睛，统计你的眼睛停顿的次数来数一数页面上有多少个元素。...
• Azeril

  2014-08-29
  基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。……它们实际上是相互关联的。只应用某一个原则的情况很少。对比（Contrast）对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。重复（Repetition）让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。对齐（Alignment）任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。亲密性（Proximity）彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。
• Azeril

  2014-08-29
  有哪些设计原则，知道它们的名字，然后你将逐步控制页面。