跳到正文

设计的基本原则与信息整理

低頻约 29 分钟6 个术语过去问 1 题

本单元目标

  • 能列举被称为设计原则的 4 条原则,并说明各自的作用
  • 能根据是用距离表达还是用基准线表达,区分亲密性与对齐
  • 能根据是制造共同点还是制造差异,区分重复与对比
  • 能列举 LATCH 的 5 个轴,并选出符合目的的排列方式
术语总表(6 个)
术语一句话对象线索
デザインの原則让要素排布得清晰易读的基本指导方针的总称整体的视觉排布广为人知的 4 条原则
近接把关系密切的要素靠拢、关系疏远的要素分开,以表示分组排布距离与留白
整列把要素的边缘或中心对准基准线,形成秩序排布看不见的基准线
反復反复使用颜色、字体等视觉规则,营造统一感视觉统一共同的规则
対比在大小、颜色上拉开明显差距,以表示重要程度视觉强弱差距的大小
LATCH把排列信息的 5 个轴归纳在一起的框架信息的排列顺序由首字母组成的 5 个轴

术语

デザインの原則设计原则

在术语表中打开 デザインの原則

设计原则(デザインの原則)是把文字、图形等要素排布得清晰易读,使想传达的内容能送达读者的基本指导方针。

  • 设计原则
    • 亲密性:用距离归组
    • 对齐:对准基准线
    • 重复:反复沿用规则
    • 对比:拉开明显差距

广为人知的原则有亲密性、对齐、重复、对比 4 条。它们都不依赖审美天赋,而是作为排布规则谁都能用,这是其特点。无论是资料、网页画面还是公告张贴物,不论哪种媒介都同样适用。

类比就像摆盘时按菜分盘盛放、让餐具朝向一致、统一用同一套餐具、只把主菜盛得特别大,整张餐桌看起来就会井然有序。

记法在英语圈,有时取这 4 条原则的首字母,称为 CRAP(Contrast / Repetition / Alignment / Proximity)。

考点

  • 易混设计原则(デザインの原則)是整理要素外观与排布的指导方针,与决定信息按什么顺序排列的 LATCH 处理的对象不同。

该术语的过去问 1 题 デザインの原則

亲密性(近接)是把关系密切的要素彼此靠近、与关系疏远的要素拉开间距,从而表示信息分组的原则。

读者会把距离近的东西看作一组。收紧标题与说明文之间的间距、在与下一项之间留出较大的空白,即使不画边框也能传达出分隔。反之,如果所有内容都以相同间距排列,就分不清哪些属于同一组。

类比站着聊天时,同一圈的人站得很近,与另一圈的人稍有距离,所以远远看去也能分辨谁和谁在一起。

记法中文译作“亲密性”:关系亲密的要素就站得近,距离本身就是分组的标记。

考点

  • 易混亲密性(近接)也包括把关系疏远的要素分开,并不是收紧空白、把所有要素都挤在一起。

该术语的过去问 1 题 近接

对齐(整列)是把要素的左边缘、中心、右边缘等对准一条看不见的基准线来排布,使纸面或画面产生秩序的原则。

位置一旦对齐,相隔较远的要素之间也会产生联系,视线可以顺畅移动而不迷失。在同一份资料中,要统一对齐的基准,例如用左对齐就始终用左对齐。随意混用居中对齐和左对齐,会给人杂乱的印象。

类比排队的人沿着地上的线站立,即使人数很多,队列的形状也清清楚楚。

记法日语写作 整列,字面意思是“把队列排整齐”,可以想象有一条不偏不移的线贯穿其中。

考点

  • 易混亲密性(近接)用要素之间的距离表示分组,对齐(整列)则把边缘或中心对准看不见的基准线,表示要素之间的联系。

该术语的过去问 1 题 整列

「亲密性」与「对齐」的区别

比较点亲密性对齐
关键使用的线索要素之间的距离与留白对准边缘或中心的基准线
传达的内容哪些属于同一组要素之间的联系与秩序
被打乱时分不清一组的范围版面显得杂乱

重复(反復)是在整份资料中反复使用颜色、字体、符号、版式等视觉规则,营造统一感的原则。

即使翻到另一页,只要标题颜色和项目符号保持一致,读者就能立刻认出这是同一类信息。如果规则每页都变,即使内容属于同一类,看起来也像毫不相干的东西。整体有了一致性,资料就更容易读下去。

类比球队统一了队服,即使队员分散在球场的不同位置,也能看出他们是同一队的。

考点

  • 易混重复(反復)所反复的是视觉规则,而不是把相同的文字或内容刊登好几次。

该术语的过去问 1 题 反復

对比(対比)是在大小、粗细、颜色等方面拉开明显的差距,让重要的要素突出,从而表示信息优先级的原则。

把标题做得比正文更大更粗,读者一眼就能看出该从哪里读起。差距太小的话,就分不清是有意强调还是单纯的错位,效果也会减弱。

类比夜空中格外明亮的星星一下子就映入眼帘,但如果满天都是同样亮度的星星,就不知道该看哪一颗。

记法英语叫 contrast,和照片的明暗反差一样,差距越大越吸引目光。

考点

  • 易混重复(反復)是让外观一致、营造统一感的原则,对比(対比)则是拉开明显差距、表示阅读顺序与重要程度的原则。

该术语的过去问 1 题 対比

「重复」与「对比」的区别

比较点重复对比
关键作用方向制造共同点,实现统一制造差异,使之突出
主要手段反复使用相同的颜色、字体、符号在大小、粗细、颜色上拉开差距
传达的内容属于同一类信息从哪里读起、什么重要

LATCH 是把排列或分类信息时所用的轴归纳为位置、字母(日语中为五十音)顺序、时间、类别、层级 5 种的框架。

首字母轴排列方式示例
L(Location)位置按地图或楼层导览图上的位置排列
A(Alphabet)五十音、字母顺序按名称读音的顺序排列
T(Time)时间按日期或时刻的顺序排列
C(Category)类别按种类归在一起
H(Hierarchy)层级按大小、重要程度等程度高低排列

这个名称取自 Location、Alphabet、Time、Category、Hierarchy 的首字母。同样的信息,用哪个轴排列会改变查找的难易和传达的效果,因此要选择符合使用者查找方式的轴。比如一本菜谱合集,是按食材种类分类,还是按菜名的读音顺序排列,用起来的方便程度就不一样。

类比就像整理书架时,根据找书的人来决定按作者名、出版时间还是题材来排。

记法英语的 latch 是门闩,可以记成把信息固定住的 5 根门闩。

考点

  • 易混H(Hierarchy)是按大小、重要程度等程度高低排列的顺序,与按种类划分的 C(Category)是不同的轴。

要点

  • 设计原则是不依赖审美天赋、把要素排布得清晰易读的指导方针,不论哪种媒介都能使用。
  • 亲密性用留白的方式本身来表示分组,因此即使没有边框也能传达分隔。
  • 运用对齐时,同一份资料中的对齐基准要始终一致。
  • 对比要把差距拉得明确而不是不上不下,才能发挥效果。
  • 从 LATCH 的 5 个轴中,选择符合使用者查找方式的排列方法。

确认题

从本单元的过去问中选 1 题

开始做确认题

查看这个领域的全部过去问