小米兰亭Pro VF和方正字库可变字体的新尝试

1992019年9月24日下午,小米公司在北京召开了“小米5G新产品发布会”,推出了小米9 Pro、小米MIX Alpha等一系列新产品。新的MIUI 11系统也在发布会上正式亮相。MIUI 11系统旨在“声音和表达以及效率创新”,并围绕“设计”、“办公”和“旅行”进行全面升级

简历字体及字号要求

2

简历字体及字号要求

,作为中文系统中字体定制的先驱,这款MIUI 11系统不仅带来了全新的小米兰亭专业版,还推出了世界上第一款动态字体系统,希望为用户提供终极阅读体验。

简历字体及字号要求

在MIUI 11系统中,用户可以通过“设置-显示-字体大小和粗细”操作进入字体模块,并拖动相应的滑块来改变手机界面中使用的字符的字体大小和粗细MIUI动态字体支持文本粗细的无级调整,让每个人都能找到适合自己的重量。

简历字体及字号要求

智能加厚也将根据内容的层次和重要性不同程度地加厚文本,使阅读体验更加极端

简历字体及字号要求

7-

配备了动态字体系统的MIUI 11,在交互细节上也做了很多优化和改进。

简历字体及字号要求

在系统字体越来越受到手机制造商关注的时候,小米推出的MIUI动态字体系统无疑是行业的一大突破,也是在手机系统中安装可变字体的有益尝试。据了解,MIUI动态字体系统荣获2019年红点奖小米官方发布了超过

简历字体及字号要求

*的视频和图片资料。版权属于原作者。许多设计师和朋友都听说过可变字体,但它在中文领域的实际应用仍然有限。MIUI的大胆尝试不仅反映了小米对用户体验的高度重视,也反映了其前瞻性和探索精神。接下来,本文将与大家详细讨论“可变字体”。

什么是可变字体?

可变字体技术源于2016年由Adobe、苹果、谷歌和微软发布的OpenType v1.8字体格式规范该规范的发布将允许单个字体文件同时支持多个字体形状。它可以在一个字体文件中紧凑地封装多种字体,并通过定义字体的变化来实现单轴或多轴设计空间。

简历字体及字号要求

当前大多数主流操作系统、浏览器和设计软件都不同程度地支持可变字体Photoshop CC 2018和Illustrator CC 2018,设计领域最著名的图像编辑软件,也支持这一技术。设计师可以使用这两个设计软件调用预览和使用可变字体。

简历字体及字号要求



可变字体优势


前所未有的自由

创始人兰亭黑色系列字体是创始人最丰富的家庭字体,支持10个字的权重,另外还提供扁平和长字符。换句话说,创始人lanting black提供了单词权重维度的10个变化、单词宽度维度的2个变化和单词高度维度的2个变化,总共14个变化当设计师使用兰亭黑色系列字体时,仍然存在现有字体粗细不能满足排版水平要求的情况。这个文件中的笔画太细,下一个文件中的灰度太重。

简历字体及字号要求

▲方正蓝庭黑色系列字体支持10个字重维度、2个字宽维度和2个字高维度的变化


,可变字体的存在可以很好地解决这个问题。可变字体包括单轴或多轴设计空间。通过调整可用的轴来控制文本的精确重量、宽度、高度和中心,实现了字体的平滑和连续微调。设计人员可以轻松获得满足不同布局设计要求的自定义字形。

简历字体及字号要求

▲可变字体的多轴无级变化使字体有更多自由变化空间


。以Illustrator CC 2018中方正-黑色三轴可变字体的操作为例,方正-黑色可变字体在字体库列表中找到。当我们通过“窗口-文本-字符”操作打开字符面板时,我们会发现在字符样式的右侧有更多的可变字体按钮,并且在该按钮下提供了可变字体的可变移动滑块其中,方形黑色可变字体具有单词权重轴、单词宽度轴和单词高度轴三个轴的变化,相应的调整滑块为权重、宽度和高度通过滑动这些调整滑块,可以实现单个字体在不同维度上的变化,这是普通标准字体库所没有的特殊属性。Illustrator CC 2018设计软件中

简历字体及字号要求

▲方正友好三轴可变字体的可变操作界面。当用户点击可变字体按钮时,可以看到方正友好可变字体的三个可变轴:字重轴、字宽轴和字高轴。通过调整滑块获得满足要求的小体积大能量的字体样式


。对于传统的标准字体库,目前流行的系列字体库重组方法有瘦、轻、正、半粗、粗、粗,共有6个字权重,以6个独立字体库的形式存在。每个文件根据GB18030-2000标准组织字体。字体文件大小超过8MB,6种字体文件大小接近50MB

但是,支持字重轴变化的可变字体仅用一个字体文件就可以提供800个字重,符合GB18030-2000编码标准,文件大小约为20MB在更小的空间里实现了更大的变化。

简历字体及字号要求

▲可变字体不仅比传统的系列字体有更多的变化空间,而且它们的文件大小比系列字体的文件大小小得多< br>

可变字体的应用


网络字体+可变字体

网络字体技术有许多优点:它可以在网页上应用高质量的字体,并提供极致的阅读体验;网页上的文本易于修改和编辑。它支持搜索、选择和复制等功能,并支持工具翻译。突破字体需要转换成图片的限制,将图片中的文本信息还原成字体对搜索引擎更友好,可以提高关键词搜索排名等。

简历字体及字号要求

