如何正确的使用字体

简评:本文通过研究一种字体的细节和个性,来找到合适的设计方案。
你喜欢的字体不可能在任何地方都适用,文字的结构样式特征必须和其他元素互补,这里讲想你介绍如何发挥字体的长处。

在某个场所你看到了一种你喜欢的字体,你想迫不及待的使用它,没错,这确实很爽,但请等一下(球都麻袋)。在你购买或者下载这种字体之前,你会想知道,你所看到的这种漂亮字体的线条,形状以及其他细节,是否同样也会在别的设计中显得如此漂亮呢?

那么如何知道呢?

研究一个字体有点像观察一个人的脸,通过细微的差异,如眉毛的弯度,嘴唇的取消,颧骨的轮廓可以传达一个人的特征和性格。我们需要让某种字体与其他元素互补才能真正发挥字体的个性和魅力。否则你的字体看起来就会显得不着调或者仅仅是有趣而已。

                        △不合适的 University Roman 字体招牌

上图就是一个字体不和的案例:这是一个 Monterey 有名的罐头厂街(Cannery Row)上,一家精品店的招牌,看起来很不搭。这种字体的字母呈现一种不规则、繁琐的卷曲线以及非常幼细的衬线,这就好像穿着狂欢节的衣服参加政治课,显得格格不入。那么这种字体(university roman 字体)在哪里适合使用它的呢?

Step 1.把所有字母列出,一般观察

把所有的字母打出来,然后仔细观察,把你看到的都写下来(如下图),为什么?因为这样能确保你认真的看了每个字母每个细节。

我们可以从 university roman 字体得到一些特点:

  • N 和 O 在通常的字体中是等宽的,但是这却有着非常大的差别。
  • 字母 M 和 T 通常是不同的宽度,但是在这里是等宽的。
  • A 和 e 都有非常小的字谷,且为密封区间。
  • 其他字母如 O、R 字谷非常大。
  • 温软的收尾,华丽的曲线和修饰。
  • 粗细线条有微妙的变化,虽然不明显,但是每个字母都有这种变化。

Step 2.细节观察

进一步观察细节,可以发现,这总字体飘逸的结构使其呈现一种手写字体、充满圣诞节气息的特质。非常适合用于一些奇幻或浪漫的主题中使用。

进一步细节观察可以发现:

  • 奇怪的字符宽度:所有笔直的字母都很纤瘦。
  • 所有的圆弧的字母都是非常宽的。带圆弧的小写字母也宽于不带圆弧的大写字母。
  • 古怪的 X -height,有些字母比如 A、B 的 X-heights 非常高,有些字母如 P、R 非常低。
  • 不对称的衬线。
  • 衬线上方超出大写字母顶部,下方低于字母基线。
  • 小写字母比如 i、l、t、等有小横岗的都有 50° 的坡度。
  • Q 的尾巴相当于 2 - 3 个修长小写字母的宽度。

Step 3.发现优缺

优点:

  • 良好的展示型和讨喜的面孔。
  • 魔幻主义。
  • 适合标题。
  • 适合放大。

缺点:

  • 不适合正文
  • 不适合过长

Step 4.实际应用

好了,我们已经知道了字体的细节,表达的情绪和优缺点。

现在我们可以试着用这种字体来进行实例操作。

                       △用 University Roman 字体做好的案例

下面我们来一步一步学习,如何做到上面两张的效果的。

Step 4.1.1 案例 A - 寻找共性

寻找一张图片,与你的文字相配。

从外形开始,圆的字母和圆的图片更配。避免使用三角形,正方形和含糊不清的形状,这些会和你的字体不协调,削弱你的设计。


Step 4.1.2 案例 A - 利用颜色和边缘,图文结合

现在需要将图片和文字结合起来。文字区域与图案的边缘是紧密结合的,然后在用漂亮的渐变色来结合两者。

Step 4.1.3 案例 A - 卡片上排版

将文字和图片放置小卡片上,界面大小和视觉焦点是关键,我们通过在对焦复制一个小元素来平衡整个结构。


以上为花样小卡片的案例设计。

Step 4.2.1 案例 B - 寻找素材

阴谋、神秘、幻想。第二张卡片中,我们的字体要看起来充满神秘和奇幻的气息,ok,我们想把它和黄金面具结合起来。

        △最终选择了黄金面具这个素材,因为有着和 University Roman 相同的特性。

Step 4.2.2 案例 B - 图片决定页面的设计方案

当文字和图片放在一起是,讲面具的颜色,修饰以及问了特征应用到页面生于文字元素中去,结果就会产生一个统一,协调强大的设计。

从现有的素材上选取相近的颜色,应用到文字,找一个修饰元素搭配,居中突出主题,最后案例 B 完成。

最后,附上两幅作品的设计方案,仅供大家参考。


如果我们要用一个字体,首先我们要了解字体的性格和特点(要尽可能的挖掘细节)。其次找到合适的素材与之搭配,最后通过设计方法来结合图文,成为优秀的作品。

延伸阅读:

欢迎关注知乎专栏「极光日报」,每天为 Makers 导读三篇优质英文文章。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,245评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,749评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,960评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,575评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,668评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,670评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,664评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,422评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,864评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,178评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,340评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,015评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,646评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,265评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,494评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,261评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,206评论 2 352

推荐阅读更多精彩内容