首页 > 技术

一站式产品设计软件Pixso首发HarmonyOS原生组件库,携手共建鸿蒙生态!

2024-06-24 17:52:47      it之家   


  数字软件国产化是一个不可逆转的趋势,越来越多的团队在选型时优先考虑国产软件,华为鸿蒙开发团队不仅选用Pixso作为产品设计和协同工具,并在Pixso设计资源平台首发其企业级设计系统「HarmonyOS组件库」,于6月20日面向所有设计师和开发者开放。

  作为国内首个与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插件广场还上架了一款相配套的设计插件Harmony Design,插件集成了3大功能,可进一步提升产品设计效率——

  ● HarmonyOS Symbol:内置海量鸿蒙图标,提供3种颜色和7种动效样式,轻松搭建鸿蒙界面

  ● 主题切换:基于HarmonyOS组件或颜色样式搭建的界面,可一键切换UI主题,完美适配深浅模式

  ● 规范检查:提供组件规范、参数规范和组件使用统计3种检查能力,智能走查文件是否符合设计规范

  如何安装鸿蒙设计插件?

  浏览器打开Pixso插件广场首页,可以看到最新上架的Harmony Design插件,点击插件右侧的按钮,安装对应的插件。

  安装鸿蒙设计插件后,可在设计过程中随时唤出插件,辅助我们高效完成产品设计,操作如下:

  点击Pixso设计文件右上角的插件图标,在弹出的插件浮窗,可以看到刚安装的鸿蒙插件,点击即可运行插件。

  另外一种快速唤出设计插件的方式,则是在画板上点击鼠标右键,选择右键菜单底部的「插件」,同样可以看到安装的鸿蒙插件,点击一键唤出插件面板。

  除去本次首发的HarmonyOS组件库和设计插件,未来Pixso还会推出专为鸿蒙生态打造的更多工具,为鸿蒙应用设计和开发提供多维度的支持,携手把产品设计得更美好。

  最后值得一提的是,此前Pixso已上线了众多企业级设计系统,包括腾讯TDesign、阿里Ant Design、字节Arco Design等,随着HarmonyOS组件库的加入,Pixso集成的大厂设计系统又得到进一步扩充,有需要的朋友,可以前往Pixso资源社区免费获取。

相关阅读