字体的不同风格与搭配

小案例，如何做一个简单海报？

1、确定文案。

2、文案的优先级

3、确定文案的位置。

4、配色。根据文案内容让你联想到了你看过的哪些典型的，然后参考照片里色彩进行配色。

5、文字的形式。首先我们得知道：

大号字大于小号字；

粗体大于细体；

强色大于弱色；

动态大于静态；

有特效大于没特效。

但有时候不同信息各有其重要之处，这时候就要进行优先级的调和：

强色细字对弱色粗字；

小号粗体对大号细体；

弱色特效对强色唔特效。

小总结：文字形式的选择取决于内容的从属关系，不同的关系，对应不同的对比形式：是更强烈还是更调和？一方从属于另一方？还是二者评级？

6、在配上一张主题相关背景图，海报就完成了。

注意背景图的颜色吻合第4点的配色。

请谨记设计的四个基本要素：重复、对比、亲密、对齐。

现在要在第2点和第3点的中间补上重要的第25点，也就是该选用什么字体？不同风格的字体该怎么搭配？

得了解同时使用不同风格的字体，其功能与作用：区分层次；突出强调；烘托氛围。

不同字形的混合搭配，能够产生形状上的对比效果，相对于调整字级带来的大小对比来说，字体形状上的对比更能让人注意力集中在文字所表达的内容上。当所要传达的信息内容产生对立的情况时，最适合采用字体混搭的设计手法。

从笔画的结构特征来相互匹配：

强调和谐：衬线体搭配衬线体，无衬线体搭配无衬线体。（中文搭中文，中文搭英文，英文搭英文）

西文-衬线体 & 西文-意大利体（倾斜）

汉字-明体 & 假名-明体（日文）

汉字-宋体 & 汉字-楷体

小总结：字形除了协调统一的搭配外也会有对比的情况，不同的语言在方便阅读的情境下搭配的规则基本类似，通常会选择较为端正的印刷体与倾向手写的柔和字形。在英文中遇到外来词汇会搭配italic或斜体；日文则是搭配类似楷书结构的假名（平假名/片假名）；中文也是一样的会搭配楷体来与之形成差异。

常用字形搭配：

①书法 & 宋体；

②粗黑 & 手写；

③黑体 & 宋体。

①偏向和谐。书法字形的视觉张力很大，笔画变化丰富且非常具有视觉冲击力。作为展示的标题来说非常适用，但是对于小尺寸的说明性文字不适合，笔画细节会因为尺寸的缩小变得格外复杂。为了解决这个问题，我们通常会搭配同样具有历史文化属性的宋体字形，另外与宋体对应的衬线体也是与书法字形搭配的不错选择。

②偏向强调。硬朗的粗黑体与柔和的手写体相搭配能够产生强烈的对比效果，这种对比非常适合标题的文字组合，但对于阅读为主要功能的环境来说并不适合。与之对应的西文无衬线体与手写体搭配也会产生相同的视觉印象。

③偏向强调。黑体与宋体的混搭也是很常见的一种搭配方式。当感性的宋体字形遇上可观的黑体字形其对比效果也是非常强烈的，这里需要注意的是尺度的把握，适当的对比能够为版面带来变化丰富的视觉印象，但对比过度也会产生凌乱感。与之对应的西文部分，衬线体搭配无衬线体也是同样的道理。

宋体搭配黑体也并非只有对比，如黑体搭配粗衬线就非常的和谐，无衬线体本来就是由粗衬线演变而成，黑体更是日本为了与西文的无衬线体相搭配而衍生出的字形。对于那些笔画具有垂直水平特征的现代衬线体或宋体来说，小尺寸的黑体或无衬线体也是非常和谐的搭配，因为小尺寸下的无衬线（黑体）体与衬线体（宋体）的细线部分特征类似。

字形的气质：

宋体，笔画结构上的“装饰衬线”特征来源于楷书的书写笔迹，是经过雕刻而形成的一种风格化轮廓。由于继承了自然书写的痕迹，又具有装饰性的美感，这些印象都让宋体带有一种主观色彩，较为适合表现感性词汇，特别是文学艺术或是历史等领域。

黑体，起初是为搭配西方无衬线体而专门制作的。无衬线的设计大大增强了文字的识别性。对于高速公路或机场导视等对识别性要求很高的场合，黑体字是首选，在这种场合中如果选择其他识别性不高的字形极有可能产生重大事故甚至危及生命，所以字形的选择是需要谨慎的。黑体是极具理性风格的字形，没有明显性格的中性特征也让黑体给人一种中立可观的印象，不带有任何情感色彩，适合表现那些官方正式和体现信赖感的领域。

