赞助商
立即赞助

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

平面设计3年前 (2021)发布 流光
2.4K 0 0

在今天互联网,文艺青年设是特吃香,逼格满满感觉。那么在设计,是否也存在着文艺风呢?答案是肯定的,文艺的设计品一般有比大的留白和非常精致的文字编排,并且传达出比高的。么今天的节课就给大家扒一扒文艺风到底是怎么回,领着大家当一回设计中的文艺年。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

在千禧年前,大陆的音乐产业还没有现在样成熟,而港台的音乐盛极一时,直到现在许 90 的老叔叔老阿姨怀念个音乐的黄金年代,以前听的是月天、孙燕姿、王力,到 20 年的今天还是听着他们的歌。也正是因为当年台湾音乐的流行,台湾也诞生一批音乐辑设计师。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

△ 聂永,方序中

其最为我们熟知应该是聂永真和序两位了,聂永真是台湾第位 AGI 成员,而序则是首位设计了奖、钟奖和曲奖三设计师。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

由于当时音乐的内多数都与、友感相关的,所以设的专辑风格就都偏文向的。慢慢的,似乎就形了一种文风格。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这种文风格也不局限于专辑,他也被应用到了海报、书籍杂志封面或者产品包装领域。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这种风格合用需展示文化感、或者感的方,它具备感属性的,力感或科技感则与之背道驰了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

那么这种风格什么规律可循呢?当然的。首先讲一下照片的选择。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

一般文的设作品都会配文的照片。这张照片的选择对画面的影响非常的。如果选的照片不够文,那么版面排得再好文感也会打折扣。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

例如这一张专辑,换了一张同样斑马线的图片,虽然也不能丑,但道就明显不对了。可知,图片的选择多重。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

那么文的图片都些什么特点呢?这里我给家介绍一日本摄影师——滨田英明。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

田馥甄、苏打绿、五月天、卢广仲许多台湾歌手的专辑写真都由滨田英明拍摄的,所以滨田英明的作品能一程度表了文范,希望家可以通过这摄影师的作品,试去理解文的图片什么样子的。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

滨田英明的摄影作品风格比较净或者自然的。如果塑造净的感觉,滨田英明一般会避免过于复杂的背景,让画面显得净。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

自然的感觉主自于人自然不造作的姿势与神态加绿色的自然环境。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

拍摄的角度,滨田英明常会使用远景去拍摄,人所占的面积虽然小,却画面的视觉焦点,让面积的环境氛围去烘托人的处境。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

又或者用近景去拍摄人,让观者可以细细品人脸的表。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

色调方面,滨田英明的摄影一般都以冷色调主,冷色调清新的道。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

或者冷色调中加入一点点的暖色调,形冷暖对比会让画面冲击力。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

面的都偏向技法类的总结,文照片吸引人的本质于展示故事性,通过图片我们能联,例如画面里迫不及待去玩耍的小女孩。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

或者通过图片能感受到人溢出画面的绪,例如图的女孩就洋溢满屏的娇羞。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

例如同样一张照片,满版式的构图留白式的构图给我们的感觉不一样的。左满版的视觉冲击力会强一些,右的比较符合文的。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

留白并非只纯白的,文字图片的方。图片中比较净的区域也能算作留白,它同样能提供象的空间。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

也许会人那留白的版面也太好了吧,我随便好一块,把别的方空出就好了。真的这样吗?例如画面中这聂永真的一封面。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我将画面中的元素打乱重新排了一版。我们会发两同样留白,左就很精致,右就显得很空很乱。什么呢?因留白,需将布局得严谨,文字的部分排得足够精致,不然留白就会变空。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

笔画粗细不同的文字能给人不同的印象,纤细的文字给人以女性,机的感觉,这符合文感的感属性的,文风格的首选;粗壮的笔画则给人力感,好不使用这样的字体设置;中粗细的文字字小的况下也可以考虑使用,能保证小字的灰度匀称。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

另外文字字的跳跃率也需注意。小的跳跃率能显得比较精致细腻,跳跃率的则显得比较冲击力。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我们这样一对比,这一稿的文字我得比较纤细,字跳跃率比较小,整版面非常文细腻的。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果我将字差距拉,字重加粗之后,画面就会产一些力感视觉冲击力,原本的文感就被毁掉了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果我们办法写出好看秀气的字形的话,我们可以试故意将字写得笨拙一些,甚至可以用左手写字,也许能写出一些特殊的道。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

五月天的这张专辑所用的手写字就比较笨拙的,可也非常的好看。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果实写不出的合的手写字,我们可以用英文的手写字库作画面的点缀,这样同样能够增加版面的文感。不过需注意的,选用的手写体不能够太粗或者太粗犷,这样气质会显得不搭。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

前面说,文艺风格的版面讲究大留和低跳跃率,就像现在这个版面一,可是这可能会显得有些无聊。那就可以在版面加入一些点素,因为点素有活泼的属性,能让版面不那呆板。可是像这加点过粗暴了,应该怎加呢?

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

文艺风格计中,一会将文字理成点的素。例如这一段话,可以把它做一个面。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

而如果把其中一个字拉开之后,就会形成一个面,和一个点。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果将所有文字的字间距都拉开之后,就会形成了多个点。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

再回这个画面。可以这将部文字的字间距拉开,这的版面就能够更活泼一些了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

色彩的部,一会使用浅色调作为画面的配色,因为浅色调更符人对清新、文艺的印象。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这些计大也经常采用浅色调的配色。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

