如何用一篇文章,帮新手快速入门版式规划? - 优设网 - UISDC

如何用一篇文章,帮新手快速入门版式规划?

2019/09/09 11056评论 7

@研习设K先生 :大家好,今天的课程题目是「让你秒懂版式规划」。很多刚刚入行的小伙伴,在一开始接手文案到有想法着手去,经常会有困惑,客户或者文案给的乱糟糟的文字,怎么把它处理成一个良好的具有传播属性的画面呢?这也是今天课程想要去解决的问题。本篇教程分为以下几个部分,首先是如何快速的整理文案,其次,确立信息的优先级,然后,我会详细的介绍几种常用的版面划分方式,这也是本节课的重点,最后再给大家分享一下作图之前,绘制手稿的思路。好的,话不多说,开始我们今天的课程吧。

提到整理文案,不知道小伙伴们有没有联想到,现在特别火的整理收纳术。估计有强迫症的同学看到整理后的图片,会非常舒服。

它同样是要求整理人拥有一个划分区域,归类物品和注意物与物之间距离的能力,是不是和我们整理文案很相似呢?

整理信息

开始亚博娱乐亚博注册之前先整理信息,很多时候我们接手的文案,都是零碎甚至复杂的,这个时候就需要我们在开始亚博娱乐亚博注册之前,先整理信息。

我们可以看看日本着名的亚博娱乐亚博注册师,佐藤可士和,他是如何利用整理术来处理信息的。

很多小伙伴,是不是在一拿到文案后就直接开始亚博娱乐亚博注册呢?

前期准备阶段,在我们一接手客户或文案给的文字资料时,我们对这个资料的认知是模糊的,有时候只是大体知道方向或行业是什么,这个时候就需要我们运用整理术,先来整理好文案。

信息整理完毕后,原来模模糊糊的文案,现在变得清晰可见,但是它们仍然是一个没有逻辑顺序的状态。

这个时候我们就要把相关联的信息整理组合到一起去。

信息已经全部都按照关联性分好组了,我们就开始一组一组进行整理,这个时候就需要我们设定好整理的优先级。在这里从一号三角形开始整理。

好的,现在每组信息里面的层级,我们也都划分的清晰明了了。

到了这一步我们,再仔细的了解一下文案,这几个组之间的关系是什么,在这里我们看到三角形加圆形等于正方形,也就是说这里面正方形组的信息是最重要的。

所以我们在开始做图的时候,就要把正方形组的信息放置在版面最显眼的位置,这样最有利于信息的传播。

通过上面的演示,我们学习到了,在正式开始亚博娱乐亚博注册之前,需要有前期准备信息阶段,信息整理完毕后观察信息,列出有效信息,设定整理的优先级,理清因果关系,找出本质,这6个步骤,来逐步的整理信息,这个过程也是亚博娱乐亚博注册师逐步明白客户需求和亚博娱乐亚博注册思路的过程。好的,那接下来通过案例部分,手把手教大家整理文案信息。

大多数情况下文案信息是不完整的,这个时候就需要我们自己进行一定的头脑风暴,去寻找和补全信息,就是把模糊的信息逐渐变得清晰的过程。

在我们把信息补充整理完毕以后,我们开始分析信息,把信息划分成一个一个小组。

在这里我们看到,高亮的文字很明显是配料表,我们把它与其他信息区分开。

这一部分的高亮信息,是甜品的介绍,我们同样把它与其他信息区分开。

这里由于有提示,我们也能很快的区分出来,这个应该是属于注释的那个部分。

在这里我们把整理好的信息,分别拿出来标上符号,按照之前讲的顺序来进行整理。

现在来看一下第一组的文案,从文案中可以知道,这个关于甜点的配料表的信息。

整理完成后,大幅度的提升了信息的识别度。

我们再来看第二组,这是一整段关于甜品的介绍,一整段文字阅读起来,会产生一定的阅读困难,这里我们将文字断行。

信息整理完毕后,大大降低了阅读的障碍。

当三组的文案全部整理完毕后,我们就很清楚的知道,这三组文案分别想要传达的内容了。它们分别是:配料表,介绍和注释。

