这一次一口气分享七个模板:

1)Clarity UI Library – dark 5.0.0

2)ADS Components

3)Slack UI Kit

4)信息服务渠道APP

5)银行类APP

6)登录/注册流程精选合集

7)大屏数据可视化

其间有大量日期、形状、列表、分页器、表格等组件都可以被重复运用的内容快来保存到自己项目中去!

1 Clarity UI Library – dark 5.0.0

UI Kit for Clarity – dark 5.0.0是一套参阅了Vmware官方标准的UI kit,可以提升用户界面的规划效率。

原型设计资源组件库分享

目前包含的组件有:

1)Alerts
2)Accordion & Cards
3)Buttons
4)Dropdown
5)Datapicker & Timeline
6)Tree
7)Modal & Wizard
8)Tab
9)Progress & Spinner
10)Label

可直接将模板项目的“规划资源”同享至团队,完成大家一键复用哟~~

下载链接:

www.mockplus.cn/example/rp/…

2 ADS Components

ADS 组件库是Atlassian的组件包的一部分,在这里我们将部分根底的组件进行了收拾。

原型设计资源组件库分享

本项目中既提供了常见的Badge、Banner、Breadcrumbs组件,也罗列了在B端产品规划中广泛应用的Datetime picker、Dropdown menu、Empty state较为复杂的组件,这些可重复引证的组件能在实际作业中协助你高效、便捷的完成规划作业。

下载链接:

www.mockplus.cn/example/rp/…

3 Slack UI Kit

Slack UI 套件是其间Slack协作工具中用于UI规划的一套组件,此次模板中运用了很多根底元素,例如矩形,线条,输入框,文本框等。

原型设计资源组件库分享

一些必要的交互在按钮,下拉框,多选框中表现;其间也触及了图片的处理,关于不同客户端如iOS, Android和Desktop,一些元素在UI的呈现上有些微的差异。

下载链接:

www.mockplus.cn/example/rp/…

4 信息服务渠道APP

本套原型模板为信息服务渠道APP,首要的信息分类包含招聘求职、房子租售、二手市场、拼车租车、本地商家、生活服务、相亲交友、社区茶座等。

原型设计资源组件库分享

本原型将触及到的信息分类页面以高保真的方法复原,添加了必要的交互跳转,运用辅佐画板完成图片轮播等作用,完好复原页面交互流程。

下载链接:

www.mockplus.cn/example/rp/…

5 银行类APP

本套原型模板为银行类APP,其间分为最爱、智服务、惠精选、我的四大板块,别离覆盖了银行类常用的理财产品,数据剖析,各类充值,财物信息等板块。

原型设计资源组件库分享

本原型中,运用了RP饼图图表、柱状图表、下拉框、选项卡、辅佐面板完成了内容切换的作用。

下载链接:

www.mockplus.cn/example/rp/…

6 登录/注册流程精选合集

本事例包含了4组典型的APP登录/注册流程规划,复原了要害页面的线框规划和交互作用。

原型设计资源组件库分享

事例合计15个页面,运用的组件有:输入框,按钮,内容面板(及辅佐画板),列表,选项卡等。

赶忙保存至项目中,自己来试试吧~~

下载链接:

www.mockplus.cn/example/rp/…

7 大屏数据可视化

本套原型模板以“杭州气象局数据”为例,展示了“大屏数据可视化”的典型运用,原型包含了三个首要部分:

1)时刻、地域等维度下的气象数据变化曲线展示
2)拜访终端散布的数据对比展示

3)数据动态列表展示

原型设计资源组件库分享

本原型中,运用了RP钢笔工具半数线图进行制作,一起运用布尔运算对饼状图等进行制作,也运用了选项卡、辅佐面板完成了内容切换的作用。

下载链接:

www.mockplus.cn/example/rp/…

假如你喜欢以上的模板比如

并想要收藏和运用的话依照下面的方法就可以快速保存和复用啦!

01 点击右上角的修改/保存按钮

原型设计资源组件库分享

02 在修改状态下,戳”点击保存”

原型设计资源组件库分享

03 回到项目主页,就能看到保存的模板

原型设计资源组件库分享