当然如果有殊的主题或者有比较负面的表达需求的话,深色调或者是别的配色也是可以使用的。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

最后一点是线的使。当我们编好一个大留白的版面之后,总觉得画面有点空,舒,那么我们就可在留白的区域适当入一些线。这样既有留白的感觉,又会显得太空。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这里得再一次到聂永真,聂永真非擅长线,他的许多作都是寥寥几根线就把整个版面给撑起来了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

线单纯的指线,可将线与字组合,又或者一行字本身就可看做是线。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

到这里,我们总结的规律就差多讲了。可是知道了规律就代表驾驭这种格了吗?肯定是的,当实际操作之后,我们会发现很容易版面就会编的太零碎。接来我给大到了一个反面例子,希望大可从这个反例中取版面乱的原因。我们来分析一这张海报是否到了才总结的知识点。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我们可看到这一张海报使了我们说的大多数原则,可是为么还是好看呢?因为这张海报显得太零碎,太乱了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

△ 聂永真

当然,零碎也是有零碎的美的,就像这个作品,就非常美观。但是零碎的海报难度是比较大的。所以下来给大家介绍种让版面不那碎的方式。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

△ 聂永真

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

第一种是将字编矩形,这样字看起来就会非的整齐。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

△ 聂永真

矩形并不味着就是把文字都堆在一起形成矩形。像现在这个封面,的文字虽然没有完全黏在一起,可是其实文字之间形成了若干个矩形。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

△ 聂真

这封面,则用文字包围了一矩形。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我们刚刚看到的这张海报什么会觉得他乱,就因这张海报的留白太零碎了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果我们将文字这样编排一起之后,留白就变了完整的两块。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如果我们将文字组往下挪的话,那么留白就一减少一块了。这样的版面就加整齐了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

最后一点是为版面的编排寻找依据,最常用的就是网格系统。例如这个版面中的文字,并不是所有的文字都能形成矩形,但是版面却不会显得乱,那是因为严格准寻了网格系统。这个版面可以竖向成 5 栏,横向成 4 栏。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

现在大家应该能理解如何做出一个干净整洁文艺的版面了吧。不过规整和零碎之间也是需要有一定的取舍的,如果一味的追求让版面规整,那最终做出的版面肯定会非常的呆板无趣。下面就给大家演示一遍改稿,让大家体会一下如何规整而不调。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这个是从那个海报中提取出来的文案,可以出这是一张介绍专辑的海报,所以使用文艺风格是适的。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

先建立一个画板,刚刚讲海报非常的凌乱,所以建立好一个网格系统,以便规范好的版面。这用的网格是 9*9 的网格。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

稿的图片放得非常大,而希望图片能缩一些,给版面留出更多的留。所以将图片放在右上方,占右侧的 6 栏,这图片就是以三法放在了版面。上方留出了半栏的位置放置文字息。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

这里我将中间的英替换成了手写体,增版面艺感。另外字组里的元素要注意对齐格线,中间的这一组信息横向对齐的是将横向格继续细分成五栏后的格。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

接着我将标题字放在了画面左侧的这个位置,这样形成一个对角线的构图。并且标题的字间距拉开,形成点的元素。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

日期信息我是处成了矩形,而且这个矩形上中小字形成了点的感觉。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

最后在版面上方上剩的案,上方有字的呼应。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我们这张海报就做好了。我们可对两边的留白,(右边的留白是非零碎的,而我们改稿之后留白就只剩两大了。

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

我们一起来顾一这节课的容。首先我们分析了「艺格」的由来与发展,接着我们总结了 7 条「艺格」的规律,分别是艺照片、大留白、纤细的字和低跳跃率、手写字、点元素、浅色调还有线的;然后又给大讲解了条艺版面零碎的方式,分别是字编成矩形、留白成并减留白数量和为版面编寻规律;最后我们给大演示了一次案例改稿,希望大从中到规整与零碎的平衡。那么我们就讲到这里,我是千树,我们期再见。

欢迎关注研习的公众号:「Yanxishe2017」

如何做一款自然不造作的文艺版式?用超多实例帮你掌握!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

“中心构图”是把主体放置在画面视觉中心,形成视觉焦点,再使用其他信息烘托和呼应主体。这样的构图形式能够将核心内容直观的...
中心构图
身为设计师,绝非只做简单的排版,需要多角度思考,精准的设计表达。提炼与分析产品或服务最有力的点,并有逻辑地利用策略和...
Banner设计
你平时看剧的时候会看些什么? 除了剧情和男女主的颜值之外,有些电视剧的海报设计似乎比剧情本身更加吸引人。 以下,就为...
人物海报
平面设计被定义为:通过各种手段创造和结合图片、符号、文字、色彩(构成要素),借此做出用来传递信息的视觉表现。关于设计...
平面设计
再过几天就又双叒叕到「双十一」了,身边的许多朋友已经开始忙着囤优惠券,找链接了,而做为「设计“狮”」的我却还在连夜赶着...
对比
@做设计的面条 :自从去年底我有了打造一个属于自己的小花园的想法后,我每天都在为实施这个想法准备着。整个花园是我亲力亲...
做设计的面条
近年来,「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑。基于一套架构严谨、规则统一的体系框架,产品表现层面的...
一致性原则
本文作者将给大家分析几个电商设计作品,并且会从排版、配色、用户体验、定位、用户心理等各个角度给大家讲解分析指出问题所...
Banner设计