换种排版方式,汉字也能高逼格!

牵马的蜘蛛 关注

收藏于 : 2016-11-15 10:17   被转藏 : 5   

☀ 每日推送精彩内容:分享设计、新鲜、时尚、幽默、健康的生活信息~美丽生活从这里开始;生活因你而精彩;快乐每一天!完全是免费订阅哦,请放心“关注”。


界只有不到1%的人关注了『平面设计交流』

你真是个特别的人

我大天朝的文化博大精深,

文字在世界上也是独树一帜,

要想把汉字的效果发挥到极致,

还是得往这看!

直接来点实在的。

字体意象的选择

诚然,用户在阅读的过程中,思维主要专注于文字内容上。但毫无疑问的,除去内容,载体文字的形、色、间距、强弱,甚至文字周边的图片插画等,纯视觉上的元素,也会以意象的方式存入用户脑海,形成一定程度的“潜意识”。


1、选用哪种字体

在确定字体的选用前,先得明确其主题。或者说,要理解画面上的文字,想传达怎样的观感、情绪等。举例说明:


  • 手写体

手写体更能体现“人文”、“自然”的主题,往往能给人以亲笔写下的诚意与温度。商用广告里面,像是:家庭题材、手工制作产品、随笔书籍、部分服务业都适合使用手写体。就像这样




  • 毛笔字体

“楷书”、“隶书”、“篆书”、“行书”、“草书”等偏向于古朴,有沉淀感的字体适用于偏传统风、民俗题材、历史题材、文化古迹等文字内容。如图。

不过这类字,单看装饰性也很强。如




  • 标准字体

标准字体如果加以适当宽松的间距,极简化的干净背景,便能极大地提升画面的严谨精致与设计感。如:



▲苹果官网



▲性冷淡官网


2、选择合适的颜色/明度/色相/饱和度


暖色:这类颜色偏于热情,有一种excited的感觉。

▲红/橘/黄


冷色:偏于安静、冷静、沉稳,所以商务题材非常爱用。

▲蓝色系列


改变颜色的明度/饱和度,可以更加贴近所述氛围。如:

春天题材:粉绿/粉蓝/粉红


夏天题材:纯白/天蓝/鲜橙



总结起来,在选择上,要多代入场景、氛围来思考,确定主题。成果展现的意象,也千万要切题。


二、视觉导向的斟酌

大家如果看日漫,一定有这样的经历:第一次看日本漫画时,频频蒙逼…




与中文由左至右的阅读习惯不同,日式排版让人超不习惯。这算是文化差异带来的不易阅读的例子。归纳来说:


1、内容和字体的关系
Ⅰ.字号
这里主要讲偏书籍、杂志、手册类的排版规则。

  • 标题:大标题>小标题>副标题>引言>正文
  • 正文:一般至少为9pt,如果面向的是儿童、老人这类人群,则需酌情放大字体
  • 补充说明:如批注,图片说明、原作者等,一般在6.5pt左右。


Ⅱ.边界&对比
边界即画面上下左右的边距留白,这里用HTML排版里,比较典型的盒子模型为例:




边界的比例,尤其是在书籍印刷上,给人心理的愉悦度影响程度很大。比如窄边距,往往有一种压迫感,两眼一黑。对比分几种:


  • 字号大小对比




  • 重量粗细对比




  • 字体形状对比




  • 文字色彩对比




对比主要是将文字动静分化开,比较有主次、冲击力。


2、易于阅读的排版

Ⅰ.行长/行距/分栏

当文章较长时,行长、行距、分栏的设定往往会决定读者的阅读节奏。如果阅读节奏和主题内容较为吻合,往往能得到较好的阅读体验,甚至能增强代入感。

  • 行长: 即每行长度,太长会给人疲累感,太短会给人频繁换行的阅读上的不快。
  • 行距:每行间的留白,通常8pt的正文字号,适合行距在1.3mm~2.72mm之间。
  • 分栏:栏数越多往往意味着行长缩减,故应结合行长调整


Ⅱ.文字间距
文字间距是个神奇的东西,往往它决定着文字在阅读时的“韵律感”。
西方字体,如W和I,其字体宽度本来就不同。但是东方字体,,每个字占据空间相同,几乎都是一个个正方形方块。

  • 字距狭窄:突出密度感、紧凑感。
  • 字句宽松:给人舒适怡然感、结合细体文字往往有一种设计感。


关于视觉的引导性。举几个极端的例子大家就懂了,比如:




或者:




三、排版上的美观

1、节奏&方向性

举个例子:




有没有觉得上图②号火柴人的跑动方向“奔跑”二字的阅读方向不同,导致画面节奏略显奇怪。


2、文字重点&对比

这个在上面提到过了,需要注意的是:要先思考突出内容,再考虑整体美观性。


3、阴影&线框

如果你想用的纯色字体和背景色太过相似,背景色很有可能会“糊掉”你的文字。从远处看背景与文字根本分不清主次。这个时候可以用线框或是阴影来强调文字,使之在视觉上与背景分开。如下图的destino。



4、材质
这点和英文字体一样,使用符合主题的字体材质,往往能增强标题的戏剧化效果,增强文字的密度重量感

文字作为抽象产物,材质化也能使之减轻其“抽象感”。





5、文字拟态

这个和材质化很像,也是增强文字张力的手法之一。也能使之更好地与画面上其他视觉元素进行互动




四、基于印刷品材质/比例/尺寸的不同,做出相应调整


1、.书籍/杂志/手册
这类页数较多、文字图片内容明确且丰富的出版物,一般会有雏形板式。包括:

  • 版面大小
  • 版心
  • 段落
  • 正文
  • 标题样式等

如果是书籍装帧的排版,还涉及到:

  • 书眉
  • 订口
  • 切口
  • 天头
  • 地脚
  • 页码
  • 正文等

原则上至少要做到内容易读,排版结合读者阅读习惯,具有引导性,突出重点。另外,纸质也是重要的参考因素。


2、海报

海报是个很看重第一眼印象的东西。一般来说用户观看海报的时间平均可能只有1.5秒的时间,接收到的几乎是瞬时信息。所以标题一定要最显眼,其次主题、内容、时间等按照视觉逻辑依次按重点优先级排列

标题文案最好不带解说色彩 与背景图片互相呼应互补才是最好的。不过相比文字,大部分情况下海报最重要的元素是图片,能用图片叙述的内容,就最好不用文字。

当然,如果海报本身的设计足够有冲击力或是吸引力,往往能达到让用户停留更长的时间观看达到+1s的目的


3、文字Logo

这个是相当多设计师的槽点之一啊啊!!你们甲方看起来很简单是吧!!简单提几点:


Ⅰ.文字局部拟物




Ⅱ .局部色彩强化




最后:
  • 高格调好看,但一定一定切合主题 。
  • 文字和图片同样重要,请将文字当作图片来处理。


文章来源|知乎

文章作者|栾时予


旁友们,看了这么多,

是不是手很痒?

实践出真知,

快去试试吧。


-每晚11:30,看点真干货-

回复下面关键词等你哦

整容液|CDR|PS

AI| 配色

海报 | 印刷 | 名片



平面设计交流

微信号:CZPD1990

我们接受优秀的原创内容投稿

摄影 | 绘画 | 设计 | 教程

投稿邮箱:tougao10vip@sina.com

小编微信号:caoge278219

下面是人生哲理,人生感悟的公众号

最经典   最感动

给你生活感动   给你人生感悟

微信ID:jindian162
长按左侧二维码关注

 阅读文章全部内容  
点击查看
文章点评
相关文章
牵马的蜘蛛 关注

文章收藏:2647

TA的最新收藏