这里就需要我们理清它们三个的因果关系。我已经把所有可能的组合都列出来了,首先去掉以注释为主的信息组合。

现在,我们已经理清楚因果关系了,也就顺理成章的推理出来了它们的本质。

1. 重新整合

将杂乱的文字信息重新组合

在这里我给大家提供两个信息整理的思路,第一个就是「将杂乱的文字信息重新组合」。

我们还是以刚才整理好的配料表为例,现在的文字依然存在辨识度的问题,作为亚博娱乐亚博注册师,就要求尽可能的提高辨识度,这就需要继续整理这个文案。

我们将名称与重量重新组合,不同种类的信息进行成组区分,提升整体文字的识别度。

2. 提炼关键信息

第二个信息整理思路是将文本的关键信息提炼出来。

我们再一次观察这个甜点的介绍文案,发现这个文案可以分成四个部分,口感描述、外观描述、制作成分、流行趋势。在这里我们在外观描述中提炼出一段文字,作为这段话的摘要部分。

这样在阅读这段信息的时候,就可以更加容易的理解整段文字的内容了。

按照上面的步骤,一步一步整理,整个过程也加深了我们对文案的理解,那么既然已经明确了,一个文案中的重要信息是什么,下一步需要做的就是如何把这些信息传达出来,这也就进入了我们今天的第二部分的内容了,如何确立优先级。

3. 确立优先级

通过上面的学习可以准确的找到重要信息了,现在需要做的就是确立这些信息的优先级别。

这里有四个一样的苹果,我们并不能从画面知道哪个苹果是最重要的。我们把这个苹果放大,立刻就可以知道它优先级别是最高的。

这个道理同样适用在文字组上,单纯看这段文字,我们并不知道哪一句话是重点内容。

我们按照同样的方式,把最重要的信息放大,就可以知道它们的优先级别。

这里有三台无人机,同样发现不了哪一个是最重要的。但是我们只需要改变这个无人机的位置,就可以知道它们的优先级别。

调整位置的思路,重新来修改文案,达到明确优先级别的目的。

在这里有三个在举重的人,同样都分不出来他们的优先级别。去过健身房的同学,应该深有体会,在健身房你能举起的重量越大,越能吸引别人的目光。现在给中间的人,举铁的强度加倍,是不是优先级别立刻就显现出来了!

我们继续以这段文字为例,可以是通过改变颜色或者增加字重,来改变文字的强度。

版面划分

通过上面的学习,我们知道了可以通过调整信息的大小,位置和强度来确定信息的优先级别,这个不仅仅只适用于文字信息,同样适用于图片信息,这样在规划版面的时候,就可以按照信息的重要程度合理的放置信息了。根据版面中的信息的多少,版面划分的方式分为:二分法、三分法和四分法,通常来说重要的信息在版面中所占的面积和比例也是最大的,次要信息以此类推,所占面积依次减少,但并不是绝对的,这个同学们要明白。那么接下来,我们了解一些常用的版面划分的方式。

1. 二分法

首先我们来看一下二分法的几种形式。

在这张海报中,主视觉采用字叠图的方式作为主体,置于画面下方,占最大的面积和比例,其余文字放在上方,这就是典型的二分法画面。

2. 三分法

接下来,我们来看一下三分法,这里的信息层级也就进一步丰富起来。

这个画面中主视觉占版面最大面积,主要信息和次要信息也会一目了然。

这个画面同理,主视觉占据画面最大面积,主要信息和次要信息,虽然面积占比区分不大,但是通过文字的大小对比,有效的确立了信息的优先级别。

在海报中三分法也是很常见的方式。

3. 横竖结合划分版面

三分法,不仅仅只是横向的划分版面,同样可以横竖结合划分版面,我们继续来看几种常见的划分方式。

在这个画面中,最重要是餐厅的展示图片,主标题次之。

这个版面中,这四张图片传递的信息基本一致,但是将其中的一张图片放大,占居版面的最大面积,就确立了明确的优先级。

4. 四分法