▲纽约时报英文官方网站以网络字体的形式嵌入了一些家庭字体,其中纽约时报切尔滕纳姆家庭字体主要用于显示标题内容。纽约时报富兰克林系列字体用于注释、菜单标签和其他位置。在满足布局的逻辑层次关系的同时,不同主题的不同文章具有不同的风格和效果


简历字体及字号要求

18-

▲英国三大报纸之一《卫报》。它的网站使用一个巨大的家庭字体监护人,这是由许多真正定制的字体。其中,文本字体设计为在每一页上创造更多的空白,使阅读


更加容易和舒适,而不减少字数。如果Webfont技术配备了可变字体,会带来什么样的惊喜呢?首先,可变字体的无限变化可以为多层次信息的布局提供不同风格和效果的字体样式。可变字体将为页面带来更多的自由设计空间,同时读者可以体验到更流畅的阅读环境。其次,由于可变字体的文件大小与家庭字体相比明显被压缩,较小的字体文件大小意味着相应的服务器次数更少,带宽要求更低,页面加载时间将显著缩短

简历字体及字号要求

▲ Webfont配有可变字体的应用演示页面。当嵌入web的可变字体被激活时,网页会根据信息级别和排版效果自动调整字体样式,使其更符合用户的浏览习惯。OLIVER SCHNDORFER开发并制作了


网页,该网页适用于

种不同的显示设备,具有不同的水平和垂直屏幕比率和屏幕分辨率,并同时匹配不同的观看距离我们无法预测用户将使用何种设备和分辨率来打开网页。网页改编成为网页设计师和前端开发工程师的一个紧迫问题。因此,能够自动响应用户设备环境的响应性网页设计已经成为趋势。可变字体的应用可以方便地改变响应网页的字体级别,并通过视觉缩放增强不同屏幕尺寸下的显示输出。

简历字体及字号要求

▲可变字体响应网页设计。随着文本区域的变化,单个字符的字体大小、粗细、宽度和间距也相应调整。随着对用户体验的重视,系统阅读模式的个性化探索越来越受到重视苹果公司已经在苹果电脑的Mojave和最新的iOS 13系统中引入了深色模式。深色模式使用更深的配色方案。苹果用户在系统偏好设置中选择这种模式后,整个系统的外观,包括苹果电脑附带的应用程序和第三方应用程序,将在全球范围内切换到黑暗背景,帮助用户专注于系统工作。

简历字体及字号要求

▲ macOS Mojave系统内置深色模式。用户可以根据自己的使用习惯在


之间切换。与此同时,越来越多的移动设备配备了光传感器来感知外部光线的变化,从而反馈给设备,使它们能够根据光线的明暗自动调整屏幕的亮度和对比度,从而改善用户的阅读体验

简历字体及字号要求

▲配备光传感器的移动设备可以根据光线的明暗自动调整屏幕亮度和对比度

如果系统中嵌入了可变字体,则可以在上述两种情况下做出适当的响应,并且可以通过微调字体来提高页面文本的易读性。


方正字体中文可变字体

由于中西方字体的巨大差异,中文字体集较大,字体样式复杂,这使得实现无限字体变化更加困难。作为中文字体设计领域的领导者,方正字库凭借其丰富的字体设计经验,通过技术创新实现了对中文可变字体设计的探索。


方正友好可变字体

2年11月017,方正字体库发布了世界上第一个中文三轴可变字体——“方正友好”(点击蓝色文字阅读)。这种可变字体实现了三个轴的变化,即重量、宽度和高度。在未来,它会考虑添加其他轴,如重心,中宫,笔画粗细对比等。

简历字体及字号要求

方正黑色可变字体要求每个轴至少有两个字体数据,以提供字体设计不同极端之间的具体变化;同时,它还允许在每个轴上添加中间数据,增加整个字形集或单个字形的中间设计的可能性,以便在设计空间变化时对字体适应变化提供更好的控制。

简历字体及字号要求

25-


方正友松可变字体

随着移动设备的广泛使用,方正字体库发布了世界上第一个屏幕显示歌曲风格——“方正友松”(点击蓝色单词即可阅读)作为一种采用最新技术手段的数字字体,方正友松也是一种可变字体,具有字体变化无穷的特点。

简历字体及字号要求

方正友松可变字体支持字体粗细和中院尺寸的变化。设计师可以根据字体粗细和文字宽度对字体进行微调。中央宫殿的人物重量和无级可变的特点使方友松能够满足不同媒体场景的视觉需求,提高了方友松的视觉识别和信息层面的可塑性水平方正字体库试图将宋体字符改为黑体字符,这也为改变中文可变字体的尺寸创造了新的可能性。

简历字体及字号要求

▲方正友松可变字体实现了实际字体产品中字重尺寸的变化


简历字体及字号要求

29-▲方正友松的中工变量和从方正友松向方正友协变化的实验尝试,开辟了一个新的中文可变字体变化维度< br>

解语

随着技术创新,字体设计进入了一个可以无限变化的开放新时代可变字体的出现使得在预定范围内任意放大、缩小、加厚、变细、拉伸或弯曲字体成为可能。设计者可以将字体调整到所需的比例和大小。

字体的形态变化是微妙的,这种微妙的变化往往能以微妙的方式表现出非凡的品质。通过可变字体技术与不同场景的结合,可以充分发挥变化无穷的可能性,帮助用户选择最符合自己需求的字体组合方式,从而创造完美的用户体验。最终,用户、设计师和字体制造商将从这项技术的广泛应用中受益。

大家都在看

相关专题