文字设计原理(四):字体的表现力

用户头像
上海/设计爱好者/7年前/5781浏览
文字设计原理(四):字体的表现力

文字设计原理(四):字体的表现力

undefined



//前言//


人们为了传递某些信息,而去书写文字。设计就是为了传达某些信息,让观者读取文字的时候,在心中能够留下强烈的印象。


本着这个目标,我们考虑将文本的“易读性”向前更进一步,使得文本更具有“表现力”。


在下面的分享中,介绍几种最具代表性的表现方法;在阅读时,思考画面适合用哪几种表现手法,在何时能够发挥最佳效果。如此一来,学习效果才会更好。



//字号对比//


将文字的字号加以变化,是强调文字最基本的手法。

undefined

字号大小的变化称之为“跃出率”,“跃出率”越高,字体变化越大,越能让版面展现出强弱变化。

undefined

文字字号大小的变化,也会影响版面的“平衡”。文字越大,其所在之处的“重量”也会越大;同样,小字号的文字,数量够多,“重量”也会越大。


所以,我们在版面配置文字的时候,会考虑文字之间互相造成的重量抗衡关系,通过字号加大,或者字量增加来调整版面的平衡。

undefined

文字大小变化还有一个目的就是整理信息。尤其是在长篇文字时,如果字号全部相同,那么读者可能会觉得需要把通篇都读完才能掌握内容;而局部使用大字号的文字,读者通过浏览突出内容,就更容易掌握整体。


undefined

by Filip Justić


undefined

by Maxvision



//重量对比//


把字的重量加以变化,版面也会产生强弱的差别。

undefined

所谓的“重量”是指文字的线条粗细。大部分的标准字体,都会准备好几种的重量形态。

undefined

相同字号的字体,借助字的重量的变化来表现强弱。最引人注目的标题或者标语处,使用粗线条的字,周围配套内容使用细线条,使得观者的视觉焦点集中在重量较大的文字上。


此外,字体的重量也可以决定文字内容的重要性。线条越粗感觉越沉重,反之,线条越细感觉越轻巧。换言之,字体的重量也就是版面中的“存在感”。

undefined

字号小而线条粗的文字,与字号大而线条细的文字,展现出来的存在感差不多。虽然存在感差不多,但是字体的重量有所差异,传达出来的印象也随之不同。


在思考如何设计文字内容时,要结合文字的字号和重量;在版面上表现强调和节奏时,要注意对比的基本原则-不要畏手畏脚。


undefined

by Stan Yakusevich


undefined

by Muyi



//字体对比//


在字体上增添变化,可以让观者感受到设计师的“在意”。

undefined

如果文字内容全局使用样式相同的字体,会让人觉得设计师的不用心;而全局使用不同样式的字体,会让人觉得“异样感”,文章就会难以阅读;但若只是作为设计的点缀,运用在某一部分,就可以产生强调的效果


为字体赋予变化时,如果只是稍许的差异,无法达到预期的对比效果;重量轻的字体也难以区分彼此的差异。因此,想要营造字体的对比效果,就使用重量重的字体来彼此搭配组合,或是加重某一方的重量来达到对比效果。

undefined

相对于重量或者字号对比,字体对比更能够将观者的注意力集中在文章的“内容”上。想要进一步强调时,添加颜色的变化也是一种方法。


undefined

by Cuberto


undefined

by Slava Kornilov



//色彩对比//


若想要强调某一部分时,改变文字颜色是极为有效的办法。

undefined

在设计中,色彩是极为重要的要素,在传达无法言喻的感觉时,灵活运用配色是最有效的方法。


undefined

颜色使用在文字上时,为了提高文字的可读性,必须使背景色与文字的色彩有明度落差。


将色彩当做特点使用时,尽量减少颜色数量,或者统一色彩的色调,营造整体和谐的感觉。


undefined

by Antoine Plu


undefined

by Franko Komljenović



//节奏//


在版面上创造出节奏,那个部分就会成为目光的焦点。


想要展现节奏感,就要从“静止”与“动感”两方面着手。

undefined

所谓的“静止”就是完全依照规则、正确排列文字等要素的状态,这是表现节奏感的基础。


在“静止”状态下,从要素中选取某一部分,将其放大、加粗,或者是改变颜色,利用这种变化来表现“动感”,进而产生节奏。

undefined

虽说想要强调节奏感,但若将所有的要素都加上“动感”,整体就会散发出杂乱但感觉,务必保留基础“静止”部分。


undefined

by Pinterest


undefined

by 三少爷的剑



//材质//


在文字上使用“材质”,可以获得戏剧化的效果。


在文字上体现材质感的优点是可以呈现复杂且具体化的感觉,这是单一色彩无法赋予的。


采用有材质感的文字,虽然是文字,同时也具有画面效果。一般的文字,无法融入画面,但是采用材质感的文字,版面会有融合的感觉。


undefined

by 迪士尼


undefined

by 妖猫传



//紧排与宽排//


极端紧缩文字间隔,可以营造出紧张感与密度感;字距之中的空隙,可以展现轻松柔和的空间感。


文字与文字的间隔(字距)或是行与行之间的间隔(行距),关系到文章的可读性与易读性,这是非常重要的设计要点。

undefined

将字距或行距缩小,称为“紧排”。一般来说,稍微紧缩字符间距,可以让整行文字更容易阅读,映入眼帘中的只有其为文字组块的部分,并且拥有一种力道强劲的印象与一体感。


将字距或行距拉开,称为“宽排”。借由这种宽松来产生一种可以悠闲阅读文字的效果。


undefined

by yanxishe


undefined

by pie



//小结//


文字的使用是为了传达信息,以能够理解文字显示内容为前提来进行排版设计;也可以把文字当做图案来处理。


更进一步,使用一些加工技巧让文字变形或是重叠,创造出新的图案。


不要只是将文字当做一种信息来看待,偶尔重新审视其形状,这样才可以更加理解文字。





------------------------end------------------------




相关阅读


《文字设计原理(一):初识东西方语系文字》


《文字设计原理(二):文字与意像》


《文字设计原理(三):文字的易读性》



67
阅读原文
|
举报
|
150
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面设计 吊牌设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
空的平台平面和自然景观
城阙凡花
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
倒计时,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
平面插画设计女孩喝咖啡
城市园林平面布局航拍
金色颗粒质地的平面
海底世界插画
空的平台平面和自然景观
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
你可能喜欢
大家都在看
登录注册