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

西文字体的基础知识

1. 基础术语

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

2b5203e63c0d7cd020683efc963105db.png

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

5f74079d39777321ceac444fff6ef899.png

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

f825e03be3255f87bac35c54a71e2844.png

395309c985548b22289787b2ed41d3cd.png

2. 西文字体的字面大小

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

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

387b4685888f41ecd576e49c72199298.png

3. 英文字体的间距

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

14988bffe0b80b9c5f5cb71299e0e3a8.png

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

3cff8648adbec1dd21026182352f0058.png

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

714f7857fc03f6ccfe870eed684c6340.png

4. 视觉平衡

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

366d4f2dcbfef43a5d0baf7a31782e12.png

品牌logo字体设计示意

字体制作流程

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

d1b3490d370a69f9adfe67bfb951f9cc.png

欧赛斯品牌字体设计案例

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

40217bd97017f25f9f456eb278f961f5.png

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

9813505d57b585893243ff7fe160eee6.png

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

69a073da80508a887f4fdba4b70b18ab.png

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

4161fefa30b4c39431dc91843572e082.png

2bd258b9b04534a37d04a6ba47c6d65c.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值