数字软件国产化是一个不可逆转的趋势,越来越多的团队在选型时优先考虑国产软件,华为鸿蒙开发团队不仅选用 Pixso 作为产品设计和协同工具,并在 Pixso 设计资源平台首发其企业级设计系统「
作为国内首个与 HarmonyOS 组件库达成合作的产品设计工具,Pixso 用户可在 Pixso 中直接调用 HarmonyOS 组件,基于组件库的模块化特性,可省去产品设计过程中的重复劳动,同时搭配使用Harmony Design插件,助你轻松搭建鸿蒙应用。
HarmonyOS 组件库,是由鸿蒙内部多名设计师与开发者共同打造,经由上千个项目验证和沉淀而成的企业级设计系统,秉承构建和谐的数字世界的设计理念,HarmonyOS 组件库期望与用户、行业及合作伙伴等一起打造和谐共生的智慧化全场景体验。
鸿蒙系统是面向万物互联的全场景分布式操作系统,使用场景遍布手机、平板、电视、汽车和智能穿戴等多款设备,作为与之配套的设计系统,可用来设计运行在这些设备上的鸿蒙应用,让设计提效的同时遵循平台的设计规范,轻松完成跨平台的产品设计。
HarmonyOS 组件库将鸿蒙团队内部的设计经验提炼总结为专业的设计指南,为产研团队提供条理分明的设计规范,能够帮助产品经理、设计师、开发者等角色高效完成鸿蒙应用的设计和研发,并保持设计语言和风格的一致,满足用户体验的要求。
HarmonyOS 组件库提供了 6 大类原生组件,包括导航类、操作类、展示类、输入类、选择类和容器类,每一类下面细分出多个子类和样式,可覆盖绝大多场景的设计需求。
组件在不同场景下的不同表现形式,这些原生组件预置了不同的变体,可通过 Pixso 组件变体功能快速切换其颜色、大小、形状等,以适应不同的设计需求或满足特定的使用场景。
HarmonyOS 组件库的诞生,为 Pixso 用户提供了产品设计的“底层建筑”,所有人可基于 HarmonyOS 组件库来构建个人或团队组件库。
对团队组件库而言,通常需要定期维护和更新,Pixso 在这方面也提供了很好的支持,通过 Pixso 组件库替换功能,根据组件和样式名称精准匹配,批量替换项目使用的组件库,实例中的组件、样式、配色也会同步更换,无需手动修改,让设计资产维护更轻松。
Pixso 资源社区作为 HarmonyOS 组件库的首发平台,想要获取 HarmonyOS 组件库用于设计开发鸿蒙应用,必然离不开 Pixso 资源社区,具体操作如下:
浏览器打开 Pixso 资源社区首页,在 Pixso 社区顶部的「资源社区精选」区域,就能看到 HarmonyOS 组件库,点击组件库封面进入详情页。
下图是 HarmonyOS 组件库的详情页,点击右上角的「复制」按钮,即可一键拷贝整份组件库。
拷贝的 HarmonyOS 组件库默认存放在我的草稿中,对于团队协作的场景,为方便起见,可以将组件库移动到团队协作空间,这样处于同个空间的成员也能查看或维护整个组件库。
除了 HarmonyOS 组件库,Pixso 插件广场还上架了一款相配套的设计插件HarmonyDesign,插件集成了 3 大功能,可进一步提升产品设计效率 ——
●HarmonyOS Symbol:内置海量鸿蒙图标,提供 3 种颜色和 7 种动效样式,轻松搭建鸿蒙界面
●主题切换:基于 HarmonyOS 组件或颜色样式搭建的界面,可一键切换 UI 主题,完美适配深浅模式
●规范检查:提供组件规范、参数规范和组件使用统计 3 种检查能力,智能走查文件是否符合设计规范
浏览器打开 Pixso 插件广场首页,可以看到最新上架的 Harmony Design 插件,点击插件右侧的按钮,安装对应的插件。
安装鸿蒙设计插件后,可在设计过程中随时唤出插件,辅助我们高效完成产品设计,操作如下:
点击 Pixso 设计文件右上角的插件图标,在弹出的插件浮窗,可以看到刚安装的鸿蒙插件,点击即可运行插件。
另外一种快速唤出设计插件的方式,则是在画板上点击鼠标右键,选择右键菜单底部的「插件」,同样可以看到安装的鸿蒙插件,点击一键唤出插件面板。
除去本次首发的 HarmonyOS 组件库和设计插件,未来 Pixso 还会推出专为鸿蒙生态打造的更多工具,为鸿蒙应用设计和开发提供多维度的支持,携手把产品设计得更美好。
最后值得一提的。