用过Axure的小伙伴都知道,Axure拥有大量的组件和功能,让设计师能够快速构建出高保真原型图。这些组件在Axure中可以很方便地找到,就在右下角Axure组件库中,直接点击拖拽就可以被调用。

官网

然而,即使是最熟练的设计师,也可能在寻找合适的组件和素材时遇到挑战。Pixso作为一个创新的在线协作设计平台,为设计师提供了一个全新的视角来处理这些问题。为了帮助设计师们节省时间,提高工作效率,本文将深入探讨Axure中的核心组件,并提供一些精选的同款设计素材下载资源,让设计师们能够快速获取所需的元素,从而更加专注于创意和设计的实现。👉注册Pixso,高效开启原型设计

1.   Axure组件分类

Axure组件可以分为两类,常用组件和动态组件。

(1)常用组件

  • 按钮:包括普通按钮、图标按钮等,用于执行各种命令。
  • 文本框:用于输入和显示文本信息。
  • 标签:用于显示固定文本信息。
  • 图片:用于显示图像文件。
  • 矩形:用于绘制矩形形状,可以设置边框、填充色等。

(2)动态组件

  • 面板:用于承载其他组件,可以设置隐藏和显示。
  • 动态面板:可以创建多个状态,每个状态可以有不同的内容,用于实现高级交互。

除了以上两类组件外,Axure还有一些外部组件:

  • 图标库:集成了常用的图标资源。
  • 设备库:提供了各种设备的预设尺寸和样式。
  • 第三方插件:Axure可以直接引用第三方插件,扩展Axure的功能,如添加地图、图表等。

总的来说,Axure组件库是比较丰富的,涵盖了从基本的用户界面元素到复杂的第三方组件。使用这些组件,大幅节约了设计师的制作时间,确保原型具有良好的用户体验和交互性能。但是Axure组件大多是适配国外的设计环境,对于本土化的一些产品开发适配度上会有所不足,另外国产手机的崛起,就需要更多可以适配本土化的组件库。下面就给大家介绍一款Axure同款设计素材Pixso资源社区。

2.   Axure同款设计素材,Pixso资源社区

Pixso资源社区是有国内顶尖的设计平台Pixso旗下的社区,拥有海量免费设计资源。主要适配本土化设计师使用的设计资源,资源种类非常丰富,包括图标、插画、角色、风格化等多种设计资源。其中各类组件库、组件素材更是达到近千款,涵盖了PC端、移动端等多场景组件资源,相当于平替的Axure组件库。

社区

👉点击进入Pixso资源社区

(1)国内大厂设计组件

Pixso资源社区紧随设计潮流,收录了最新的国内大厂的设计组件,而且都是成套组件,分类整理。随便打开一个鸿蒙操作系统组件库的素材,就有整理好的导航、操作、展示、输入、选择、容器等等样式,最贴心的是还做了组件目录,找起来更方便了。

鸿蒙

鸿蒙操作系统组件库,点击获取

(2)智能图表组件

Pixso资源社区收录了由Pourya Zamani创建的15个智能图表组件,包含有曲线图、柱状图、饼状图、线条进度图等。百搭又百变的图表组件,使数据能够可视化并以吸引人且易于解释的形式呈现。

设计

前往获取智能图表组件-免费UI设计素材

(3)动态组件

现在最流行的动态组件Pixso资源社区也有收录,这款Cool Loaders的原型动画质量很高,非常适合新手设计师参考学习。

动画

Cool Loaders - 原型动画素材

(4)日历选择器组件

日历和日期是设计中常见的元素,但是制作起来非常费时费力,Pixso资源社区提供了可以自动布局和变体的日期选择器,相信会非常受设计师欢迎。

日历

FinalUl日历和日期选择器组件,前往获取

3.   Axure同款组件模板,一键免费下载

Axure同款设计素材Pixso资源社区的下载也是非常简单,而且Pixso资源社区的所有素材都是可以免费下载的,下面就教大家如何下载。

Step 1:登录网站

打开Pixso官网,点击导航栏中的【资源社区】里的【组件资源】。

官网

👉点击注册账号,免费使用Pixso

Step 2:选择UI组件集

在资源社区中,选择【UI组件集】,就会出现大量免费组件。而且Pixso资源社区每个月都会更新最新的组件素材,喜欢Axure同款设计素材的小伙伴可以点击右上角注册,即可免费使用。

社区

Pixso资源社区,点击进入

Step 3:使用组件素材

点击右上角【复制】,选择【打开文件】,即可免费使用组件素材。

设计

立即体验Pixso原型设计

Step 4:导出组件素材

打开的组件素材如果需要导入到其他工具中,可以在左上角选择导出,Pixso提供了Sketch、Adobe XD、Pixso、PDF四种文件,当然也可以直接切图导出使用。

设计

Pixso组件库无须下载,没有套路,即开即用。编辑过的组件素材会在工作台中留存,以后调用直接打开即可使用。另外,Pixso本身是一款集合了AI设计探索、白板、原型、UI/UX设计、交付、管理的一体化设计工具,全面覆盖产品设计全流程,一站式解决产品设计的所有问题。👉点击免费使用Pixso。