{"id":13814235,"url":"https://github.com/refscn/rplibs","last_synced_at":"2025-05-15T01:09:52.290Z","repository":{"id":45732288,"uuid":"91763690","full_name":"refscn/rplibs","owner":"refscn","description":"Refs.cn 原型设计元件库，基于Axure RP 11/10/9，支持 Android、Apple、Windows、微信，移动、桌面平台的应用和网站原型设计。","archived":false,"fork":false,"pushed_at":"2024-09-06T03:12:51.000Z","size":78790,"stargazers_count":3125,"open_issues_count":12,"forks_count":507,"subscribers_count":155,"default_branch":"main","last_synced_at":"2025-04-09T14:02:10.933Z","etag":null,"topics":["apple","axure","axure-library","axure-widgets","icon-font","icons","material","prototype","refs","rplib","weui"],"latest_commit_sha":null,"homepage":"http://www.refs.cn/rplibs","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/refscn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-19T03:56:41.000Z","updated_at":"2025-04-09T02:04:14.000Z","dependencies_parsed_at":"2024-08-04T04:05:30.561Z","dependency_job_id":"f5d23f66-87bd-4dff-bf46-32914eae813b","html_url":"https://github.com/refscn/rplibs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refscn%2Frplibs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refscn%2Frplibs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refscn%2Frplibs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/refscn%2Frplibs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/refscn","download_url":"https://codeload.github.com/refscn/rplibs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254254043,"owners_count":22039792,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apple","axure","axure-library","axure-widgets","icon-font","icons","material","prototype","refs","rplib","weui"],"created_at":"2024-08-04T04:01:48.184Z","updated_at":"2025-05-15T01:09:47.282Z","avatar_url":"https://github.com/refscn.png","language":"HTML","funding_links":[],"categories":["HTML","Widget libraries"],"sub_categories":[],"readme":"```\n这里提供微信和小程序、iOS、macOS、Android、Windows 等多平台的 Axure RP 元件库，你的原型任你自由飞跃。\n\n对于元件库的设计，我参考官方的设计规范文档，尽可能不放过任何一个像素的偏差，\n无论长度、宽度、转角、颜色。希望你采用了此高保真元件，可以更好地和开发、测试\n等团队成员深入沟通。\n\n如果你的团队有 UI 设计人员，只希望你出具低保真的原型时，请在 Axure RP 软件中，\n打开菜单 “Project \u003e Page Style Editor”，做以下调整： \n⇨ Sketchiness 为 20 左右\n⇨ Color 为 Grayscale\n⇨ Font 为 自己找个中文手写字体\n以确保你的原型不会干扰到 UI 设计。\n希望我的建议对你有用，感谢你自由使用开源元件库。\n```\n\n## 安装\n请将下载的 Axure RP 元件库 .rplib 文件放到 Axure RP 元件库目录下，然后重新打开 Axure RP 9/8 软件，并在元件库列表中选择相应元件库即可使用。\n元件库目录位置：\n- Windows 系统：我的文档/Axure/Libraries\n- macOS 系统：文稿/Axure/Libraries\n\n希望 Refs.cn 制作的元件库能给您带来帮助，如果感觉还不错，简单 ★Star 一下就很感激了。想了解和获取后续更新版本，可保持关注。\n\u003e 如果您有一些好的建议或者实际需要，可 New issue 一下，或 [通过电子邮件](mailto:\"参考集\"\u003ccontactus@refs.cn\u003e)告诉我。\n\n```\n“预见未来最好的方式就是创造它。”\n            —— 亚伯拉罕·林肯\n```\n\n\n## 网页设计元件库\n### ☞ 移动网页\n基于微信 WeUI 和小程序设计指南等创建，适用于包括微信在内的移动网页或 HTML5 轻应用的原型设计。\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/webm-wechat-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/webm-wechat)\n\u003e - [下载 refs-webm-wechat.rplib](https://github.com/refscn/rplibs/raw/main/refs-webm-wechat.rplib \"下载微信移动网页设计元件库\")，包括常规、导航/模式、基础、列表、选择/输入、卡片、弹窗和扩展等分组元件，基于 iPhone 原型尺寸描述。\n\u003e - 微信 WeUI 更多信息，请参见 [微信 WeUI 官网](https://weui.io) 。\n\u003e - 微信小程序设计更多信息，请参见 [微信小程序设计指南](https://mp.weixin.qq.com/debug/wxadoc/design/) 。\n\n\n### ☞ 桌面网页\n包括通用官网，社交、电商和媒体等分类网站和控制台的设计元素。\n\u003e - [推荐下载 Ant Design Library](http://library.ant.design/ \"去下载 Ant Design 元件库\") ，Ant Design 实现比较完整，同时与其技术框架匹配，推荐直接使用。\n\n\n\n## 设计平台元件库\n\n### ☞ Apple Design\n基于 Apple iOS/macOS Human Interface Guidelines 创建，适用于 iPhone、iPad 和 macOS 桌面应用的原型设计（macOS 部分请关注后续更新）。\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-apple-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/design-apple)\n\u003e - [下载 refs-design-apple.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-apple.rplib \"下载 Apple Design 元件库\")，包括常规、导航/模式、基本、列表、列表左右件、选择/输入、弹窗和扩展等分组元件。\n\u003e - iOS 平台更多信息，请参见 [iOS 设计准则](https://developer.apple.com/ios/human-interface-guidelines/) 。\n\u003e - macOS 平台更多信息，请参见 [macOS 设计准则](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/) 。\n\n\n### ☞ Material Design\n基于 Google Material Design 准则创建，适用于 Android 手机、平板应用，以及跨平台桌面应用的原型设计。\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-material-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/design-material)\n\u003e - [下载 refs-design-material.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-material.rplib \"下载 Material Design 元件库\")，包括常规、模式、基本、输入、列表、富列表、卡片、弹窗和扩展等分组元件。\n\u003e - [下载 Noto Sans CJK SC 字体（可选安装）](https://noto-website.storage.googleapis.com/pkgs/NotoSansCJKsc-hinted.zip \"下载 Noto 字体（需要翻墙）\")，安装后原型页面有更好的显示效果。\n\u003e - 更多 Noto 字体，请参见 [Google Noto Fonts 官网](https://www.google.com/get/noto/) 。\n\u003e - 更多信息，请参见 [Material Design 官网](https://material.io) 。\n\n\n### ☞ Fluent Design\n基于 Microsoft Fluent Design System 创建，适用于 Windows 个人电脑、手机、Xbox One、HoloLens 等设备应用的原型设计。\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-fluent-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/design-fluent)\n\u003e - [下载 refs-design-fluent.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-fluent.rplib \"下载 Fluent Design 元件库\")，包括常规、基本输入、集合、对话框/弹窗、文本、滚动/状态/信息、菜单/工具条、导航、水平导航/枢轴、选择器、媒体和窗口外壳等分组元件。\n\u003e - 更多信息，请参见 [Fluent Design 官网](https://www.microsoft.com/design/fluent/) 。\n\n\n### ☞ 手势图片\n基于 Jeff Portaro 的 Touch Gestures Icons 创建，适用于所有移动平台触控、桌面触控，以及触控面板的操作手势表达。 \n![预览](https://github.com/refscn/rpdemo/raw/main/assets/touch-gestures-icons.jpg)\n\u003e [预览全部手势](https://pixelbuddha.net/sites/default/files/freebie-slide/freebie-retina-slide-1414493963-1.jpg)\n\u003e - [下载 refs-image-gesture.rplib](https://github.com/refscn/rplibs/raw/main/refs-image-gesture.rplib \"下载 手势图片元件库\") ，包括单指、双指、三四五指、单手、双手和扩展手势等分类图片。\n\u003e - 更多信息，请参见 [Touch Gestures Icons 网站](https://pixelbuddha.net/freebie/touch-gestures-icons) 。\n\n\n\n## 图表元件库\n### ☞ 模型和数据图表\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-model-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/chart-model)\n\u003e - [下载 refs-chart-model.rplib](https://github.com/refscn/rplibs/raw/main/refs-chart-model.rplib \"下载模型图表元件库\")，包括描述产品需求流程的 UML 状态图、活动图、序列图、用例图，以及商业等分组图表。\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-data-preview.png)\n\n![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-data-map-preview.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/chart-data)\n\u003e - [下载 refs-chart-data.rplib](https://github.com/refscn/rplibs/raw/main/refs-chart-data.rplib \"下载数据图表元件库\")，包括适合移动端的点图、线图、区域图、柱状图、饼图、雷达图、股票图、仪表盘及混合等各类数据图表。\n\n\n## 图标/图片元件库\n### ☞ Material Design 图标\n基于 Material Design icons V1.0.2 图标创建。\n\n![图标预览](https://github.com/google/material-design-icons/raw/1.0.2/sprites/css-sprite/sprite-action-grey600.png)\n\u003e [查看完整大图](http://www.refs.cn/rplibs/icon-material-v1)\n\u003e - [下载 refs-icon-material-v1.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-material-v1.rplib \"下载 Material Design 图标元件库\") （官方图标 x24），包括 action, alert, av, communication, content, device, editor, file, hardware, image, maps, navigation, notification, social, toggle 等分组图标。\n\u003e - [原始图标地址](https://github.com/google/material-design-icons/tree/1.0.2)\n\u003e - 更多信息，请参见 [Material Design 官网](https://material.io) 。\n\n\n### ☞ 品牌设计图标\n基于 Apple、IBM 等品牌图标创建。\n\u003e - [下载 refs-icon-brands.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-brands.rplib \"下载品牌设计图标元件库\") （官方图标 x28/x24），包括 Apple 系统导航和工具栏、切换栏、快捷操作，IBM Design 操作、格式、对象等分组图标。\n\u003e - [查看 Apple iOS 原始图标地址](https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/)\n\u003e - [查看 Apple macOS 原始图标地址](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/SystemProvided.html)\n\u003e - [查看 IBM Design 原始图标地址](https://www.ibm.com/design/language/resources/icon-library/)\n\n\n### ☞ Icons8 图标/图片\n基于 Icons8 图标创建。\n![图标预览](https://raw.githubusercontent.com/refscn/rpdemo/main/assets/flat-color-icons.png)\n\u003e - [下载 refs-icon-s8flat.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-s8flat.rplib \"下载 Icons8 Flat 彩色图标元件库\") （彩色图标 x32），包括照片和视频、基本、商业、工业、移动、箭头、数据和新增等分组图标。\n\u003e - [原始图标地址](https://icons8.github.io/flat-color-icons/)\n\u003e - 更多信息，请参见 [Icons8 官网](https://icons8.com)。\n\n\n### ☞ 图标平台图标/图片\n基于 Easyicon、Smallicons、阿里妈妈 Iconfont 等图标创建。\n\u003e - [下载 refs-icon-alibaba.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-alibaba.rplib \"下载 Iconfont 平台元件库\") （官方图标 x24），包括 Alibaba 国际站、支付宝、支付宝记账等分组图标。\n\u003e - [下载 refs-icon-colorful.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-colorful.rplib \"下载 Iconfont 平台彩色图标元件库\") （彩色图标 x32），包括社交、社交（国外）、文档类型等分组图标。\n\u003e - [下载 refs-image-colorful.rplib](https://github.com/refscn/rplibs/raw/main/refs-image-colorful.rplib \"下载 Iconfont 平台彩色图片元件库\") （彩色图片 x128），包括封面、生活小图、生肖地支春节、天气、图表、交通、乐器、生活等分组图片。\n\u003e - 更多信息，请参见 [Easyicon 官网](http://www.easyicon.net) 、[Smallicons 官网](http://smallicons.net) 和 [Iconfont 平台官网](https://iconfont.cn) 等。\n\n\n### ☞ Font Awesome 字体图标\n基于 Font Awesome V4.7.0 图标字体创建，在使用前，需要在操作系统设计中先安装此字体 FontAwesome.otf。另外，如果不想在导出的原型中依赖字体库，造成不方便的情况，可以在原型设计时，拉入字体图标后，鼠标右键“Convert to Image”来将其转换为图片即可。\n\u003e - [下载 refs-icon-font-awesome-v4.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-font-awesome-v4.rplib \"下载 Font Awesome 字体图标元件库\") （官方图标 x24），包括 Web Application，Accessibility，Hand，Transportation，Gender，File Type，Spinner，Form Control，Payment，Chart，Currency，Text Editor，Directional，Video Player，Brand，Medical 等分类字体图标。\n\u003e - [下载 FontAwesome.otf 字体（必须安装）](https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/FontAwesome.otf \"下载 Font Awesome 字体\")\n\u003e - 更多信息，请参见 [Font Awesome 官网](http://fontawesome.io) 。\n\n\n### 资源推荐\n另外，还有一些资源推荐给您。\n\n![Axure RP 10 导出界面汉化预览](https://github.com/refscn/rphh/raw/main/assets/hh-axure10.png)\n\u003e - Axure RP 导出原型界面汉化包：[refscn/rphh](https://github.com/refscn/rphh) （更新至 9.0.0.3744 和 10.0.0.3897 版本）\n\u003e - 提供知识索引的参考卡片：[refscn/cards](https://github.com/refscn/cards)\n\n更多参考资源，请访问 https://refscn.github.io 。\n\n---\n\n感谢您的下载和使用，我们随时恭候您提出真诚和宝贵的建议。请使用微信扫码加入“参友共助”大家庭社群：\n\n\u003cpicture\u003e\n  \u003cimg alt=\"使用微信扫码入群\" src=\"https://raw.githubusercontent.com/refscn/rpdemo/main/assets/refs-qrcode.jpg\" width=\"292\" /\u003e\n\u003c/picture\u003e\n\n这里除了交流原型元件库，还可以找寻您所需资料（图书、行业报告、课程和视频等）。\n\n\u003e 申明：Refs.cn 在这里开源的 Axure RP 元件库，秉承开放共享的思想，供大家免费使用，欢迎各站点转载和分享。严禁用于销售，违者必究。\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frefscn%2Frplibs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frefscn%2Frplibs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frefscn%2Frplibs/lists"}