说文解字(二):文字与其意像

本文将会针对文字与设计给人的意象做一番具体的介绍,也就是说,为什么某种文字会给人某种印象。正是这个“为什么”,是我们本文的重要部分。

前言

人们在阅读是时候,只专注于文章的“内容”,而文字的形状、线条等视觉信息,却会在同一时间映入眼帘。这些信息会以模糊的“意象”留存在读者的脑海中。

不同于阅读文字的内容,“意象”会让人“直觉”且“无意识”的接收并且印刻在心中,构筑成形。

image

诚品书店

image

中国台湾艺术大学毕业展

image

COL设计展

image

艺术拓展未来

image

THERAPY

如果你只是文字的阅读者,可不必对这样的意象深入细想;但如果你是负责文字的设计人员,从创作者的角度,你就必须思考积极创造“意象”并加以控制的方法。

本文将会针对文字与设计给人的意象做一番具体的介绍,也就是说,为什么某种文字会给人某种印象。正是这个“为什么”,是我们本文的重要部分。

高级感和传统感

我们通常理解的高级感或传统感,一般就是文字的优美曲线与其周边的空间所营造出来的氛围。

image

一般来说,在我们使用西方语系文字时,衬线体会比无衬线体来的有格调;

image

而东方语系文字中,宋体感觉比黑体要来的高雅

最主要的原因是衬线体和宋体相对无衬线体和黑体来说,厉史更为悠久,并长期为人们所使用。

image

在印刷中,衬线体本身就给人一种“传统”和“高格调”的印象。如果更进一步,采用历史久远、类似手写体的文字设计,则更能体现出强烈的传统感和高级感。

那为什么这样的字体会显得更有质感呢?

这些传统的字体设计都有一个共同点,就是字体中大多有曲线。有些字体可能只是很少的曲线,但借由这些曲线搭配而组成的字体,却能营造出优美而又华丽的感觉。

image

此外,想要呈现出高级感,别忘了在文字周边的“留白”以及文字的“颜色”。让文字周围有舒展的空间,字号不显得过大,这点非常重要。

字的颜色尽可能选用近乎无彩色、不会给人艳俗感的颜色为准。

image

by JuanFer Díaz

image

by cartier

亲近感和柔和感

我们在看到形状尖锐细长的东西,会感到紧张。相反,没有边角的圆滑形状,则会带来“安全感”“容易亲近”的印象。

image

文字也带给我们同样的心理作用。线条纤细、前端尖锐的直线形设计文字,给人危险、难以靠近的印象;

image

至于线条粗大、前端浑圆的文字设计,则给人容易亲近、柔和或者可爱的印象。更进一步来说,采用类似手写的随性字体,更能加深这种印象。

image

在颜色上,采用与背景色差异小的暖色系,尽量避免黑色或者藏青色等强对比色彩,保证文字温柔的印象。

边角浑圆的字体让人觉得很容易亲近,但同时也带来了“孩子气”“‘轻浮”的印象;同时,这类有“特征”的字体,不适合应用于长篇文章,容易造成疲倦。

image

by tubik

image

by Risa Rodil

未来性和先进性

我们在设计具有“先进”“精致”“未来”意象的作品时,也可通过文字来达到这样的意象。

首先,我们排除来带有装饰的文字。文字构成要素越简单,抽象感则越强烈,更容易呈现出一种现代感。

image

无衬线体比衬线体更简单,黑体比宋体更简单,所以在无衬线体和黑体中去选择具有未来感的字体更容易。

image

其次,想要进一步带来科技感,在文字要素简单的基础上,呈现出“图形化”。

image

by gaiaxy

例如,只用直线来呈现文字,或者只用直线和圆相互连接来构成文字。这样的字体更多出现在西方语系文字中,中文这种复杂的文字很少有这个类型的。

image

by Yoga Perdana

文字越是图形化,就越难以把他当作“文字”来阅读。尽管在“logo”和图像广告中经常出现,但是在长篇的文章中显得难以阅读,非常不实用。

image

by MARVEL

在颜色上,想要营造出充满先进感、未来感的意象,适合使用黑灰色或者深颜色。在重点的部位点赞红色、蓝色等,进一步加深来科技感。

怀旧和复古

很多文字的出现都是符合当时的时代风貌,所以以前的部分文字设计,就会具有很强烈的复古感。

我们在设计怀旧作品的时候,了解那个时代的文化特征,巧妙掌握流行的走向、转变及其设计的特色,能够更好的帮助我们作出充满怀旧感的设计。

image

在中文字体中,上世纪50年代左右的设计作品里,手写字体的设计带给人温暖和柔和的感觉。

image

by rebecca

那个时代还是无法完全使用印刷技术,因此采用手写字体来描绘设计。正是因为如此,线条的粗细带有随意性,笔画也不是非常的统一,正是这一特点,更能体现当时的时代文化。

image

在西方语系文字中,类似“罗马体”“哥特体”等代表性的复古文字,体现出来当时古老的文明;后来随着时代的发展,字体也由严肃转变为更多的装饰;再之后,便是“新文字艺术”的风潮影响下,文字设计开始产生“现代感”。

image

by VOGUE&BAZAAR

传统文化与书法文字

若要问哪个字体设计让你感受到了传统文化,非竖排的毛笔字莫属。

