5布局规则

在制作广告,传单和建议时,以及在设计名片和网站时,简单地随机排列字母和图像并不能使它们美观且容易看到。

如果您使用某些规则,基础知识和理论进行设计,例如是将它们放置得彼此靠近,对齐还是通过对比来改变外观,并考虑要放置的元素之间的关系,则布局将易于理解且美观。 ..

所以这次,关于布局“近接、整列、反復、コントラスト、余白”介绍五种设计原则和原理。

1.邻近

接近意味着将相关元素放在一起分组指做。

邻近的主要目的是“构造”元素。通过将相关元素更紧密地分组在一起,一无所有的东西可以被构造和有意义。

元素之间的空间距离显示了元素之间的关系,因此,相反,如果关系较弱,它将相距很远。

例如,如下图所示,当分为大标题组和小标题组时,可以通过使它们靠近并远离不同的组,以有意义的方式布置相同元素的组。

邻近示例

金塞图

左侧的图像简单地并排排列,右侧的图像在设计时考虑了邻近性。

人是神秘的,彼此接近的人被认为具有牢固的关系,而距离较远的人被认为与自然的关系较弱。注意元素之间的关系,并注意邻近技术。

2.对齐

对齐是指有意识地对齐元素的位置和大小。

对齐的目的是元素的“统一”和“结构化”。

我上小学的时候“整列”做到这一点的人可以理解它,但是通过将其布置在前面并保持前后人与人之间的距离恒定,可以营造一种团结感并使整体布置(布局)看起来很漂亮。我会。

作为一种通过布置元素来思考位置的方法,可以在水平和垂直方向上画线并在那里显示”四角”将元素应用于部分的“网格系统”是著名的。

让我们以普通名片的设计为例。

对齐示例

清寿

左侧名片的问题在于,没有一个元素与其他元素对齐。

乍一看,它们似乎只是随机排列在一起。右边的名片通过将所有元素对齐到右边而具有统一感。同样,相关元素按照“邻近性”中的描述进行分组。

如果元素正确对齐,请连接它们“透明线”您将看到所谓的内容。

图梅

如果可以整齐地对齐元素,则可以将内容平滑地传达给查看者,并且可以创建外观精美的设计。

如果您是新手,一发现空白”何か要素を埋めなければならない”我倾向于认为。但是,如果这样做,这些元素将不会对齐,并且会分开放置,因此请小心。

3.重复

迭代是始终重复使用相同的设计元素。“一致性”这是一种方法。

通过在整个作品中使用相同设计的元素来营造节奏感“统一”会出来的。

在网页方面,通过以相同格式重复按钮的颜色,大小和形状,用户可以自然地了解按钮的含义和作用并提高可用性。

迭代的例子

韩服

通过多次重复同一元素”橙色代表“类别”,并且其中有多个“类型”。”と見た人は認識することができます。

同样,在其他作品中,“颜色”和橙色字母,多个“红色”,“蓝色”,“ kiiro”…と並んでいる部分が登場すると、”カテゴリ”の中に”種類”您将能够识别出那里。

4.对比

对比是一种区分元素的技术。就像说的那样“対比”代表。

对比的目的是拉入页面“視覚的なユニークさ”它是穿上的。

通过您经常看到的简单设计,可以通过更改外观来吸引读者可能会通过的零件。

对比元素的示例包括颜色(黑色和白色,红色和蓝色),大小(大和小),形状(圆形和正方形)和线条(粗细)。

对比示例

对比

乍一看,哪种设计更抢眼?

左侧的设计是典型的设计,而右侧的设计具有变化的背景颜色,从而增加了标题和文本字体的对比度。

小差异不会形成对比,因此需要明确强调差异。这里的重点是不要胆小。

5.空间

边距是指在书写字符和图片的页面上没有任何书写的白色空间。

人们常说,要由设计师来消除或利用空白,当您刚开始设计时,如果有空白,您可能会感到不安。

因此,我想暂时在边距中填充一些元素,但是我想考虑很好地使用边距。

保证金示例

oh

通过充分利用页边距,您可以有意识地将注意力集中在要注意的元素上。

它也出现在附近,但也有可能表明它是不同的信息,并通过使用边距分隔元素来区分它。

最后

你觉得呢?

如果您了解设计的原理和原则,则可以将其应用于从网站制作到投标材料创建和传单设计的各种事物。如果有可用的零件,请参考该零件。

相关文章
设计中的“配色”基础
▷  从创意广告和海报设计中学习!您要参考的字符布局

撰写本文的人

creive編集部

这是创意的编辑部门。我们将“存档”世界上存在的“创造性”事物。