小总结：从字体分类上来说，宋体给人主观的印象，黑体给人可观的印象。但是宋体字形的分类中也会有书写感很重的古典感字形与极具几何特性的现代字形之分。黑体也是如此，所以最终选择哪类字形还是需要经过仔细分析的，与之对应的西文字形也是同样的道理。需要注意的是在进行字体对比的情况下，我们应该避免使用两者区别不是很大的字形，比方说同样是宋黑搭配，但是因为字重过轻的缘故导致形状特征区别并不明显。

最后，如果想要做字形的对比效果，那么务必让其区别明显。

在设计中，字体设计也是设计工作中的很重要的一部分，我们会利用字体去吸引人们的眼球，如何让字体和其他设计融为一体，又能突出设计主题，这一点对于平面设计还是UI设计都很重要。我们选择几种有代表性的字体去临摹，了解一下这些字体是怎样一步步做出来的。

一、海报字体

在生活中我们会看到各色各样的海报，海报能够通过简单的文字、突显自己想要宣传的内容。那我们选择一个简单的电器海报，去分析这种字体的设计过程。

       

     

来源于网络  侵删

二、Demon字体

制作这类的黑风格魔幻炫光金属感文字效果，可以让字体的设计显得更有质感，可以大大提升整体的页面显示效果。如何让字体变得有质感，让字体有金属的闪亮的感觉，我们一起通过以上视频去一步步学习吧。            

素材来源于网络  侵删

三、星辰字

星辰字总给人一种很灵动梦幻的感觉，这种星空粒子被打散的感觉让整个画面看起来更加生动。其实这种字体的设计也不难，找好星空背景图，跟着教程一步步走就可以制作出梦幻的星辰字啦。          

素材来源于网络  侵删

四、立体字

很多时候，为了增强立体感，我们会使用立体字去强调画面整体的立体感。

素材来源于网络  侵删

五、字体变形、草莓字

字体变形是字体设计中常用到的通过这一类变形是字体和设计主题更加切合，其方法有横细竖粗法、尖角字法、柔美曲线法和书法体法等。

              

以上简单的分享了几种做字体的方法，想要让设计更加灵活，可以选择优秀的字体去临摹学习，然后举一反三在使用的时候就能够灵活运用了。

