画册设计5大实用技法,学完就能直接用!
2020-07-31 17:14:55

这次我们聊一聊画册设计中的技巧,因为画册中有非常多的文本与图片,尤其考验设计师的对于图文的编排能力,而且有很多同学对于多文本有密集恐惧症,光是看到一堆的信息就已经心态炸了。

 

图片

 

 

其实画册设计一旦理解了其中的方法,做起来就不难,很多同学之所以排列文字觉得枯燥,是因为没有从根本上掌握整理信息的方法。那么我们就要聊一下画册是什么东西了,画册不同于书籍,书籍文本的排列只要简单编排,让人舒服的阅读即可,就算是几十万字的信息,也不怕枯燥。

但是画册就不太一样了,不管什么类型的册子,它本身是具备一定的功能性,不管是公司的介绍,或者产品的介绍,它具备一定的推广作用,实际上我们看到画册并不太会认真阅读的,大多数时候只是一个概览。

 

图片

 

 

了解到了这一点,那么我们再去进行针对性的设计,在具体的信息中利用方法解决问题即可。

我这次一共总结了五大方法,一旦学会,永久远离排画册的伤痛。

 

图片

 

第一个,重点文本的提取,很多同学拿到文案之后,设定完字号字距行距段落间距就觉得事情好像已经结束了,其实这才是刚刚开始...

 

画册中经常有一些重要信息,比如公司市值,销售额,研究人员,公司业务板块等等,这些都是相对重要的信息,人家不可能在几千字里面自己去找,可能阅读者本身也就打算花几分钟时间看看,这个时候,我们就需要在极短的时间里让人注意到,所以就需要我们自己先去阅读文本,然后提取出来这些重点的数字或信息等等。

我们先来看一下一些尤其的案例中他们的重点信息是如何去提取的。

 

图片

 

 

我们可以看到部分文本/数字的特殊放大处理,颜色的强调关系,这种特殊的标记可以让人在快速阅览时迅速找到重点的信息,非常有效的一种做法。看到这里,很多同学感觉教程都不用看下去了,觉得这有啥难度。

 

图片

 

 

 

 

图片

 

我们用案例来看一下这个方法具体如何来做。

首先我我们拿到这样一段文本。说长不长,说短不短。我们来看这些这样一段话,如何排的明了且不枯燥。

 

图片

 

如果你提前简单阅读过这段文字的话,就会发现,文字中包含的关键词相对来说还是很多的,所以我打算拆分段落来做,尽量让文字清晰的编排。

 

 

 

首先看第一段文字,第一段文字中包含了几个简单的信息,我们这里做一个提取,很多同学英文不知道怎么排,我这里加一段作为示范,英文注意常用为左对齐,这个是因为英文单词有长短变化,文字本身的属性决定的,如非要两端对齐时需要加连字符(一般情况下不建议两端对齐,阅读性不好)

这是第一段话的编排。

 

图片

 

 

我们继续来看第二三段文字信息,这里有一些数字,都是相对重要的,我们也需要做文字提取。

数字的下面我放了补充性的中文,阅读更完整一些。

 

图片

 

 

最后的几段文字,我们以同样的方式进行提取,具体的文字强调的形式感有一些差异,这个根据自己的需求去调整即可。

 

图片

 

 

从上面的部分大家应该可以很明确的看到文字提取所产生的功能性,而且是不是排列出来的变化也不那么枯燥了。

 

图片

 

 

 

 

图片

 

我们接下来看第二招。图标化的处理,很多信息其实可以很轻易的找到对应的图标设计,添加图标的目的也是部分的图形化。适当的增加趣味性,纯文本很难不枯燥。

 

我们先来看一些优秀的画册案例,看看别人是如何去做的。

 

图片

 

 

其实第一段文字就可以采用这样的图标去处理,我在阿里巴巴图标网上基本都找到了对应的图标设计。

 

图片

 

 

注意在阿里巴巴图标网上找到的图标风格很可能是不统一的,那么我们在使用时就需要我们二次设计,进行一定程度的统一设计。

 

图片

 

 

这是简单的调整后,规范了粗细,色彩,圆角等,看起来就协调了很多。

 

图片

 

 

 

 

图片

 

第三个部分,我们来看一下统计表的处理,一般出现百分比,数据的波动变化等,这个时候需要我们针对应的设计统计图表。

常用统计图表包含:饼状图、柱状图、折线图、环形图

 

图片

 

图片

 

图片

 

图片

 

 

 

或者我们常见的表格的方式,用的也比较多,如果信息较为复杂的时候,表格也可区分的更加明确。

 

图片

 

 

我们来看常见的画册中的应用,变化都有哪些。

 

图片

 

 

那么下面的这个部分,我们当然就可以将文本转换为环状表格。

 

图片

 

 

 

 

图片

 

画册中除了大量的文本,也会出现大量的图标,那么除了一些常规的产品图等,有时候我们也需要去根据文案找一些图片。

那么找图片的方法都有哪些呢?

 

图片

 

 

 

图片与文本的关联性是很好理解的,我们找几张优秀案例来看一下就能明白。

无非是行业属性上的关联性。

 

图片

 

 

那么什么是图片有可利用的空间呢,就是图片某个部分可以利用,与页面和文本形成统一对应关系。

 

图片

 

我们用案例来看一下,首先我们看一下本文。

 

图片

 

 

这个部分是企业历程,也就是时间轴上公司的一些具体的事件,那么我们在这个部分找图就有两种方法可以选,第一种,找关于时间的图片,这样就可以有明确的对应关系,第二种,找一些可利用的图片,结合时间轴的方式,有一个全面的设计。我这里选择第二种。我找了一张图。

这个楼的轮廓是向上的,可以结合时间的递进关系来设计。

 

图片

 

 

这样就可以简单的利用到图片本身的变化,是一个比较讨巧的方法。

 

图片

 

 

 

 

图片

 

第五个,我们来看一下文本层级的设定与统一,信息较多时,层级的划分过多,画面会稍微的有些乱,那么我们就要用比较协调的方法统一画面的秩序性。

 

这个部分我就不找参考了,因为相对来说表现的形式会特别多,你只需要把最基础的下面三个方法简单掌握一下。接下来就可以平时多看多累计画面的表现方法了。

 

下图时我在设计时就大量的使用了简单元素去统一,不同的信息仅仅用简单色彩和简单图形做了一个简单的划分,这样就可以避免画面设计的成分过多导致画面散乱,保证阅读性也是画册的一个重点。

我后面的编排基本上就沿用了三种统一的方式去完成。编排时效率也会非常高。

 

图片

 

图片

 

图片

 

 

最后我们看一下整体的设计效果图,因为示例时为了方便大家看的清楚,都是做的局部展示,后面看整体效果图可以有一个整体的印象。

 

图片

 

其实画册重要的还是掌握其中的方法,很多东西都具有一定的通用性,画册本身可设计的成分也并不算多,在一定的规范内就可以完成的很好。

上一期版式电商课有许多同学的画册都做得非常棒,但是因为作业都是整本的设计,所以图很长,太占篇幅就放几位同学的作业看一下。

 

(A03-xuan设计)

图片

图片

 

(C06-jojo设计)

图片

图片

 

(R05_欢欢1设计)

图片

 

(A42不染设计)

图片

 

画册的展示就到这里.