英文字体设计案例

在最理想的情况下(不考虑兼容旧设备)，font-family: sans-serif; 就是最好的选择。那些说用微软雅黑、宋体、Arial, Segoe ui 的，恐怕思维还停留在十年前的 Eindows 上吧。然而现在看网页大部分情况是手机了吧。你让安卓和苹果设备上显示微软雅黑看看。如果是内容导向的网页，比如知乎，不设计字体就是最好的设计。如果真的是需要字体设计的网页，那还真没有常用字体一说，看需求。对于网站来说，下载个字体还是要费很大劲的。英文字体 26个大写+26个小写+标点符号不是很多，但中文汉字的数量…… 所以很少有网站会去让用户去下载中文字体的。最优解：你可以使用多种字体，看一下在每种字体上的效果。把效果最好的字体放在最前面，在后面多加几个后备军。Open Sans 的中文字体在 Mac 上效果不错。微软雅黑的中文字体在 Windows 上效果不错。Reference:Mozilla Developer Network 对 font-family 的解释：font-family - CSS。

Didot，我相信大部分人都见过这个字体，而且印象很深刻。为什么这么说呢？因为它是时尚杂志 VOGUE ，BAZAAR 的专用字体。而无论你是否关注时尚圈，这两本杂志肯定都或多或少地在你的眼前出现过。Didot，的笔画粗细对比很强烈，呈现着现代，时尚艺术的感觉。回到 PPT 字体选择上，如果你制作的幻灯片内容主题跟时尚有关系，其实，可以考虑使用这个字体。效果会很不错。Rockwell，这是一款品质感非常强的打印字体。另外，一些程序代码编辑器，也会常使用这款字体。估计一些工程师们，看到这个字体会很眼熟。

Centaur， 提到这个英文字体的名称，可能很多旁友不熟悉。但是，如果我放出几张电影海报，估计，你立刻会会觉得这个字体很熟悉。在一些魔幻历史题材的电影中，比如霍比特人，指环王等，这个字体出现的频次还是挺高的。因为这款字体独特的笔画结构，经常被用在表现历史感的内容主题中，特征很明显，非常合适。如果是拿来用在 PPT 中，效果也非常棒，相当于中文字体中的复古字体，兼顾风格特征和易读性。Franklin Gothin 笔画比较硬朗，精练，所以，更适合用在表现男性或者表现力量感的页面设计中。相当于中文字体里的粗黑体。

