网页设计 » 视觉设计 » 如何用一组文案做不同的排版?

如何用一组文案做不同的排版?

发表于: 视觉设计. 评论
Sponsor

哈喽大家好,好久不见,今天为大家带来了新的分享文章,自己空余时间做了一些练习,分享一下思路给大家,希望大家喜欢。最近发现了一位宝藏女神歌手坂井泉水,虽然她已经去世多年了,但是了解了她的生平之后,越发觉得这是一位了不起的人物,想必也会有小伙伴认识或者是她的粉丝吧。

今天就是以这位歌手和她写的歌《DANDAN心魅かれてく》为主题,虚拟了一组文案,并作出了几种不同的风格版式,也借此对她表达一种怀念,大家一起来看看吧。

文案主题:《DANDAN心魅かれてく》中文译名《渐渐被你吸引》

具体文案内容:1.1996 album FIELD OF VIEW;2. 坂井泉水 摇滚乐队ZARD主唱 生卒年1967-2007;3. 《龙珠GT主题曲》;4. 作词 坂井泉水 谱曲 织田哲郎 编曲 池田大介;5. 《アニメ「ドラゴンボール」放送30周年记念 ドラゴンボール 神 BEST》

上面就是排版所用到的文案内容,那么怎样做出不同的版式呢,文案相同的情况下要做出差异化,那当然少不了足够多且美好的歌手图片了,在好图的加持下,排版便会锦上添花。由于我的水平也有限,在版式上也仅仅是探索,如果能给到大家一些启发,那是最好不过了。

我们都知道版式的四大原则,亲密性、对齐、对比和重复,如果我们能收放自如地运用这些原则,那么版式设计就会有长足的进步。下面就一起来看看吧!第一次做演示,浅薄之处还请多多包涵哈。

DESIGN 01

第一个版式,选择了下面这一张图,这是一张横版图,我要把它做成竖版的海报,大家可以开动思维想一想,如果让你来做,你会选择什么样的方式呢?

如何用一组文案做不同的排版?

要变成竖版就需要裁切,我采用了切版图片的方式,也就是不把原图撑满整个画面,而是在四周留出合适的边距,然后将图片置入中间位置,接下来运用版式的亲密性原则,将文案进行分组,其实在上面的文案梳理中为了大家便于理解,已经对文案进行了大致的分组,这样条理也会更加清晰,下面进行动态演示。

如何用一组文案做不同的排版?

上面动图中将画面的下半部分进行了合理填充,主标题副标题和专辑发行的时间以及专辑名进行了合理的分组,文字的排版布局体现了亲密性和对齐原则。我们还剩下一部分文案内容,应该怎么放置呢,那么很自然的,在图像的左上方是有合适的空区域的,我们可以将歌手信息合理的填充在这里,为了让版面看起来更加平衡,将生卒年的时间信息放在了右上角,并且将词曲信息放在图像的底部。

如何用一组文案做不同的排版?

至此,第一个版式就设计完成了,字体的选择使用了黑宋结合,偏日式的一种感觉,在已有图片素材的情况下,排版文字主要是将它进行合理的分组,互相之间体现出对比性,文字大小对比、间隔对比等等,最后找到适合的空间位置进行布局就可以了。

DESIGN 02

第二个版式选了这张图,这是一张天然的竖版图,为我们排版提供了绝佳的视觉空间,看到这个图我第一时间就想到了最出效果的居中布局。这一版我使用了歌名的中文版 “渐渐地被你吸引”,主题字体选择上使用了手写风格,让它显得更有味道一些。至此,大家脑海中是否有了最终的视觉呈现呢?

如何用一组文案做不同的排版?

那么,他最终就是这个样子,没有对原图进行任何多余的修改,文案也是很直接的放上去,没有什么技术含量,但是依然考察了对版式原则的运用,亲密性、对齐、对比和重复,时刻需要牢记。

如何用一组文案做不同的排版?

最后我也是选了另外一张,做了同样的版,这两张都很合适做居中排版,所以我觉得版式设计并不是一定要多么复杂多么炫酷,你一定要结合图片的适用程度去选择合适的布局,无需强行去套别人的版。

如何用一组文案做不同的排版?

DESIGN 03

