产品设计手绘排版-“设计和排版”是这样设计的图片布局，真正值得学习

在日本图形设计方面，很容易想到他们的海报设计，该海报设计具有明显的日本特征，尤其是文本布局部分，在许多设计师中非常受欢迎。实际上，他们的图片布局也非常出色，并具有许多破坏规则的方法，并且比文本布局更重要，因为垂直布局不适合中国人的阅读习惯。因此，我专门编译了一些日本图片布局，以便每个人都可以欣赏和学习。

01。

对齐布局

对齐方式是最常见和最佳的图片布局方式，如果您对细节进行了一些更改并合理地匹配文本和色块，那么效果将不会是严格的，例如以下工作。

图片和颜色块散布着。

文本和图片是叠加和排版的。

在图片背景上叠加带有文本的颜色块。

几何图片与基本图片。

水平行带有垂直行。

图像大小的鲜明对比。

图片在布局的两端都排列，文本在中间排列。

02。

列类型

也就是说，使用网格系统输入列，因此也可以说是排版网格。这种类型的布局实际上属于对齐的布局，但其规则更可追溯和有序。

1。双列

下图的两张特写照片是布局中的瓷砖，文本排版跨越了两列是宏伟的和文学的。

2。三列

如果景观图片是列型的，则最好在这些图片之间形成结构性连接。例如产品设计手绘排版，下面海报中三张图片的视野均匀且相干。

3。四列

与上图相似，下图是形成整体的四柱图片。

4。三个水平柱

5。水平四列

下图中的海报从第一列到第四列。图片中的镜头越来越近，形成了渐进感，干净的天空背景，字符和倾斜的文字形成了鲜明的对比。

6。细胞网格

尽管按照细胞网格排列以下工作，但已经进行了一些变化，例如文本叠加在图片上并跨越了几个单元格。

例如，散布着色块和图片。

例如，使用倾斜排列的文本打破网格系统。

例如，使用底部图像打破一些单元格。

例如，聪明的设计为空白留出空间。

7。斜线网格

斜网格将更具动态性。

03。

错位的排版

也就是说，他们不是严格地对齐图片，而是故意彼此脱位。这种布局方法不太凌乱，更灵活。

以上两幅作品还基于未对准而进行了一些旋转。

上面的文本和图片是垂直和未对准的，线条和表面之间的协调非常有节奏且面向设计。

04。

切割类型

这种布局就像使用刀在纸上画直线，然后在这些布局空间中填充图片。这样，键入图片的效果更加自然和灵活。

切割和键入的图像也应在大小和轮廓上区分。

上图是切割和布局的最简单方法，它可以更好地显示图片并利用布局空间。

在切割布局之间留下一定的距离也是切割和布局的一种非常常见的方法表情包设计，可以减少图片之间的相互干扰。

上图填充了一些带有色块和文本的空间，还使用一些元素在几个空间上产生效果。

我以前在某个应用程序的开屏广告中看到了以下图片的布局形式。我在切割布局中添加了一个带有底部的主图像，因此我保存了屏幕截图。

几天前，我在现场P上发现了日本海报，也使用了这种布局。

05。

概述图片

也就是说，通过更改图片的轮廓形状来排版。图片的轮廓分为几何大纲和特殊形状的轮廓。

使用类似于图片轮廓的颜色块来回荡图片，这可以增加图片的统一性和节奏。

沿图片外轮廓的文本类型可以使文本和图像更加和谐地组合。

根据轮廓图，与一些手绘小元素配对也是日本海报的常用布局方法。

06。

带有小图片的大图

也就是说吉祥物设计，使用一两个大图占据大部分布局空间，然后使用一些小图片来补充它。这种布局非常强。

07。

图像叠加

图片的叠加和布局不仅可以使布局更加整体，还可以充分利用布局空间。如果您使用底部拍摄的图片叠加，则效果将更加灵活。

08。

轮廓和切割布局

此方法结合了大纲图片和图片切割的两种技术。通常的方法是将布局分为大轮廓图，然后填充这些分开的空间中的图片和色块。这种布局方法更具特殊性和创意。

09。

免费布局

上面共享的布局技术规则更容易找到产品设计手绘排版，而自由布局似乎纯粹是基于感觉的方式。这种布局更灵活，但是更难掌握并且很容易弄乱。关键是掌握平衡，对比，变化和统一之间的关系。

对于一些主要基于图片的布局，如果已安排图片，则整个布局的设计将是成功的一半。因此，在将来的设计中，您可以在文章中尝试以下9种技术：对齐布局，列布局，布局未对准布局，切割布局，轮廓图片，带有小图片的大图片，图片叠加层，轮廓以及切割布局和免费布局。