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

310天前发布

原创文章 / 多领域 / 观点
小米智能创意设计 原创,如需商业用途或转载请与小米智能创意设计联系,谢谢配合。

本文记录了设计师为了设计一款数字字体,进行无衬线字体研究与学习,最终找到设计方法,诞生miaitype数字字体的过程



前言

在设定大数字字体的当初,小爱音箱用户体验设计组几乎尝试市面所有的字体,并没有找到完美符合的字体,最终决定设计一款小爱触屏音箱的屏显字体,在进行了一系列无衬线字体的字体研究之后,找到方向,以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 学海无涯,共勉!




402
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息