Skip to content

Commit

Permalink
切换默认分支为 main
Browse files Browse the repository at this point in the history
  • Loading branch information
jikunchong committed Mar 11, 2021
1 parent d49a438 commit 5d121dc
Showing 1 changed file with 24 additions and 24 deletions.
48 changes: 24 additions & 24 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,9 @@
## 网页设计元件库
### ☞ 移动网页
基于微信 WeUI 和小程序设计指南等创建,适用于包括微信在内的移动网页或 HTML5 轻应用的原型设计。
![预览](https://github.com/refscn/rpdemo/raw/master/assets/webm-wechat-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/webm-wechat-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/webm-wechat)
> - [下载 refs-webm-wechat.rplib](https://github.com/refscn/rplibs/raw/master/refs-webm-wechat.rplib "下载微信移动网页设计元件库"),包括常规、导航/模式、基础、列表、选择/输入、卡片、弹窗和扩展等分组元件,基于 iPhone 原型尺寸描述。
> - [下载 refs-webm-wechat.rplib](https://github.com/refscn/rplibs/raw/main/refs-webm-wechat.rplib "下载微信移动网页设计元件库"),包括常规、导航/模式、基础、列表、选择/输入、卡片、弹窗和扩展等分组元件,基于 iPhone 原型尺寸描述。
> - 微信 WeUI 更多信息,请参见 [微信 WeUI 官网](https://weui.io)
> - 微信小程序设计更多信息,请参见 [微信小程序设计指南](https://mp.weixin.qq.com/debug/wxadoc/design/)
Expand All @@ -50,19 +50,19 @@
### ☞ Apple Design
基于 Apple iOS/macOS Human Interface Guidelines 创建,适用于 iPhone、iPad 和 macOS 桌面应用的原型设计(macOS 部分请关注后续更新)。

![预览](https://github.com/refscn/rpdemo/raw/master/assets/design-apple-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-apple-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/design-apple)
> - [下载 refs-design-apple.rplib](https://github.com/refscn/rplibs/raw/master/refs-design-apple.rplib "下载 Apple Design 元件库"),包括常规、导航/模式、基本、列表、列表左右件、选择/输入、弹窗和扩展等分组元件。
> - [下载 refs-design-apple.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-apple.rplib "下载 Apple Design 元件库"),包括常规、导航/模式、基本、列表、列表左右件、选择/输入、弹窗和扩展等分组元件。
> - iOS 平台更多信息,请参见 [iOS 设计准则](https://developer.apple.com/ios/human-interface-guidelines/)
> - macOS 平台更多信息,请参见 [macOS 设计准则](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/)

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

![预览](https://github.com/refscn/rpdemo/raw/master/assets/design-material-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-material-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/design-material)
> - [下载 refs-design-material.rplib](https://github.com/refscn/rplibs/raw/master/refs-design-material.rplib "下载 Material Design 元件库"),包括常规、模式、基本、输入、列表、富列表、卡片、弹窗和扩展等分组元件。
> - [下载 refs-design-material.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-material.rplib "下载 Material Design 元件库"),包括常规、模式、基本、输入、列表、富列表、卡片、弹窗和扩展等分组元件。
> - [下载 Noto Sans CJK SC 字体(可选安装)](https://noto-website.storage.googleapis.com/pkgs/NotoSansCJKsc-hinted.zip "下载 Noto 字体(需要翻墙)"),安装后原型页面有更好的显示效果。
> - 更多 Noto 字体,请参见 [Google Noto Fonts 官网](https://www.google.com/get/noto/)
> - 更多信息,请参见 [Material Design 官网](https://material.io)
Expand All @@ -71,33 +71,33 @@
### ☞ Fluent Design
基于 Microsoft Fluent Design System 创建,适用于 Windows 个人电脑、手机、Xbox One、HoloLens 等设备应用的原型设计。

![预览](https://github.com/refscn/rpdemo/raw/master/assets/design-fluent-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/design-fluent-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/design-fluent)
> - [下载 refs-design-fluent.rplib](https://github.com/refscn/rplibs/raw/master/refs-design-fluent.rplib "下载 Fluent Design 元件库"),包括常规、基本输入、集合、对话框/弹窗、文本、滚动/状态/信息、菜单/工具条、导航、水平导航/枢轴、选择器、媒体和窗口外壳等分组元件。
> - [下载 refs-design-fluent.rplib](https://github.com/refscn/rplibs/raw/main/refs-design-fluent.rplib "下载 Fluent Design 元件库"),包括常规、基本输入、集合、对话框/弹窗、文本、滚动/状态/信息、菜单/工具条、导航、水平导航/枢轴、选择器、媒体和窗口外壳等分组元件。
> - 更多信息,请参见 [Fluent Design 官网](https://www.microsoft.com/design/fluent/)

### ☞ 手势图片
基于 Jeff Portaro 的 Touch Gestures Icons 创建,适用于所有移动平台触控、桌面触控,以及触控面板的操作手势表达。
![预览](https://github.com/refscn/rpdemo/raw/master/assets/touch-gestures-icons.jpg)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/touch-gestures-icons.jpg)
> [预览全部手势](https://pixelbuddha.net/sites/default/files/freebie-slide/freebie-retina-slide-1414493963-1.jpg)
> - [下载 refs-image-gesture.rplib](https://github.com/refscn/rplibs/raw/master/refs-image-gesture.rplib "下载 手势图片元件库") ,包括单指、双指、三四五指、单手、双手和扩展手势等分类图片。
> - [下载 refs-image-gesture.rplib](https://github.com/refscn/rplibs/raw/main/refs-image-gesture.rplib "下载 手势图片元件库") ,包括单指、双指、三四五指、单手、双手和扩展手势等分类图片。
> - 更多信息,请参见 [Touch Gestures Icons 网站](https://pixelbuddha.net/freebie/touch-gestures-icons)


## 图表元件库
### ☞ 模型和数据图表

![预览](https://github.com/refscn/rpdemo/raw/master/assets/chart-model-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-model-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/chart-model)
> - [下载 refs-chart-model.rplib](https://github.com/refscn/rplibs/raw/master/refs-chart-model.rplib "下载模型图表元件库"),包括描述产品需求流程的 UML 状态图、活动图、序列图、用例图,以及商业等分组图表。
> - [下载 refs-chart-model.rplib](https://github.com/refscn/rplibs/raw/main/refs-chart-model.rplib "下载模型图表元件库"),包括描述产品需求流程的 UML 状态图、活动图、序列图、用例图,以及商业等分组图表。
![预览](https://github.com/refscn/rpdemo/raw/master/assets/chart-data-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-data-preview.png)

![预览](https://github.com/refscn/rpdemo/raw/master/assets/chart-data-map-preview.png)
![预览](https://github.com/refscn/rpdemo/raw/main/assets/chart-data-map-preview.png)
> [查看完整大图](http://www.refs.cn/rplibs/chart-data)
> - [下载 refs-chart-data.rplib](https://github.com/refscn/rplibs/raw/master/refs-chart-data.rplib "下载数据图表元件库"),包括适合移动端的点图、线图、区域图、柱状图、饼图、雷达图、股票图、仪表盘及混合等各类数据图表。
> - [下载 refs-chart-data.rplib](https://github.com/refscn/rplibs/raw/main/refs-chart-data.rplib "下载数据图表元件库"),包括适合移动端的点图、线图、区域图、柱状图、饼图、雷达图、股票图、仪表盘及混合等各类数据图表。

## 图标/图片元件库
Expand All @@ -106,46 +106,46 @@

![图标预览](https://github.com/google/material-design-icons/raw/1.0.2/sprites/css-sprite/sprite-action-grey600.png)
> [查看完整大图](http://www.refs.cn/rplibs/icon-material-v1)
> - [下载 refs-icon-material-v1.rplib](https://github.com/refscn/rplibs/raw/master/refs-icon-material-v1.rplib "下载 Material Design 图标元件库") (官方图标 x24),包括 action, alert, av, communication, content, device, editor, file, hardware, image, maps, navigation, notification, social, toggle 等分组图标。
> - [下载 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 等分组图标。
> - [原始图标地址](https://github.com/google/material-design-icons/tree/1.0.2)
> - 更多信息,请参见 [Material Design 官网](https://material.io)

### ☞ 品牌设计图标
基于 Apple、IBM 等品牌图标创建。
> - [下载 refs-icon-brands.rplib](https://github.com/refscn/rplibs/raw/master/refs-icon-brands.rplib "下载品牌设计图标元件库") (官方图标 x28/x24),包括 Apple 系统导航和工具栏、切换栏、快捷操作,IBM Design 操作、格式、对象等分组图标。
> - [下载 refs-icon-brands.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-brands.rplib "下载品牌设计图标元件库") (官方图标 x28/x24),包括 Apple 系统导航和工具栏、切换栏、快捷操作,IBM Design 操作、格式、对象等分组图标。
> - [查看 Apple iOS 原始图标地址](https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/)
> - [查看 Apple macOS 原始图标地址](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/SystemProvided.html)
> - [查看 IBM Design 原始图标地址](https://www.ibm.com/design/language/resources/icon-library/)

### ☞ Icons8 图标/图片
基于 Icons8 图标创建。
![图标预览](https://raw.githubusercontent.com/refscn/rpdemo/master/assets/flat-color-icons.png)
> - [下载 refs-icon-s8flat.rplib](https://github.com/refscn/rplibs/raw/master/refs-icon-s8flat.rplib "下载 Icons8 Flat 彩色图标元件库") (彩色图标 x32),包括照片和视频、基本、商业、工业、移动、箭头、数据和新增等分组图标。
![图标预览](https://raw.githubusercontent.com/refscn/rpdemo/main/assets/flat-color-icons.png)
> - [下载 refs-icon-s8flat.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-s8flat.rplib "下载 Icons8 Flat 彩色图标元件库") (彩色图标 x32),包括照片和视频、基本、商业、工业、移动、箭头、数据和新增等分组图标。
> - [原始图标地址](https://icons8.github.io/flat-color-icons/)
> - 更多信息,请参见 [Icons8 官网](https://icons8.com)

### ☞ 图标平台图标/图片
基于 Easyicon、Smallicons、阿里妈妈 Iconfont 等图标创建。
> - [下载 refs-icon-alibaba.rplib](https://github.com/refscn/rplibs/raw/master/refs-icon-alibaba.rplib "下载 Iconfont 平台元件库") (官方图标 x24),包括 Alibaba 国际站、支付宝、支付宝记账等分组图标。
> - [下载 refs-icon-colorful.rplib](https://github.com/refscn/rplibs/raw/master/refs-icon-colorful.rplib "下载 Iconfont 平台彩色图标元件库") (彩色图标 x32),包括社交、社交(国外)、文档类型等分组图标。
> - [下载 refs-image-colorful.rplib](https://github.com/refscn/rplibs/raw/master/refs-image-colorful.rplib "下载 Iconfont 平台彩色图片元件库") (彩色图片 x128),包括封面、生活小图、生肖地支春节、天气、图表、交通、乐器、生活等分组图片。
> - [下载 refs-icon-alibaba.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-alibaba.rplib "下载 Iconfont 平台元件库") (官方图标 x24),包括 Alibaba 国际站、支付宝、支付宝记账等分组图标。
> - [下载 refs-icon-colorful.rplib](https://github.com/refscn/rplibs/raw/main/refs-icon-colorful.rplib "下载 Iconfont 平台彩色图标元件库") (彩色图标 x32),包括社交、社交(国外)、文档类型等分组图标。
> - [下载 refs-image-colorful.rplib](https://github.com/refscn/rplibs/raw/main/refs-image-colorful.rplib "下载 Iconfont 平台彩色图片元件库") (彩色图片 x128),包括封面、生活小图、生肖地支春节、天气、图表、交通、乐器、生活等分组图片。
> - 更多信息,请参见 [Easyicon 官网](http://www.easyicon.net)[Smallicons 官网](http://smallicons.net)[Iconfont 平台官网](https://iconfont.cn) 等。

### ☞ Font Awesome 字体图标
基于 Font Awesome V4.7.0 图标字体创建,在使用前,需要在操作系统设计中先安装此字体 FontAwesome.otf。另外,如果不想在导出的原型中依赖字体库,造成不方便的情况,可以在原型设计时,拉入字体图标后,鼠标右键“Convert to Image”来将其转换为图片即可。
> - [下载 refs-icon-font-awesome-v4.rplib](https://github.com/refscn/rplibs/raw/master/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 等分类字体图标。
> - [下载 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 等分类字体图标。
> - [下载 FontAwesome.otf 字体(必须安装)](https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/FontAwesome.otf "下载 Font Awesome 字体")
> - 更多信息,请参见 [Font Awesome 官网](http://fontawesome.io)

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

![Axure RP 9 导出界面汉化预览](https://github.com/refscn/rphh/raw/master/assets/hh-axure9.png)
![Axure RP 9 导出界面汉化预览](https://github.com/refscn/rphh/raw/main/assets/hh-axure9.png)
> - Axure RP 导出原型界面汉化包:[refscn/rphh](https://github.com/refscn/rphh) (更新至 9.0.0.3727 版本)
> - 提供知识索引的参考卡片:[refscn/cards](https://github.com/refscn/cards)
Expand Down

0 comments on commit 5d121dc

Please sign in to comment.