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

网络营销评论68

文章来源:知乎 作者:栾时予

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

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

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

还是得往这看!

直接来点实在的。

一、字体意象的选择

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

1、选用哪种字体

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

  • 手写体

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

换种排版方式,汉字也能高逼格!-图片1

  • 毛笔字体

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

换种排版方式,汉字也能高逼格!-图片2

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

换种排版方式,汉字也能高逼格!-图片3

  • 标准字体

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

换种排版方式,汉字也能高逼格!-图片4▲苹果官网

换种排版方式,汉字也能高逼格!-图片5

▲性冷淡官网

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

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

换种排版方式,汉字也能高逼格!-图片6

▲红/橘/黄

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

换种排版方式,汉字也能高逼格!-图片7

▲蓝色系列

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

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

换种排版方式,汉字也能高逼格!-图片8

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

换种排版方式,汉字也能高逼格!-图片9

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

二、视觉导向的斟酌

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

换种排版方式,汉字也能高逼格!-图片10

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

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

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

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

换种排版方式,汉字也能高逼格!-图片11

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

  • 字号大小对比

换种排版方式,汉字也能高逼格!-图片12

  • 重量粗细对比

换种排版方式,汉字也能高逼格!-图片13

  • 字体形状对比

换种排版方式,汉字也能高逼格!-图片14

  • 文字色彩对比

换种排版方式,汉字也能高逼格!-图片15

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

2、易于阅读的排版

Ⅰ.行长/行距/分栏

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

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

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

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

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

换种排版方式,汉字也能高逼格!-图片16

或者:

换种排版方式,汉字也能高逼格!-图片17

三、排版上的美观

1、节奏&方向性

举个例子:

换种排版方式,汉字也能高逼格!-图片18

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

2、文字重点&对比

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

3、阴影&线框

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

换种排版方式,汉字也能高逼格!-图片19

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

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

换种排版方式,汉字也能高逼格!-图片20

换种排版方式,汉字也能高逼格!-图片21

5、文字拟态

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

换种排版方式,汉字也能高逼格!-图片22

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

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

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

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

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

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

2、海报

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

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

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

3、文字Logo

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

Ⅰ.文字局部拟物

换种排版方式,汉字也能高逼格!-图片23

Ⅱ .局部色彩强化

换种排版方式,汉字也能高逼格!-图片24换种排版方式,汉字也能高逼格!-图片25

最后:

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

公众号:cnjunnet

换种排版方式,汉字也能高逼格!-图片26

长按二维码获取更多资讯

合作请联系微信:15555883393

 
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: