当前位置: 首页 >文章 > 点线面构成还能这么玩?
收藏
分享

点线面构成还能这么玩?

举报小虎转载君小虎转载君发布于 2021-07-261719阅读0点赞
点线面的组合在整个画面中尽量分布的平衡一些,这样有利于整个版面的构图结构。...

这次我打算聊一下版面中的点线面构成,这实在是老生常谈的问题,胡晓波说你是不是临时瞎想了一个主题凑数来的。

其实恰恰相反,之所以写这篇教程,主要还是因为平时有一些同学找我问很基础的问题,比如会有这样的一些疑问:

01.觉得人家文字排的很好看,但是不知道为什么这样编排。
02.想临摹,但是临摹了一些海报之后,发现独立去做,还是开机就迷茫。
03.自己的排版经常被说“呆板”,缺乏变化。


...

诸如此类。

如果我要具体到每个具体细节来讲解的话,中间的技巧,方法,理论会比较繁杂,要注意的小的知识点不胜枚举。

《道德经》中曾讲:道生一,一生二,二生三,三生万物。

所以我打算从这个“一”开始来讲,这就是版面中的点线面构成。

01
点状文本


首先我们先来看一下点状文本。

点状文本的作用很多时候就是作为装饰,因为分散的文字本身阅读性不好,所以一般有两种作用。

01.点作为装饰,活跃版面

02.点作为布局关系,填充版面

我们来做一个简单的文本示例。

我先简单编排一个常规的排版,这个排版时相对来说中规中矩的,从整个版面的构图来看,基本呈现的比较秩序,所以有人会觉得这种编排过于呆板,缺乏变化性,所以这个时候我们尝试加入“点状文本”的概念进来。

然后我们选取一个文本来作点状排版,我这里选择的时人名,只有四个字,就算拉开字间距,阅读起来也是没问题的,同时装饰性足够。

我们也可以尝试将底部的文字分散排列,因为这些文本本身字号较小,分散后实际上也呈现了“点状”的效果。你也可以加入类似的小短线,作为点的形状装饰。

02
线状文本


第二个部分我们来看一下什么是线状文本。

线状文本本身具有更多变化性。可以是水平的线,垂直的线,倾斜的线,弯曲的线,甚至具体形状的线(比如箭头)。

版面中的线状文本作用主要有三个方面:

01.线作为视觉引导,指引视觉焦点。

02.线作为装饰,活跃版面

03.线作为布局关系,填充版面

我们同样做一个简单的文本示例,在这个示例中,我会使用多种形态的线状文本。

首先我们同样先做一个最常规的文本编排。

其实我们在最常规的排列文本的时候,文本本质上就是一连串的线,但是有时候你会发现这种线的形态并不是非常明显,那么我们就要想办法放大这种线条的形态。

我一般会使用两种方法。

第一:增大行距,这样单行字的形态会更独立更明确。

第二:拆分更多的文字小组,排列错落,形成节奏感。

当然你也可以加一些无关重要的文本作为装饰,做一些更复杂的路径文本,这样整个版面中对于线的应用就会更夸张一些。

03

面状文本


面状文本其实本质上就是创造面积感,可以使整个版面更加具有秩序感。

如果单纯依赖于文字创造面积感,实际上对于文本是有要求的,需要的文案较多。

所以有时候我们也会使用色块等方式结合使用。

面状文本作用主要有三个方面:

01.面块营造秩序感

02.面块作为布局关系,填充版面

03.面积作为形状,制造形式感。

我们仍然使用上一个文案进行示例。

先做一个简单的文本编排。

使用文本创造面积感。可以将文字放大,就会自然有面积感。

也可以缩小行距,文本编排更加紧凑一些。

可以使用描边的方式组织文本。
也可以使用色块的方式组织文本。
04

点线面图形的使用


线条与点状图案属于非常基础的图形造型,但是往往可以起到点缀画面的作用。善于使用一些简单的图形装饰画面也非常重要。

但是基础的造型,也需要配合版面的风格,色彩,构图等作出不一样的编排,使用点线面图形本身要注重它的有效性,明确这个图形加到版面中是基于什么样的逻辑和原因。

我们做一个书封的案例演示。

首先我把基础的文字编排完成,文字部分我分为封面和腰封两个部分,

书封主要放置了书名及作者译者名字。

书的英文名称对应作者名,书的中文名称对应译者名,完成文字的分组关系。

腰封放置了书籍介绍的两段文字。一般来说,书名作者名放在封面上,腰封其实作为包装中比较冗余的部分,很多时候会被丢掉。我们需要确保重要信息不要丢失。

接下来我们从书封的信息中提取一下关键词。

基于一些简单的词汇,我们可以在使用线条时尽量遵循这个规律。

比如线条对应风,那么线条应该是柔软的,而不是硬朗的。

圆形对应破碎,那么圆形应该是碎裂的,而不是圆润的完整的。

然后我们看一下这个书封的展示效果。

05

点线面图形与图片


版面中有时候不会出现图片,但有时也会出现图片,当图片加入到画面中时,我们同样可以使用点线面的元素配合使用。

我们用第一个案例的文本来做一下完整的海报演示,同样,我先处理文字编排,我们看一下大概的效果。

整体呢,我结合了前面咱们几个案例讲解的一些方法。

大标题使用“面状文本”的做法。

小文字使用了倾斜的做法,突出线的构成变化。

人名则是使用“点状文本的方式”

接下来我们将图片放置进来。

接下来添加色彩,圆形,线条等元素装饰版面,这个画面就完成了。

注意:点线面的组合在整个画面中尽量分布的平衡一些,这样有利于整个版面的构图结构。

我们来看一下海报的展示效果。

这次的教程就到这里了


本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:胡晓波工作室!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩17天48人已报名
【5月】零基础手绘插画训练营
距离开班仅剩17天31人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩34天10人已报名
猜你喜欢
UI设计师的产品体验日记 04 期

2019-06-06

黑马青年 发表

UI设计师的产品体验日记 04 期
文字化场景速成

2021-08-18

胡晓波课堂 发表

文字化场景速成
我理解中的2021设计新趋势-UI

2020-11-16

是北瓜呀 发表

我理解中的2021设计新趋势-UI
B端C化也许是产品设计的新风向

2021-01-12

小虎转载君 发表

B端C化也许是产品设计的新风向
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,218
并提交了230份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证