第三个版式选择了这一张,这张个性比较明显,那么我在主题表现上做了一些调整,不再以歌曲名为主标题,而是换成了歌手名,再将其他分类好的文案进行排布即可。

如何用一组文案做不同的排版?

这一次也是没有对原图进行修改,直接排了文字上去,另外添加了坂井泉水的日文名字。其实到这里大家可以发现,并没有什么特别的技巧,只是对排版原则的把控,当然,如果素材是需要自己创作而不是现有图像的话,那版式也就有了更多的不同,但是无论怎么变,原则还是在指导着我们的设计方向,除非是那种特别抽象的艺术化视觉,完全打破了设计的原则,但不管怎么样,还是需要把基础打好,才能向更高处去进发。

如何用一组文案做不同的排版?

DESIGN 04

第四个版式我采用了倾斜构图,将两张图像拼合在一起进行排版,素材使用了下面两张图,大家可以想象一下,该如何进行倾斜构图呢?

如何用一组文案做不同的排版?

首先,我将两张素材进行了对角线倾斜切割,然后将文案中最长的两组专辑名和词曲信息分别放在了最上方和最下方。

如何用一组文案做不同的排版?

然后将泉水姐姐的日文名字和主题曲名字放在倾斜的中线两侧以平衡倾斜构图的布局。

如何用一组文案做不同的排版?

最后将生卒年和中文名信息缩小放置在日文名字右上角,再将专辑年代做成一个小圆标放在合适的位置,至此完成最终稿。关于倾斜构图,我之前写过这篇文章,点击下面链接可查看。知识:倾斜构图在平面设计中的应用

如何用一组文案做不同的排版?

DESIGN 05

第五张选了这个,一张比较街拍的图,所以我想着让画面不再聚焦人物,而是让主题文字最大化体现。

如何用一组文案做不同的排版?

那么首先我对图片本身进行了去色和遮罩处理,让它的色彩不那么丰富,也是为了不抢主题字的风头。先将图像压暗并保留中间部分亮一些,然后对上半部分去色,至于是否可以全图去色,当然也是可以的,并不需要强行规定哈。

如何用一组文案做不同的排版?

接着我就主要先处理主题文字了,可是如果仅仅是放大了文字扔在这里,不仅识别性受影响,主要是也不好看,这个时候就需要文字背景色来救场,中间被提亮的部分就是颜色的舞台,至于选择何种颜色,开放性版式并无特殊规定,一句话,顺眼就ok。我选择了明快并具有一定综艺感的黄绿渐变色作为文字的铺垫,其实这也是我从图像本身去色前的色彩中选的。

如何用一组文案做不同的排版?

如何用一组文案做不同的排版?

主题文字部分处理完了,接下来就是余下的文字信息怎么放置,由于中间位置被占据的牢牢的,那么我们采用四周布局的方式来将这些文字环绕在主题字周围,那么也就解决了问题。如下图这般,按照既定的分组去合理摆放即可。

如何用一组文案做不同的排版?

DESIGN 06

第六个我选了这张,也是最后一版啦,不知道大家看完这些之后作何感想呢,这也不算教程啦,就是我自己在练习时的一些想法。

如何用一组文案做不同的排版?

这张打算做一张类似于光碟的形式,依然用歌名作为主题,将图像剪切进圆形蒙版中去,将标题置于顶部,专辑发行时间+歌手名字+歌名中文版分三组居中排布,这里我对文案进行了小小的换位,把歌手名的日文放在了中文歌名上面,也是为了平衡三组文案的高度,再添加小小的角标和圆标,最后给图像加一点塑料和炫光的纹理,至此也就告一段落了。

如何用一组文案做不同的排版?

到这里已经结束了本次文章的核心内容分享,用相同的文案做了六种不同的版式,在已有图片素材的情况下,做起来是较为便捷的,做这样的海报关键是对版式原则的理解运用。最后我们再来回顾一下六张海报的最终样貌吧!

如何用一组文案做不同的排版?

今天的分享就到这里,感谢每一位坚持读到最后的朋友,阅读和设计一样,是一个不断往返的过程,保持乐观,坚定信念,期待你的进步,我们下期再见!

作者 | 乐观做设计
来源 | 乐观做设计(ID:OD_designer)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }