小爱触屏音箱设计录02Miaitype字体设计思考

前言

在设定大数字字体的当初，小爱音箱用户体验设计组几乎尝试市面所有的字体，并没有找到完美符合的字体，最终决定设计一款小爱触屏音箱的屏显字体，在进行了一系列无衬线字体的字体研究之后，找到方向，以MITYPEY为蓝本，保留了前者的几何美感，增加了温度与人文亲和力。下面就给大家详细展现其思考过程，其中不足，尽情指正。

不是设计方法论，也不是设计指南，而是我的设计过程记录

在开始决定自己设计字体的时候，我包括我的团队并没有任何字体设计经验，如何设计字体一开始我是没有方向的

——小爱音箱用户体验 石晓

 

我凭感觉半周内尝试了几十种方案，总不满意。似乎都对，似乎都不对。后来我突然想到：我们做UI都是有方法论的，那么字体设计应该是有方法的。于是扔掉方案，开始寻找设计字体的方法

1 设计目标分解

什么是完美适合触屏音箱的字体：符合小米品牌+好看+适宜应用场景

2 场景类比：寻找和音箱一样远距离场景下的字体

从应用场景这一维度去类比相似应用属性的字体：远距离移动环境下的字体

机场导视系统字体 、交通系统字体、日历大数字字体、找到了各式各样的无衬线字体，并从小林章的字体设计这本书中学习的字体设计的基本知识

3 归类：将这些字体分成三类，Neo-grotesque、Geometric与 Humanist

试着将他们进行分类，我发现有些字体有着类似的情感属性，例如几何造型美感强烈的DIN和Futura，我也发现有一些就比较人文温暖一些，有些手写书法的影子，比如：Frutiger，New Johnston，而剩下的一类字体就比较中性了，似乎感受不到它的情感偏好；比如苹果的字体San francisco和Helvetica

4 目标匹配

将这三类字体分别与我们设计目标的四个维度进行匹配，分析各类字体的三个维度表现值

分析来看，Humanist在品牌维度上最适合，从好看的维度来看，在大字号的表现Geometric略胜一筹，而三类字体在大字号的识别性上差异不大。

5 设计方向

经过以上分析总结，最符合小米品牌的是 Humanist，大字号最美的是Geometric，而大字号识别性上三类字体差异不大。所以，完美符合音箱的字体是：在几何感和人文主义找到一种微妙的平衡

6 近水楼台

Mitype字体是MIUI系统的屏显数字字体，我们不妨试试看它是否就是我们要的字体，把它与DIN、Avenir进行比对，发现它也是在此类几何感字体上进行调整，增加了识别性和温度，看起来就是在 几何感和人文主义找到了平衡！

wow，那我们是不是可以直接用Mitype了呀。。。。得来全不费工夫？

不急，我们上机看一下效果

虽然Mitype非常接近我们的目标字体，但是并不完美符合

怎么办？我们延续品牌规范使用Mitype，还是再想其它的办法呢？

7  借鉴思考

我们不妨先看看苹果是怎么做的。苹果默认字体San Francisco是在中性风格的字体基础上重新设计的，增加了几何设计美感

当San francisco运用在 iwatch上时，并不只是直接搬来的，而是做了圆角处理，看起来与ID造型更加契合。

所以，在保证品牌一致性的前提下，适当调整修改字体适用在相应的硬件与场景上也是一种设计思路

8  Mitype为蓝本再设计

回到Mitype的粗体字表现在触屏音箱上面时，工业感加重这个问题，增加mitype90的人文感温暖感，让它与外观造型更加契合，就是我找到的解题办法

如何增加人文感与温暖感？

我再次回顾Humanist类型字体，它们的起笔角度、9的弧度有平头笔书写的感觉

不断调整。。。

最终形成了新的Miaitype

Miaitype发布已有一年之久，现在再来看，仍然有很多问题。所以永远都有更好的解决方案。

运用乔大大说的话：stay hungry stay foolish 学海无涯，共勉！