设计师和开发者在做鸿蒙应用时,常常会遇到一个虽然小但很烦恼的问题:字体怎么处理?过去的做法,不外乎是自己下载字体文件、设置样式、导出标注,再和开发对接确认参数。但鸿蒙有自己的设计语言和专属字体,这种流程不仅繁琐,还可能会出错。
前几天看到国内主流的设计协作平台Pixso2.0发布,正式上线鸿蒙字体支持,第一反应是:终于可以不用再手动导字体文件,设置字号和行距了。相较于传统设计工具,可以从设计稿开始就能直接使用官方字体样式。
一、鸿蒙字体为什么值得“原生支持”?
在实际项目中,如果团队做的是HarmonyOS方向的应用,视觉语言基本上得按官方规范来走。而鸿蒙字体是设计规范非常基础和核心的一部分,不仅要与系统UI协同,还要确保用户阅读流畅性、视觉统一。
但问题是,很多设计工具要么没有预置鸿蒙字体,要么支持得很有限,尤其涉及多端适配(比如深浅色、屏幕密度、字号层级)时,就很容易出错。Pixso这次把鸿蒙字体作为设计资源直接内置,对设计师来说,可以从一开始就用到“官方级”的规范组件,而不是先设计,再对照开发文档反复调整。
这相当于直接把设计规范放在了工具中,设计师就不用去翻文档,组件样式和字体也能更一致。尤其在跨部门多角色协作时,比如设计、前段、产品一起跑需求,这种规范内置的机制,就能有效地减少交接的成本以及返工次数。用过就知道,这种体验上的变化,实际能节省不少时间。
二、不只是“能用”,还能少返工
Pixso这次的更新,不只是可以选用鸿蒙字体了。它配合了变量系统、响应式布局、深色/浅色模式切换等功能,让设计稿里的字体能自动适配不同使用场景。比如在平板上字体该多大?在可穿戴设备上字号怎么压缩还不影响阅读?这些都不用人工去测,只要字体设置得当,工具会自动适配并保留样式一致性。
更实用的是,Pixso不仅提供了鸿蒙字体,还同步支持了HarmonyOS官方组件库。这套组件库里包含了常见的系统控件,比如按钮、列表、标签、状态栏等,全部按照ArkUI的设计标准来定义。也就是说,设计师直接拖拉这些组件,就等于使用了鸿蒙原生样式,省去了“仿着画”或反复调样式的步骤。在实际项目中,字体和组件是绑定在一起的,样式统一性要求很高。比如系统按钮配什么字号、间距是多少,Pixso里的组件库都预设好了,能避免因为使用不规范组件导致的视觉不一致或开发返工。
此外,Pixso还提供了“Harmony Design”插件,里面包含了HarmonyOS Symbol图标集、主题切换支持和规范检查等功能。设计师在画稿子的时候,如果字号层级用错了、字重不一致、颜色不符合系统标准,它会自动提示修改建议。这些“小提醒”看起来不起眼,但在协作流程中,确实能减少很多设计和开发之间“对不齐”的沟通成本。
二、深度融合鸿蒙系统一键转代码
这次上线,不仅解决了“能用”的问题,而且用完之后还能直接转成代码。Pixso的D2C(Design to Code)功能也同步支持了鸿蒙字体的ArkUI代码自动生成。像我们常用的字号、字重、行高等字体参数,只要在设计稿里设置好了,导出时就能自动翻译成ArkTS中的标准写法。前端拿到代码就可以使用,不需要再对照设计稿手动抠字体样式,视觉还原也更稳定,整个项目的开发节奏会更顺畅。
我这边测试了一个小项目,从设计初稿到交付代码的时间比以往节省了至少30%,而且前端也反馈视觉细节还原度更高、调整更少。尤其在团队人手不多的时候,这种节奏感差异是很明显的。(注:30%效率提升基于XX项目测试案例,实际效果因团队规模而异)
另外,很多中小团队其实并没有完整的设计系统,甚至也没时间去研究鸿蒙的视觉标准。这时候,Pixso 预置的鸿蒙字体和组件就特别实用——等于官方的设计规范已经打包进工具里了,你只要打开就能用,不需要从头搭框架、调参数。
结语
现在鸿蒙系统的项目越来越多,很多设计团队开始接触政务、车载、IoT相关的需求,前端开发也开始习惯对接ArkTS和鸿蒙的组件体系。设计这边如果还停留在老的工作方式,很多地方就会跟不上。这次Pixso加上鸿蒙字体,虽然改动不大,但确实把之前设计师经常要手动处理、容易出错的那一块补上了。对做实际项目的人来说,就是少对一次字重、少调一次行距,整个流程更顺一点,也更安心一些。
再配合Pixso的鸿蒙组件库和D2C能力,整个从设计到落地的链路也会更加顺畅。从目前的使用体验看,不管是个人开发者还是小团队,都能比较轻松地做出规范统一、视觉还原度高的鸿蒙界面。