html 英文字体只有大写_视觉表现力之字体设计知识(下)|欧赛斯品牌设计

本文介绍了西文字体的基础知识,包括大写和小写的定义、字体形式、字面大小和视错觉。重点讨论了英文字体的间距,指出合适的间距对阅读舒适度的重要性。此外,还探讨了视觉平衡的概念,如X字母造型的错开设计,以避免过于密集的黑色部分。最后,通过欧赛斯品牌设计案例,展示了字体设计的实际操作流程和细节调整,强调了品牌Logo设计中的组合标准和比例协调。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

西文字体的基础知识

1. 基础术语

西文字体里是由大写和小写两部分组成,通常大写字母的高度定为“H”的高度为基准,小写字母用“X”的高度表示。所以会有大写线和小写线,小写字母里面也会有升部和降部。所以还会有升部线和降部线。那英文字母的对齐方式是以基线为准。

492682114b0d582a72a875a1a5631a5f.png

西文字体也有一些字体的形式,比如说衬线体和中文里的宋体是最接近的。还有无衬线体也是对应中文里的黑体。还有手写体、一些形式感比较重的哥特体。

3b667a3fbb495cfbe69b9576a9e87a89.png

西文字体还可以进行进一步的分类:圆形字母O、Q、C、G、S、圆形和正方形组合字母形态、正方形字母形态、斜线字母形态、斜线和正方形组合字母形态、双层字母、开边字母、超宽字母和超窄字母。

9de7b7be7cb93e199b223d0a26e4db96.png

3c1cfd1fcfa598d220a863e3f67dd631.png

2. 西文字体的字面大小

西文字体也会涉及到字面大小和视错觉的问题,这和中文里面的字面大小和视错觉是一个道理。它也可以近似的看成一些几何图形,然后去规范字母的大小。

比如说“E“它是一个长方形,“O”是一个圆形字母,“N”是一个正方形字母,“A”是三角形字母,“S”可以近似的看为两个圆相切的一个字母。

462aef52082d6858c32a6f5802395416.png

3. 英文字体的间距

西文字体里有一个重要的知识点,就是字间距的调整。文字间距过宽会破坏文字的识别度,过紧密的文字间距,会引起斑点视错觉。所以只要标准的文字间距,阅读才会更舒适。

a35e96c674b003989302dd1849e4a147.png

原则上字母之间的间距为“n”的字谷的50%左右

25c858c9da0dea375c47583fce2a10bc.png

但是,会受到相邻的字母字面大小、装饰角、留白空间发生变化

398840de5d14799d8dbcad73118b175b.png

4. 视觉平衡

x的造型不是相交叉的结果,是把斜线错开一点的,避免造成黑色部分过于密集,交叉的面积也会稍微的调小一些。

01cca2071c397adc48ec79a62f369733.png

品牌logo字体设计示意

字体制作流程

我们前面讲到字体是由字骨、字面和修饰组成,那么在做字体的时候,我们首先要绘制一些草稿,然后在电脑上实操的时候再去搭建字体的字骨。字骨本身可以展现出字体的气质,然后再去加字面和字重。也就是我们所谓的肉,最后我们在肉上去做一些装饰或者修饰,也称之为衣服。

9fa6f2f667b2cf57f8cc15c85744e265.png

欧赛斯品牌字体设计案例

下面我们以欧赛斯做过的案例:孚日家纺带大家看一下具体字体设计如何展开。首先不管是中文还是英文字体,我们要对字体做一个基础的字谷,然后不断地加字肉和字面,调整字体的间距。再去做组合大小,最后再去加颜色等等这样一个流程。

1837174d8128768758e8c207ac4f2c74.png

那么接下来其实我们的工作还没有做完,还要调节字体的视错觉,把整个字体的视觉和几何比全部要做到一致化,然后通过精细化的标准制图,规范我们的logo。

cae638e0e7b46b9b0729bc58b2244a92.png

比如说字母与字母之间的距离,还有logo字母的大小,还有西文字体和中文字体之间间距的比例,等等一系列的调整,这样才使我们整个logo既有美感又有科学的计算。

b67dfcb71c3a8321081ce90c3e9d7066.png

logo设计好了之后,还要去建立它的组合标准,比如说中文和西文的组合、横排和竖排的组合、西文单独使用的组合、这样才能形成一个比较完整的品牌Logo。

0f27e16619071352fe749b9385e5dd75.png

db78b18f9e39133ea347943f3e6bc4e7.png

本期的内容到此就结束了,欢迎大家持续关注欧赛斯·挚识会《超级品牌课堂》。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值