通过字体搭配三大原则：限制字体数量、建立视觉层次、风格气质的统一，给大家讲解字体搭配的基本技巧。希望通过本篇文章能给大家带来启发！ 一 限制字体数量一个版面中字体的变化不易过多，不论信息量有多少，字体选择控制在二至三种已足以应付画面的需要。即使字体不变，通过改变字体的大小、粗细、颜色或是装饰手法也可达到区分主次、引导读者阅读的目的。字体类型越少，对画面文字信息的编排布局就越容易掌控。 信息量非常大，但只使用一种字体，通过字体大小、粗细对比，和巧妙的编排，很好营造出视觉层次。整个版面只使用两组字体：英文信息使用粗壮的无衬线字体，并放大强调 ；而日文信息使用较细的衬线体，信息层次可以得到很好区分。有些项目需要呈现热闹活泼的氛围，或需要非常具有装饰性的设计，必须使用复杂的字体搭配，请保持整体效果是协调的，避免冲突和混乱。此海报为了营造出热闹丰富的画面感，使用了非常多的字体，形式感很丰富，视觉冲击力很强。但是对于大部分对版面把控力不强的设计师，往往很难做到既丰富又协调 ，所以限制字体数量是使画面达到协调统一的好方法。 二、建立视觉层次为什么要进行字体搭配？一是为了美观，二是为了建立视觉层次。在一个版面中，包含有不同层次的信息内容，需要按主次进行区分，如标题、小标题、内文，每个信息层级也会有重点信息和非重点信息。在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来配合展现，帮助读者避免视觉上的混乱，同时给版面带来阅读的层次感。这两个案例虽然只使用了一种字体，但是也可以清晰划分出主次层级。一般来说主体信息可以选择较粗、较大的字体，次要信息使用较细、较小的字体，形成对比，制造视觉流程，引导受众阅读信息，使版面的层次更丰富。 三、风格气质的统一使字体搭配协调的一个基本原则就是选择气质相近的字体。不同造型特点形成各种风格特征的字体，它们所传达出的情感也不相同。有的字体气质庄重，有的字体散发出古典气息，有的给人以现代时尚感，有的字体注重信息传递，而有的注重精神象征。使用同一字族里的字体，是最简单、安全的搭配方法。所谓字族（font family）即字体家族，一款字体下的多个子字体，如思源黑体和思源宋体字族从细到粗共有七款字体，风格协调统一。使用同一字族里的字体，符合“限制字体数量”的原则；在编排时需要遵循“形成视觉层次”的原则，在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来给版面带来阅读的层次感。搭配不同的字体时，要注意他们之间的包容性，既要有所区别又要统一和谐。黑体与宋体的混搭是很常用的一种搭配方式，当感性的宋体遇上理性的黑体，可以形成很好的对比效果。这里需要注意的是尺度的把握，适当的对比能够为版面带来变化丰富的视觉印象，但对比过度也会产生凌乱感。如下图化妆品广告，选择较细的宋体和较细的黑体搭配，字形相似又形成了微妙的对比，而且两者都有高雅、精致的气质，运用在具有女性特征的化妆品设计中相得益彰。配不同的字体时，一般主信息选择较宽粗和具有装饰性的字体，以便能快速吸引受众的注意 ；而说明文字适合选择结构清晰，笔画简洁的字体，以方便阅读。如下图选用“华康海报体”作为主标题，既醒目又活泼生动，能很好吸引受众观看；说明文字选用简约可爱的“方正兰亭圆体”，既具有很好的阅读性，也与标题风格相统一。书法字形的视觉张力很大，笔画变化丰富且非常具有视觉冲击力。作为展示的标题来说非常适用，但是对于小尺寸的说明性文字并不适合，笔画细节会因为尺寸的缩小变得格外复杂。为了解决这个问题，我们通常会搭配同样具有厚重的文化历史感和强烈的人文气息的宋体。书法字体搭配黑体，硬朗的黑体与柔和的手写体能够产生强烈的对比效果，非常适合标题的文字组合，常使用在具有现代感的画面中。 中英文搭配建议使用中英文组合排版时，英文尽量不要使用中文自带的字体，因为部分中文字体的英文部分设计的并不够完美，所以尽量使用经典的英文字体效果会好很多。上方为“微软雅黑”的中英文组合，下方把英文替换为经典的英文字体“Helvetica”，可以看到下方的搭配更精致美观。 现在把英文单独进行对比，注意看“F”、“C”、“L”、“I”等字母，会明显看到“微软雅黑”的英文设计比较粗糙，“Helvetica”更显精致。 上方为“方正风雅宋”的中英文组合，可以看到中英文风格差异比较大；而把英文换为经典的英文时尚字体“Didot”，明显在风格上更统一，也更适合搭配。 案例分析 此案例中文选择“造字工房俊雅”，英文没有选择字体自带的西文，而是选择更经典的时尚英文字体“Didot”，可以很好营造出时尚的氛围。 在中英文搭配中，通常会选择把英文的衬线字体和宋体字对应编排，而把英文的无衬线字体和中文的黑体字对应编排，这样的搭配方式是最简单，最安全的方法,可以较好的形成风格上的统一。但每种类型的字体也有细微的气质差别，如宋体字形中也会有书写感很重的古典感字形与极具几何特性的现代字形之分。偏向于印刷和屏显类的“思源宋体”，搭配冷静克制的英文字体“Times New Roman”会更统一。从细节上来说，它们俩之间的衬角修饰感更为接近，在粗细的过渡及对比上，也是较为近似的。 所以在进行设计时，不管是中文与中文还是中英文搭配，都是需要经过仔细分析和不断练习，才能达到和谐统一、层次清晰而美观大方的效果。 总 结在字体搭配中要遵循三大原则：1、限制字体数量。不论信息量有多少，字体选择控制在二至三种已足以应付画面的需要；2、建立视觉层次。在进行字体搭配时需要通过字体的大小、粗细、颜色等方式来配合展现，帮助读者避免视觉上的混乱，同时给版面带来阅读的层次感；3、风格气质的统一。搭配不同的字体时，要注意他们之间的包容性，既要区别又要统一和谐。使用中英文组合排版时，英文尽量不要使用中文自带的字体，在中英文搭配时也要遵循以上三个原则。