我们来看一下四分法的常用划分方式。

亚博娱乐亚博注册师在开始正式的工作之前,还可以利用绘制手稿的形式来缩短思考亚博娱乐亚博注册的时间,锻炼我们的画面布局的能力,提升工作效率。下面给大家分享一下,绘制手稿的方法。

首先可以将图片简化为线框。

将文字简化为线段,内文文字用细线表示,标题等文字用粗线表示。

先来看这张手稿,在绘制时使用了三分法的版面划分方式。

我们把手绘的结构扫描进电脑,在软件里,用线条的形式优化版面。继续细化,利用网格规范版面中的元素。

然后根据版面亚博娱乐亚博注册一个画面。

继续来看这张手稿,在画的时候,这张左面考虑到了信息的数量,采用四分法,将版面划分出来,右面采用三分法,这些版面划分方法是可以相互组合的。

继续把手绘的结构扫描进电脑,优化版面。利用网格,规范手稿中的元素。

然后根据版面亚博娱乐亚博注册一个画面。

案例

在我们日常的自学过程中,可以用手稿的方式,多去临摹一些好的作品,这样有助于大家更好的理解和记住版面形式,达到快速提升版式亚博娱乐亚博注册能力的目的。接下来我们通过案例部分,加深大家的理解。

我们来看下这个案例,拿到这个文案以后,同样先按照第一部分讲的整理文案的方式,整理并理解文案,这里我都已经整理完毕了,就不重复过程了。

确定好文案的层级。

我们以主标题的大小为x来划分文字组的间距。

在这里采用二分法的方式,主要信息占据版面的最大面积,将图片置入版面中。

我们采用字叠图的方式,主要的文案信息叠放在图片上方。信息放置后,产生了大量的负空间,需要减少这部分的负空间。

放置与音乐有关的声波元素,减少负空间的同时,提升整个版面的动感。添加文案解决下方的负空间,使整个画面大小对比明显。

配合图片的感觉,上方文字添加发光效果,营造现场气氛。

在下方的主要信息区域,置入我们已经排好的文字组,右侧添加产品图片。

为了增加画面的呼应,给下方添加同样的文字。

总结

今天这节课到这里就结束了,我们通过四个部分的学习,了解到了从一开始整理并不熟悉的文案,到整理好文案后,确定信息的优先级别和版面的划分方式,以及画手稿的思路。相信在大家未来的学习和工作中有一定的帮助。

欢迎关注研习社的微信公众号:「Yanxishe2017」

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/introduction-to-layout-design

发表评论 加载中....

评论加载中....

yabo

评论区都快饿瘪了,看看我期盼的小眼神...

界面亚博娱乐亚博注册 亚博娱乐亚博注册圈干货 排版布局 版式亚博娱乐亚博注册 职场 优设专访 优设大课堂 亚博娱乐亚博注册达人 亚博娱乐亚博注册师干货 web前端开发 配色 视觉亚博娱乐亚博注册 素材下载 AI教程 亚博娱乐亚博注册理论 亚博娱乐亚博注册流程 神器下载 字体下载 亚博娱乐亚博注册师专访 psd下载 海报亚博娱乐亚博注册 亚博娱乐亚博注册规范 亚博娱乐亚博注册趋势 用户体验亚博娱乐亚博注册 动效亚博娱乐亚博注册 logo亚博娱乐亚博注册 平面亚博娱乐亚博注册 图标亚博娱乐亚博注册 ICON 产品亚博娱乐亚博注册 神器推荐 App亚博娱乐亚博注册 字体亚博娱乐亚博注册 职场规划 酷站推荐 交互亚博娱乐亚博注册 ui亚博娱乐亚博注册 优秀网页亚博娱乐亚博注册 亚博娱乐亚博注册师职场 ps技巧 酷站 用户体验 PS教程 网页亚博娱乐亚博注册 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万亚博娱乐亚博注册师聚集地!优设网是极具人气的亚博娱乐亚博注册师平台
2012年成立至今,一直专注于亚博娱乐亚博注册师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学亚博娱乐亚博注册 优设网 在这里