GitHub

关注
GitHubwww.shan-machinery.com这里提供微信和小程序、iOS、macOS、Android、Windows 等多平台的 Axure RP 元件库,你的原型任你自由飞跃。对于元件库的设计,我参考官方的设计规范文档,尽可能不放过任何一个像素的偏差,无论长度、宽度、转角、颜色。希望你采用了此高保真元件,可以更好地和开发、测试等团队成员深入沟通。如果你的团队有 UI 设计人员,只希望你出具低保真的原型时,请在 Axure RP 软件中,打开菜单 “Project > Page Style Editor”,做以下调整: ⇨ Sketchiness 为 20 左右⇨ Color 为 Grayscale⇨ Font 为 自己找个中文手写字体以确保你的原型不会干扰到 UI 设计。希望我的建议对你有用,感谢你自由使用开源元件库。安装

请将下载的 Axure RP 元件库 .rplib 文件放到 Axure RP 元件库目录下,然后重新打开 Axure RP 9/8 软件,并在元件库列表中选择相应元件库即可使用。元件库目录位置:

Windows 系统:我的文档/Axure/LibrariesmacOS 系统:文稿/Axure/Libraries

希望 Refs.cn 制作的元件库能给您带来帮助,如果感觉还不错,简单 ★Star 一下就很感激了。想了解和获取后续更新版本,可保持关注。

如果您有一些好的建议或者实际需要,可 New issue 一下,或 通过电子邮件告诉我。

“预见未来最好的方式就是创造它。”—— 亚伯拉罕·林肯网页设计元件库☞ 移动网页

基于微信 WeUI 和小程序设计指南等创建,适用于包括微信在内的移动网页或 HTML5 轻应用的原型设计。预览

查看完整大图

下载 refs-webm-wechat.rplib,包括常规、导航/模式、基础、列表、选择/输入、卡片、弹窗和扩展等分组元件,基于 iPhone 原型尺寸描述。微信 WeUI 更多信息,请参见 微信 WeUI 官网 。微信小程序设计更多信息,请参见 微信小程序设计指南 。☞ 桌面网页

包括通用官网,社交、电商和媒体等分类网站和控制台的设计元素。

推荐下载 Ant Design Library ,Ant Design 实现比较完整,同时与其技术框架匹配,推荐直接使用。设计平台元件库☞ Apple Design

基于 Apple iOS/macOS Human Interface Guidelines 创建,适用于 iPhone、iPad 和 macOS 桌面应用的原型设计(macOS 部分请关注后续更新)。

预览

查看完整大图

下载 refs-design-apple.rplib,包括常规、导航/模式、基本、列表、列表左右件、选择/输入、弹窗和扩展等分组元件。iOS 平台更多信息,请参见 iOS 设计准则 。macOS 平台更多信息,请参见 macOS 设计准则 。☞ Material Design

基于 Google Material Design 准则创建,适用于 Android 手机、平板应用,以及跨平台桌面应用的原型设计。

预览

查看完整大图

下载 refs-design-material.rplib,包括常规、模式、基本、输入、列表、富列表、卡片、弹窗和扩展等分组元件。下载 Noto Sans CJK SC 字体(可选安装),安装后原型页面有更好的显示效果。更多 Noto 字体,请参见 Google Noto Fonts 官网 。更多信息,请参见 Material Design 官网 。☞ Fluent Design

基于 Microsoft Fluent Design System 创建,适用于 Windows 个人电脑、手机、Xbox One、HoloLens 等设备应用的原型设计。

预览

查看完整大图

下载 refs-design-fluent.rplib,包括常规、基本输入、集合、对话框/弹窗、文本、滚动/状态/信息、菜单/工具条、导航、水平导航/枢轴、选择器、媒体和窗口外壳等分组元件。更多信息,请参见 Fluent Design 官网 。☞ 手势图片

基于 Jeff Portaro 的 Touch Gestures Icons 创建,适用于所有移动平台触控、桌面触控,以及触控面板的操作手势表达。预览

预览全部手势

下载 refs-image-gesture.rplib ,包括单指、双指、三四五指、单手、双手和扩展手势等分类图片。更多信息,请参见 Touch Gestures Icons 网站 。图表元件库☞ 模型和数据图表

预览

查看完整大图

下载 refs-chart-model.rplib,包括描述产品需求流程的 UML 状态图、活动图、序列图、用例图,以及商业等分组图表。

预览

预览

查看完整大图

下载 refs-chart-data.rplib,包括适合移动端的点图、线图、区域图、柱状图、饼图、雷达图、股票图、仪表盘及混合等各类数据图表。图标/图片元件库☞ Material Design 图标

基于 Material Design icons V1.0.2 图标创建。

图标预览

查看完整大图

下载 refs-icon-material-v1.rplib (官方图标 x24),包括 action, alert, av, communication, content, device, editor, file, hardware, image, maps, navigation, notification, social, toggle 等分组图标。原始图标地址更多信息,请参见 Material Design 官网 。☞ 品牌设计图标

基于 Apple、IBM 等品牌图标创建。

下载 refs-icon-brands.rplib (官方图标 x28/x24),包括 Apple 系统导航和工具栏、切换栏、快捷操作,IBM Design 操作、格式、对象等分组图标。查看 Apple iOS 原始图标地址查看 Apple macOS 原始图标地址查看 IBM Design 原始图标地址☞ Icons8 图标/图片

基于 Icons8 图标创建。图标预览

下载 refs-icon-s8flat.rplib (彩色图标 x32),包括照片和视频、基本、商业、工业、移动、箭头、数据和新增等分组图标。原始图标地址更多信息,请参见 Icons8 官网。☞ 图标平台图标/图片

基于 Easyicon、Smallicons、阿里妈妈 Iconfont 等图标创建。

下载 refs-icon-alibaba.rplib (官方图标 x24),包括 Alibaba 国际站、支付宝、支付宝记账等分组图标。下载 refs-icon-colorful.rplib (彩色图标 x32),包括社交、社交(国外)、文档类型等分组图标。下载 refs-image-colorful.rplib (彩色图片 x128),包括封面、生活小图、生肖地支春节、天气、图表、交通、乐器、生活等分组图片。更多信息,请参见 Easyicon 官网 、Smallicons 官网 和 Iconfont 平台官网 等。☞ Font Awesome 字体图标

基于 Font Awesome V4.7.0 图标字体创建,在使用前,需要在操作系统设计中先安装此字体 FontAwesome.otf。另外,如果不想在导出的原型中依赖字体库,造成不方便的情况,可以在原型设计时,拉入字体图标后,鼠标右键“Convert to Image”来将其转换为图片即可。

下载 refs-icon-font-awesome-v4.rplib (官方图标 x24),包括 Web Application,Accessibility,Hand,Transportation,Gender,File Type,Spinner,Form Control,Payment,Chart,Currency,Text Editor,Directional,Video Player,Brand,Medical 等分类字体图标。下载 FontAwesome.otf 字体(必须安装)更多信息,请参见 Font Awesome 官网 。资源推荐

另外,还有一些资源推荐给您。

Axure RP 10 导出界面汉化预览

Axure RP 导出原型界面汉化包:refscn/rphh (更新至 9.0.0.3727 和 10.0.0.3828 版本)提供知识索引的参考卡片:refscn/cards

更多参考资源,请访问 https://refscn.github.io 。

申明:Refs.cn 在这里开源的 Axure RP 元件库,秉承开放共享的思想,供大家免费使用,欢迎各站点转载和分享。严禁用于销售,违者必究。

https://www.shan-machinery.com