万变的时代,研发可变的字体。阿里妈妈智造字继发布数黑体、数智体、东方大楷后再次发布3款字:书法体——阿里妈妈刀隶体,可变体——阿里妈妈方圆体、阿里妈妈灵动体(alimama agile)。
01
从多到一,以AI孵化可变字体
-
可变字体作为屏显时代科技与设计艺术结合的产物,阿里妈妈妈智造字研究并拓展其设计形态的表达与应用,挖掘屏显时代字体设计的巨大潜力,满足受众不断变化的阅读需求。可变技术带来的字体设计变革,面临着不少的挑战和难度,阿里妈妈智造字以AI智能的方式探索可变字体的可能性,降低人力成本,提高生产效率。 通过定义字体的变化来实现单轴和多轴的设计,如字重、字宽、倾斜、斜体、光学尺寸(或任何其他参数)等样式的集成,将多种字体样式封装在单一字体文件中,即减少加载字体的文件数,也大大减少文件大小——这是屏幕设计/Web设计的一个关键考量因素,同时为您的设计添加丰富性、艺术性、拓展性,满足多态商业需求。
-1.阿里妈妈方圆体-可变体
阿里妈妈方圆体,是目前国内外为数不多的中文双轴可变字体,通过智能AI技术仅用20天完成。其中,方体坚实硬朗,圆体润泽柔美,方圆间的切换让方圆体不仅有极强的适用性,在创意表达层也有更多可能性,例如,粗细的可变使设计师可以对作品进行无限微调,让创意设计有更丰富的表达。
-2.阿里妈妈灵动体-可变体
阿里妈妈灵动体(alimama agile)是阿里妈妈智造字首次尝试研发的多轴可变的西文字体,4轴可变(字重、字宽、倾斜、衬线)涵盖非常广阔的使用场景。字重可变使版式中的信息层级能灵活调度,赋予设计更丰富的表达;字宽可变带来更灵活的信息编排,让局部段落更适配整体画面;斜体可变使得字体具有凸显强调的特点,增加文本的美感和艺术性;衬线可变让设计从古典到现代的无极变化,激发创意百变。
-3.阿里妈妈刀隶体
阿里妈妈刀隶体,通过机器学习爨宝子碑精髓,以智能生成+人工调优的方式完成。字体风格强调三角点折弯与横画两端“雁尾”之方强,外露锋芒,耀其精神,介于隶楷之间,保持着浓重的隶书方笔意味,给人以坚实、朴茂、稚拙、倔犟之感,打破常规常态的匀称均衡。结字方法极为大胆,笔画大小常常出人意料,看似失度,实则深得艺理,险中求正,静中寓动,动中求静。
阿里妈妈智造字团队在字体自动生成上的探索与实践。提出了内容融合模块、迭代式风格向量微调、投影字符损失等方法,有效提升了字体生成的效果,助力生成了刀隶体等字体。基于该项工作总结的论文已被CVPR2023录用,欢迎阅读交流。
论 文:CF-Font: Content Fusion for Few-shot Font Generation
相关文章:https://mp.weixin.qq.com/s/PjXDpLmCL6bbc6YwZ4AHYQ
-4.外滩大会-in.clusionFont
蚂蚁集团联合阿里妈妈智造字为外滩大会打造的一款in.clusionFont品牌字体,面对每年一场的外滩大会,主论坛+40分论坛,物料设计繁杂,如何有效地降低视觉统一性的管理成本?统一用字标准是其中行之有效的办法之一。文字承载着信息,也承载着风格,对于建立品牌心智而言,定制字是非常有力的利器。外滩大会关注的的不仅仅是高尖端的科技金融,同时也关注民生与普惠,追求商业价值的变革,也在乎绿色和可持续发展。面对如此宏大而具体的诉求,阿里妈妈智造字从“通用”的角度出发,在“常规感”中寻求“未来感”,在科技、金融、普惠、变革、可持续中探索视觉交点。整体字型在统一性和识别性上进行了糅合,使行文精致统一且具备独特性。
阿里妈妈智造字不断沉淀AI能力,以科技普惠商业,持续为商业需求服务。
02
从一到多,以可变探索设计的未来
-
随着可变字体的逐渐成熟,在多变场景的价值也将显现、可变字体的无级变化,在传播层、体验层、创意层、开发层突破表达的边界,呈现出前所未有的适应性、反应度和创造力。打开我们的想象,尽情探索可变的可能性。
-1.可变字体——跨屏自适应
为更好地解决多端跨屏自适应的设计,提供可行的可变字体能很好地解决这一问题,网页可根据屏幕宽度调整布局,并自适应字体的样式,协调各屏的阅读体验和体验一致性。在web研发中,嵌入一个可变字体文件即可实现多样形式,让网页开发框架更简单干净。或者是让可变字体根据读者的年龄和距离屏幕的远近,进行尺寸的调节。
-2.可变字体——强调句
信息的强调和加注是设计师惯用的手法,传统字必须从设计师设定好的几种粗细里做选择,而可变字可以选择尺度上的任何点。比如想要选择中间的某处,使用值为 600 的粗体字体(可能感觉不够重),使用值为 700 的额外粗体字体(可能感觉太重),而 641 恰到好处!若在可变字体的加持下,用最简单“滑杆”方式就可以随意调节字的尺度和粗细来强调着重内容、特定字符、日期等,可设置加粗,或是类似语雀的大标题、小标题、正文等层级来设定字重。
-3.可变字体——环境响应式
可变字体的出现将改变字体在设计中的应用方式,若可变字体与大数据相连,将会拥有更强的交互性。试想一下,字体的大小和样式随着灯光、噪音、温度、天气数据的变化而改变,这将会让信息传播和交流变得更高效。
比如为用户提供一种增加字体粗细和颜色对比度的方法来帮助弱视群体,或者对排版进行细微调整以实现对光敏感的人的暗模式实施。屏幕底色和强弱光对比(包括“屏幕内”的强弱光对比、“屏幕与环境”的强弱光对比)会显著影响阅读体验,可变字体+环境响应式可以智能应对字重等样式的调整,让阅读更加愉悦。
-4.可变字体——趣味性交互
利用可变字体各轴的特性,打开设计思维,为您的网页排版添加细微差别和艺术性,而不会拖累您的网站。可以用一个字体文件和一些 CSS 来完成过去需要多个字体文件的工作!如在交互层实现hover状态下变粗,或者在网页/H5的交互中增添趣味性、创意的体验等。
-5.可变字体——精细化排版:
某些情况下,视觉上需要营造非常统一的秩序感和统一性。如下图如示,希望大字和小字营造粗细一致的线条感,需要“小字的字重”略大于“大字的字重”,于或者在不拆元素的情况下实现一行字含有多种字形样式,只有使用可变字的情况下才能轻松实现。
-6.可变字体——感应式设计
可穿戴设备和情景感知技术的介入,使可变字体在不同场景和环境带来不同字体变化,这使设计更具人性化,也能给用户带来更细腻的交互设计,提升用户的感官体验。如传感器可变字体,基于物联网的模型,在图形界面中对可变排版进行语义使用,在排版和不同传感器收集的数据之间建立关系,对界面中“意义需求”的回应,可变字体的潜力在于将排版变成对环境可以反应和适应的有生命力的东西。
如将汽车中的车载计算机接口对应可变字体的参数,通过“并置设计”原则为图形界面提供语义值,当车的碰撞距离减小,则字体的字重增加。这样做的目的可引起驾驶员的注意,减少汽车与另一个物体、车辆或人碰撞的概率。
目前我们只是探索了可变字体在交互性和沉浸感方面的部分应用的想法,随着技术的普及,相信越来越多平台都将支持可变字体,将会促使人们进行更多实验性设计,促使可变字体进一步升级。可变的时代,以可变应万变。
关于以上字体将陆续发布于
渠道一:阿里普惠体官网 fonts.alibabagroup.com
渠道二:阿里巴巴矢量图标库 www.iconfont.cn
感谢智造字项目组成员的给力支持!
❤️
设计:川良、南志、亮黎、熙柚、赵雅
前端:逸才、李牧、宫卫、壹丝
算法:云芑、积流、王驰