文字空间的视觉表现形式

作者:吕丽丽 图片来源:网络
我们在设计排版的时候
文字的演绎往往起得很重要的作用
所以如何正确运用文字在画面中的视觉表现
需要我们不断地去研究与探讨
首先,简单介绍一下文字空间
↓↓↓
关于文字空间
在版式设计中文字空间编排设计除了文字笔画和字形组合实体造型,还包括虚空间关系处理,例如:包括字距、行距、文字大小、位置摆放、形状变化及周围空白空间组合而形成的整体空间关系处理。
在分享之前,先给大家上一个目录
我们分成以下四大板块进行分享
↓↓↓
01 点线面的合理利用
02 空白与实体空间的和谐比例
03 个性色彩的合理搭配
04 多维空间的相互转换
01 点线面的合理利用
 
在版式设计中,将或简短或冗长的文字从几何元素角度运用点、线、面构成形式进行编排设计,不仅能够使版式形成强烈的视觉形式美感,同时也是增强版式的趣味性和互动性的有效视觉表现形式。
例如下面这两张海报设计
将密集的文字整体编排成面的块状字群
字群与空白构成黑、白、灰的
空间层次,使版式层次丰富
干货 | 学排版!文字空间的视觉表现形式
这张谍战剧《风筝》的正式海报中
雨水细看之下是密密麻麻的小字
暗合了谍战主题
干货 | 学排版!文字空间的视觉表现形式
再例如这几张海报和广告
版式中的文字都编排成长短不一的线
可以产生强烈的方向感、节奏感和律动感
干货 | 学排版!文字空间的视觉表现形式
麦当劳最新户外广告中没有品牌LOGO
只有简单的几行文字
从上而下一层层的文字
仿佛让人直接看到美味的汉堡
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
海报中“笔墨纸砚”的字形都有进行
具象的视觉表现进行重组
使得进一步拓宽文字编排设计的表现空间
干货 | 学排版!文字空间的视觉表现形式
运用点、线、面的抽象观念进行文字空间设计,能在视觉上给人以清晰、流畅、平衡和整体感,使版式设计中的文字空间视觉表现形式更集聚形式感和时代特色
02空白与实体空间的和谐比例
 
文字版式设计中的空白与实体空间比例运用是否得当,决定了受众能否很容易地从文字编排中获取准确信息。
下面这些海报采用
醒目的字体与适度的空间留白
迅速抓住受众的眼球
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
道士下山的海报中用
国画中的黑白灰来表现空间层次
留白来体现海报节奏
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
麦当劳这幅户外广告中,路灯映出一个巨大的M
再配上简单的文字,传播信息的同时又很有创意
干货 | 学排版!文字空间的视觉表现形式
我在故宫修文物这部纪录片海报中
选用需修复的物件来做背景
再配上醒目的文字,让人留下深刻记忆
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
在这些海报中空白空间比较大时
版式会产生宁静、高雅的感觉
干货 | 学排版!文字空间的视觉表现形式
黄金时代海报中和谐的空白与实体空间比例关系
提高版式的审美,形成通透、疏朗的视觉效果
干货 | 学排版!文字空间的视觉表现形式
在妮维雅这个晚霜产品广告中
文字,图形与留白结合得非常巧妙
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
海报中文字实体面积大于空白处
则会产生热闹、紧凑、信息量大的感觉
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
03个性色彩的合理搭配
色彩作为视觉设计的构成元素,在版式设计中发挥着举足轻重的作用,色彩的视觉优势能更好的体现文字空间多视点的独特性
例如冷色有远离感,暖色有近在感
这些海报在文字编排时,通过色彩的冷暖对比
渐变重叠的方法来表现层次关系和空间深度
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
在这两张浓郁红色系海报中
都是用更夺目的金色相配
创造出强烈的视觉效果
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
用抢眼的黄色跳出画面
瞬间形成海报的空间关系
干货 | 学排版!文字空间的视觉表现形式
而在这两张色彩明度,纯度更低的海报中
选用中性的白色做标题,既醒目又不会太突兀
给人一种沉稳,厚重的感觉
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
在这几张冷色调的海报中
恰当的留白给人带来一种轻松,巧妙的感觉
而蓝色的宁静也会给人往后退的感觉
表现出海报的层次关系
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
04 多维空间的相互转换
文字空间多维度的相互转换可以借助多方面的空间关系来表现,在版式中形成主与次、强与弱和虚与实关系,使版式由二维空间向多维空间延伸。
干货 | 学排版!文字空间的视觉表现形式
黄金时代海报中将文字进行拆分
将笔画具象立体化后进行错位重叠处理
让文字形成一个多维空间
干货 | 学排版!文字空间的视觉表现形式
文字大小明暗的变化,可生成疏密、强弱的空间对比
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
干货 | 学排版!文字空间的视觉表现形式
设计师在板式设计时
让受众通过文字直观了解商家意图,产品性能的同时
用文字进行多维度,多视点的版式设计
追求更精美,更有空间与节奏的文字编排
希望今天分享的这篇干货内容
可以让你们在设计排版上得到启发
关注 关注
关注
返回顶部