Skip to content
/ rplibs Public
forked from refscn/rplibs

Refs.cn 原型设计元件库,基于Axure RP 9/8,支持 Android、Apple、Windows、微信,移动、桌面平台的应用和网站原型设计。

License

Notifications You must be signed in to change notification settings

ayuegm/rplibs

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

全新推出 Microsoft Fluent Design 元件库,方便你的 Windows 应用原型设计。
从此 iOS、macOS、Android、Windows、微信和小程序等多平台的原型任你自由跨越。

对于元件库的设计,我参考官方的设计规范文档,尽可能不放过任何一个像素的偏差,
无论长度、宽度、转角、颜色。希望你采用了此高保真元件,可以更好地和开发、测试
等团队成员深入沟通。

如果你的团队有 UI 设计人员,只希望你出具低保真的原型时,请在 Axure RP 软件中,
打开菜单 “Project > Page Style Editor”,做以下调整: 
⇨ Sketchiness 为 20 左右
⇨ Color 为 Grayscale
⇨ Font 为 自己找个中文手写字体
以确保你的原型不会干扰到 UI 设计。
希望我的建议对你有用,感谢你自由使用开源元件库。

安装

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

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

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

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

“预见未来最好的方式就是创造它。”
            —— 亚伯拉罕·林肯

网页设计元件库

☞ 移动网页

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

查看完整大图

☞ 桌面网页

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

设计平台元件库

☞ Apple Design

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

预览

查看完整大图

☞ Material Design

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

预览

查看完整大图

☞ Fluent Design

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

预览

查看完整大图

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

☞ 手势图片

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

预览全部手势

图表元件库

☞ 模型和数据图表

预览

查看完整大图

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

预览

预览

查看完整大图

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

图标/图片元件库

☞ Material Design 图标

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

图标预览

查看完整大图

☞ 品牌设计图标

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

☞ Icons8 图标/图片

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

☞ 图标平台图标/图片

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

☞ Font Awesome 字体图标

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

资源推荐

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

Axure RP 9 导出界面汉化预览

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

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

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

About

Refs.cn 原型设计元件库,基于Axure RP 9/8,支持 Android、Apple、Windows、微信,移动、桌面平台的应用和网站原型设计。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%