image

在中国书法中,“篆书”、“隶书”、“楷书”、“行书”、“草书”称为书法五体。

image

by 北京同仁堂

除此之外,还有在logo、或者广告标语设计中,更自由、更具有现代感的毛笔字设计,也有委托书法家亲手书写的。

image

书法字体最重要的便是毛笔的运笔走势和排列方式要一致。毛笔字多采用竖排,若是以横排来展示,会觉得有点古怪。

image

by 泰昌饼家

在颜色上,传统毛笔字不适合鲜艳明亮的颜色,减少整个版面的色彩,多采用古朴的配色,更能体现出中国字体的传统感觉。

严谨感与信赖感

原本文字不具有设计性,只是传递“信息”的载体。而传递的信息难免也会有误,或者是胡诌骗人的内容。

说谎的人会显得神色惊慌,或是刻意装模作样;相反,严谨、值得信赖的人,则会显得稳重、朴实,不会标新立异。

image

by烧肉丼食堂

文字设计也一样。充满装饰性、给人华丽印象的设计,显得魅力十足,也更容易引起人们的兴趣和关注。

image

by National Aviation University

但是在“信赖感”这方面,常见且没什么特别独特性的文字则更胜一筹。例如,历史悠久的宋体比黑体更具有信赖感。

image

by AMTRAK

在文字排版上,版面宽松、阅读的设计,比紧凑的版面设计更让人信赖。

精致的印象

相信我们或多或少都有收到要求精致设计的需求,而想要营造出精致的印象,文字的配置方式比采用任何字体更为重要。

image

在文字选择上,比起宋体和衬线体之类历史悠久的文字设计,新颖的黑体和无衬线体更能给人现代感、利落、清爽的印象。

image

纤细线条的文字比起粗线条的文字给人更强烈的精致感。

最后要达到“精致”印象的设计,比起文字本身的形状,对文字的布局环境进行精细的调整更为重要。

image

by voyage of time

首先,文字的周边应该有足够的空间,对文字做精简的浓缩,大胆的让文字的周围有大块的留白。在缩小字体的同时,尽量减少字数。

image

by MUJI

同时,尽量减少版面重的色彩数量。多采用无彩色,或者近乎灰阶的灰色调,便能呈现精致风格。

力道与冲击力

image

想强调存在感、想表明主张或是想要让文字内容呈现出冲击力,可将直线形的文字放大,借此呈现出力道、冲击力。

image

比起宋体和粗线条这种纵横线条宽度不一的设计,黑体和无衬线体这种线条宽度一致的文字更具有稳定感,适合表现力感。而构成线条越粗、越能给人强劲的感觉。

image

在版面上,松散的字间距会削弱文字的力量感,让文字稍微紧缩,更能表现出力道。

若版面上有过多的文字,采用粗黑的字体设计,则会让画面显得沉闷,削弱了文字的对比。我们只有在该使用粗字体的时候使用,和其它的字体产生对比,才更能展现粗字体的力量感。

image

在颜色上,文字要挑选与背景色有明显差异的颜色。在所有颜色中,黑色最能表现出强劲意象,不管和什么颜色的背景搭配,强劲感都不会削弱。

image

by 361

纤细与魅力

在以女性为对象的设计作品中,经常要求呈现出纤细、优美、华丽的意象。在文字选择上,可选择线条纤细,整体为曲线形式的字体。曲线比起直线更为柔和、更容易亲近。

image

在东方语系文字中,宋体比黑体更适合女性设计,在西方语系文字中,衬线体比无衬线体则更胜一筹。

image

想要进一步强调“魅力”,采用草书或者楷书这类的毛笔字体也是不错的选择。

image

by pretz

进一步细分来看,年轻女性的设计,整体采用曲线组成,端角圆滑、给人可爱印象的文字。

image

by azleon

以女性为对象的商业类设计,则可采用黑体或无衬线体来代替。

image

by jane

想要传达优雅的高级感,则避免使用新型设计的文字,采用传统的宋体或衬线体跟更适合。

image

by ohlala

如果想要表现休闲的风格,就该选择强调装饰性的文字设计。

小结

随着字体不同,文字可以传达出不同的氛围,加以色彩的配合,能传达出更明确的意象。

但文字设计不是万能的,有时候文字没法完美的呈现出想要的意境,这个时候,整体上调整版面布局和色彩搭配,可以最有效的帮助画面去表现原本想要展现的意境。

至于版面和色彩部分,可以看看我们之前分享的文章:

《关于排版,给你几个甲方不怼你的理由!(一)》

《甲方竟敢说你的配色丑! 我来教你怼回去(一)》

作者:设计师日记,公众号:设计师日记

本文由 @设计师日记 翻译发布于人人都是产品经理 ,未经许可,禁止转载

题图来自 Unsplash,基于CC0协议


为您推荐了相关的技术文章:

  1. Noneface | Hack4fun
  2. CSS编码规范 | 岚光
  3. Wordpress <= 4.6.1 使用语言文件任意代码执行漏洞分析
  4. CVE-2016-7595 Apple macOS/iOS CoreText OTL::GPOS::ApplyPairPos越界访问漏洞分析
  5. CVE-2017-0283:Windows Uniscribe远程代码执行漏洞分析

原文链接: www.woshipm.com