这也意味着你不能抛开图案，只是一厢情愿地选择你自己喜欢的某种字体。如何才能让图形与文字完美结合如何才能确定某种字体是否能够与某个图案相搭配一切从观察开始。 每个人都有自己喜欢使用的字体，但你喜欢的字体并不可能在任何时候都适合使用。只有样式特点与合适的图案相结合时，才能发挥出字体的力量感。 有时候你无意中看到某种字体便一见钟情，希望立即就将这种字体用在你自己的设计上。但在你决定使用之前，你是否了解这种字体的线条、形状及细节是否也适用于其它的设计上呢我们如何作出决定有时观察一种字体就象在观察一个人的面孔。虽然每个人都有着相同的五官，但我们往往是通过一些细节来辨认某个人的，如眼眉，嘴唇及性格等。同样的，我们需要让某种字体与其它元素互补时，才能真正发挥字体的个性及魅力，否则你使用的字体可能会显得不合事宜，或者仅仅是有趣而已。 University Roman字体： 走在蒙特里著名的罐头厂街的游览胜地时，你会看到University Roman字体出现在这家精品店的招牌上。但这种字体给人的感觉与这家商店却并不搭配，University Roman的字母呈现一种不规则、繁琐的卷曲线及非常幼细的衬线，倒象是你一身狂欢节的打扮去参加一个政治或科学的课程班。这种字体可不是用在这里，它可是要去参加舞会的!让我们看看如何才能在恰当的地方使用这种字体。 字体观察： 将这种字体所有的字母都打出来，然后在上面写上你看到了什么。为什么要写下来因为要确保你真的已经对这些字母作了仔细的观察。 细节观察： University Roman字体飘逸的结构使其呈现一种手写体、充满圣诞节气息的特质，这种字体非常适用于在一些奇幻或浪漫的主题中使用。 优点与缺点： University Roman字母的构成显得非常不规则，而且有很多装饰细节，这注定了这种字体具有良好的展示性及讨人喜欢的面孔，但却并不适合作为正文阅读。要确保在使用时字体尺寸够大。 从上面的比较中我们可以轻易看到，University Roman如果作为正文，将会让人看得抓狂，正文的字体我们一般要采用具有固定节奏感的而且不过于张扬的中性字体才最合适。University Roman作为非常简短的标题或提要时则完全可以胜任(如上图下所示)，但如果你的文字超过一句话，你还是少用为妙。 在实际中应用： 在实际的设计中我们要使用这种字体，最大的挑战是如何将字体与图形元素完美的二合为一。我们先通过两个已经完稿的作品来讲述设计中我们的一些思考。 (一个春季大减价的宣传卡片设计) 上面两个卡片都设计得非常漂亮。无论是字体的线条、形状还是颜色都与图形元素紧密配合，整体上都呈现一种自然和谐的气息。单独的文字及单独的图形都有各自的力量，但如果两者搭配，完全可以达到一加一大于二的效果。 寻找文字与图形的共性： 圆形：对于一些本身就是呈圆弧形的字母我们可以轻易地发现圆形的存在，但也请你留意一些细节，对于一些字母中的留白空间、曲线包围的区域等同样也具有圆形的结构特点。 下方的说明文字我们是采用另一种字体(Futura字体)作为正文，这种字体没有这么花俏，适合于尺寸比较小及文字比较多的时候阅读。有趣之处在于，虽然这种字体与University Roman相差非常大，但圆弧形的结构仍然是这两种字体的共同特点。 图案中那些滴珠状的元素与S这些字母中里面的负空间区域是非常相似的。 利用颜色及“边缘”结合文字与图形 在这个设计中，文字与图形粗看是分开摆放的，但其中的文字区域与图案的边缘是紧密结合的，然后再用漂亮的渐变色来联结两者。 使用颜色结合：紫黄渐变及青绿渐变都显得清新明亮。从图案中分别取色然后在包含文字的整个图形上应用渐变色，使整个版面都透着一种自然的光辉，也将所有的元素都完美地结合在一起。 使边缘结合：将文字紧靠图案边缘使两者产生浑然一体的感觉。你并不需要使用精细的参考线去做，只需凭你的眼睛的感觉完成即可。这样的结合还使图形边缘处一些过于琐碎繁杂的细小元素被忽略。 在卡片上排版： 版面意味着一种限制及约束!我们通过在对角复制一个小元素来平衡整个结构。 现在我们来看看第二张卡片的设计过程： 对于第二个设计，整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。 现在我们来看看第二张卡片的设计过程： 对于第二个设计，整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。 选择正确的是关键的第一步：在一个以化妆舞会为主题的设计中，采用面具来表达是一种很自然的选择。但问题是：选择那一个面具在搜索中我们可以搜索到大量的相关，都各有特点。 我们最终选择的这张，其细节与我们所使用的University Roman字体具有非常多的相似之处，两者都呈现一种花纹、华丽及细节丰富的视觉效果。字体采用金色能够与图案产生直接的联系，加强整个构图的力量感。象上图左边第三个面具，色彩华丽，也非常有吸引力，但它必须放置在一个舞台的背景上才能发挥作用。而如果采用过于真实的脸部(上图左第二张)，又会使设计的吸引力被转移，观看的人会在想：她是谁这并不是我们在设计中想要的。 一张充满魅力的，再加上合适的颜色及字体，直接放在版面上，就已经可以形成一个独特及强有力的设计。 在面具上取一明一暗的两种金色作为渐变色应用于文字。整体呈现的质感及光亮照射感完美地与在视觉上取得一致。 在现实生活中，有些设计师会只凭个人喜好来使用版式、颜色、字体，而忽略对实际情况的深入考虑。希望本文能够给你带来一些启发。

如何为游戏网页设计合适的字体？

游戏网页的字体设计对于游戏用户体验来说至关重要，正确的字体可以增强玩家的沉浸感，增加游戏的可玩性，使游戏网页更加美观。那么在选择字体的时候，我们需要注意什么呢？

1字体的易读性

在游戏中，玩家需要时刻阅读各种文字信息，因此字体的易读性是非常重要的。选择易读性好的字体，可以让玩家更易于掌握游戏信息，提高游戏的流畅度。常用的易读性好的字体包括Arial、Helvetica和LucidaSans等。

2字体的符号特性

游戏网页中，有些场景可能需要特殊符号的支持，例如阴影和镂空等效果。因此，在设计游戏字体时，需要确定字体是否支持这些符号特性，避免字体在运用过程中出现乱码或不完整的情况。

3字体的体积

游戏网页的字体大小应该适中，不宜过于夸张或过于微小。字体过大会使网页过于拥挤、笨重，影响用户的视觉体验，过于微小的字体则会导致玩家难以读取相关信息。一般情况下，将字体大小设定为12pt或者14pt是最为合适的。

4字体的颜色

在选择字体颜色时，需要注意字体和背景颜色的协调，确保字体的可读性。常常用于配合网页的字体颜色包括黑色和白色，但在游戏网页中还有很多其他种类的字体颜色，需要根据不同的游戏情境进行选择。

综上所述，在设计游戏网页中所需的字体时，需要考虑到易读性、符号特性、字体体积和字体颜色这些关键因素。只有合理利用字体，设计出符合游戏需要的字体，才能达到更好的游戏体验效果。