当前位置：首页 >教程首页 > U I 设计 > Adobe创意设计特训营 >怎样在设计中正确使用字体你用对了吗？

怎样在设计中正确使用字体你用对了吗？

发布时间：2018-11-17 19:57:24

每个人都有自己喜欢使用的字体，但你喜欢的字体并不可能在任何时候都适合使用。只有样式特点与合适的图案相结合时，才能发挥出字体的力量感。

有时候你无意中看到某种字体便一见钟情，希望立即就将这种字体用在你自己的设计上。但在你决定使用之前，你是否了解这种字体的线条、形状及细节是否也适用于其它的设计上呢？

我们如何作出决定？有时观察一种字体就象在观察一个人的面孔。虽然每个人都有着相同的五官，但我们往往是通过一些细节来辨认某个人的，如眼眉，嘴唇及性格等。同样的，我们需要让某种字体与其它元素互补时，才能真正发挥字体的个性及魅力，否则你使用的字体可能会显得不合事宜，或者仅仅是有趣而已。

University Roman字体：

走在蒙特里著名的罐头厂街的游览胜地时，你会看到University Roman字体出现在这家精品店的招牌上。但这种字体给人的感觉与这家商店却并不搭配，University Roman的字母呈现一种不规则、繁琐的卷曲线及非常幼细的衬线，倒象是你一身狂欢节的打扮去参加一个政治或科学的课程班。这种字体可不是用在这里，它可是要去参加舞会的！让我们看看如何才能在恰当的地方使用这种字体。

字体观察：

将这种字体所有的字母都打出来，然后在上面写上你看到了什么。为什么要写下来？因为要确保你真的已经对这些字母作了仔细的观察。

细节观察：

University Roman字体飘逸的结构使其呈现一种手写体、充满圣诞节气息的特质，这种字体非常适用于在一些奇幻或浪漫的主题中使用。

优点与缺点：

University Roman字母的构成显得非常不规则，而且有很多装饰细节，这注定了这种字体具有良好的展示性及讨人喜欢的面孔，但却并不适合作为正文阅读。要确保在使用时字体尺寸够大。

从上面的比较中我们可以轻易看到，University Roman如果作为正文，将会让人看得抓狂，正文的字体我们一般要采用具有固定节奏感的而且不过于张扬的中性字体才最合适。University Roman作为非常简短的标题或提要时则完全可以胜任（如上图下所示），但如果你的文字超过一句话，你还是少用为妙。

在实际中应用：

在实际的设计中我们要使用这种字体，最大的挑战是如何将字体与图形元素完美的二合为一。我们先通过两个已经完稿的作品来讲述设计中我们的一些思考。

一个春季大减价的宣传卡名设计

上面两个卡片都设计得非常漂亮。无论是字体的线条、形状还是颜色都与图形元素紧密配合，整体上都呈现一种自然和谐的气息。单独的文字及单独的图形都有各自的力量，但如果两者搭配，完全可以达到一加一大于二的效果。

寻找文字与图形的共性：

圆形：对于一些本身就是呈圆弧形的字母我们可以轻易地发现圆形的存在，但也请你留意一些细节，对于一些字母中的留白空间、曲线包围的区域等同样也具有圆形的结构特点。

图片下方的说明文字我们是采用另一种字体（Futura字体）作为正文，这种字体没有这么花俏，适合于尺寸比较小及文字比较多的时候阅读。有趣之处在于，虽然这种字体与University Roman相差非常大，但圆弧形的结构仍然是这两种字体的共同特点。

图案中那些滴珠状的元素与S这些字母中里面的负空间区域是非常相似的。

利用颜色及“边缘”结合文字与图形

在这个设计中，文字与图形粗看是分开摆放的，但其中的文字区域与图案的边缘是紧密结合的，然后再用漂亮的渐变色来联结两者。

使用颜色结合：紫黄渐变及青绿渐变都显得清新明亮。从图案中分别取色然后在包含文字的整个图形上应用渐变色，使整个版面都透着一种自然的光辉，也将所有的元素都完美地结合在一起。

使边缘结合：将文字紧靠图案边缘使两者产生浑然一体的感觉。你并不需要使用精细的参考线去做，只需凭你的眼睛的感觉完成即可。这样的结合还使图形边缘处一些过于琐碎繁杂的细小元素被忽略。

在卡片上排版：

版面意味着一种限制及约束！我们通过在对角复制一个小元素来平衡整个结构。

现在我们来看看第二张卡片的设计过程：

对于第二个设计，整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。

选择正确的图片是关键的第一步：在一个以化妆舞会为主题的设计中，采用面具来表达是一种很自然的选择。但问题是：选择那一个面具？在图片搜索中我们可以搜索到大量的相关图片，都各有特点。

我们最终选择的这张图片，其细节与我们所使用的University Roman字体具有非常多的相似之处，两者都呈现一种花纹、华丽及细节丰富的视觉效果。字体采用金色能够与图案产生直接的联系，加强整个构图的力量感。象上图左边第三个面具图片，色彩华丽，也非常有吸引力，但它必须放置在一个舞台的背景上才能发挥作用。而如果采用过于真实的脸部图片（上图左第二张图片），又会使设计的吸引力被转移，观看的人会在想：她是谁？这并不是我们在设计中想要的。

一张充满魅力的图片，再加上合适的颜色及字体，直接放在版面上，就已经可以形成一个独特及强有力的设计。

在面具上取一明一暗的两种金色作为渐变色应用于文字。整体呈现的质感及光亮照射感完美地与图片在视觉上取得一致。

在现实生活中，有些设计师会只凭个人喜好来使用版式、颜色、字体，而忽略对实际情况的深入考虑。希望本文能够给你带来一些启发。

上一篇日历UI设计那点事，你知道的有多少？

下一篇企业画册版式设计规律与常用案例解析

返回列表

学员作品赏析

2101期学员李思庭作品
2104期学员林雪茹作品
2107期学员赵凌作品
2107期学员赵燃作品
2106期学员徐正浩作品
2106期学员弓莉作品
2105期学员白羽新作品
2107期学员王佳蕊作品

热门课程

专业讲师指导快速摆脱技能困惑

多种教程总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

知道了这17种剪辑技巧，做短视频博主上热门洒洒水啦！

电影剪辑通常被称为“隐形的艺术”，尽管剪辑师的名号不如导演的名号响，但是如果缺少了剪辑师对拍摄素材的二次加工，电影作品将缺少其......
迪士尼如何使用Maya制作《海洋奇缘2》

今天，我来和大家聊聊，迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
有哪些听起来高大上、实际上转行同学也能胜任的岗位？试试虚拟现实工程师！

增强现实（AR）和虚拟现实（VR）是当前备受瞩目的创新技术，对相关的增强现实开发、虚拟现实开发、数字孪生开发工程师的人才需求，......
短视频怎么剪能上推荐？这10个概念请记牢！

在这个短视频盛行的时代，越来越多的人想要尝试自己进行短视频剪辑，却常常因为缺乏专业知识而无从下手。别担心，今天就为大家带来短视......
探秘皮克斯！《头脑特工队》的幕后制作

今天，我们聊聊皮克斯的《头脑特工队》系列
中国首个AIGC导演共创计划今日正式上线：同学，做导演不要？

中国首个AIGC导演共创计划定于12月6日正式上线。该计划由快手自研视频生成大模型产品“可灵AI”，联合李少红、贾樟柯、叶锦添......

怎样在设计中正确使用字体 你用对了吗？

怎样在设计中正确使用字体你用对了吗？