当前位置: 代码网 > 科技>操作系统>鸿蒙系统 > Pixso 协同设计首发鸿蒙 HarmonyOS 原生组件库:辅助应用规范设计、支持团队维护

Pixso 协同设计首发鸿蒙 HarmonyOS 原生组件库:辅助应用规范设计、支持团队维护

2024年06月25日 鸿蒙系统 我要评论
HarmonyOS 组件库,是由鸿蒙内部设计师与开发者共同打造的企业级设计系统,可用于设计鸿蒙应用,遵循平台的设计规范,完成跨平台的产品设计。

6 月 25 日消息,博思云创旗下协同设计工具 pixso 官宣首发 harmonyos 原生组件库。

图片

据介绍,harmonyos 组件库,是由鸿蒙内部设计师与开发者共同打造的企业级设计系统,可用于设计鸿蒙应用、遵循平台的设计规范、完成跨平台的产品设计。代码网附 pixso 鸿蒙 harmonyos 组件库亮点信息如下:

规范设计

harmonyos 组件库提供设计规范,能够帮助用户完成鸿蒙应用设计和研发,并保持设计语言和风格的一致。

图片

组件资源

harmonyos 组件库提供 6 大类原生组件,包括导航类、操作类、展示类、输入类、选择类和容器类,每一类下面细分出多个子类和样式,覆盖大多场景设计需求。

组件在不同场景下有不同表现形式,原生组件预置不同变体,可通过 pixso 组件变体功能切换颜色、大小、形状等,以适应不同的设计需求或满足特定的使用场景。

图片

团队维护

所有人均可基于 harmonyos 组件库来构建个人或团队组件库,通过 pixso 组件库替换功能,用户可根据组件和样式名称进行匹配,批量替换项目使用的组件库,实例中的组件、样式、配色也会同步更换,无需手动修改。

图片

除了 harmonyos 组件库,pixso 插件广场还上架了一款相配套的设计插件“harmony design”,插件集成了 3 大功能,可进一步提升产品设计效率:

harmonyos symbol

  • 内置鸿蒙图标,提供 3 种颜色和 7 种动效样式,可用于搭建鸿蒙界面

主题切换

  • 基于 harmonyos 组件或颜色样式搭建的界面,可一键切换 ui 主题,适配深浅模式

规范检查

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

图片

harmonyos 组件库、鸿蒙设计插件获取、安装方式如下:

harmonyos 组件库

浏览器打开 pixso 资源社区首页,顶部的「资源社区精选」区域显示有 harmonyos 组件库,点击组件库封面进入详情页。

图片

进入 harmonyos 组件库的详情页后,点击右上角的「复制」按钮,即可一键拷贝整份组件库。

图片

拷贝的 harmonyos 组件库默认存放在“我的草稿”中,团队协作场景下,组件库可移动到团队协作空间,团队成员可查看或维护整个组件库。

图片

鸿蒙设计插件

pixso 插件广场首页展示有 harmony design 插件,点击插件右侧的按钮,安装对应的插件。

图片

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

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

图片

另外,还可以在画板上点击鼠标右键,选择右键菜单底部的「插件」,同样可以看到已安装的鸿蒙插件,点击即可唤出插件面板。

图片

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com