陌北默

小编:预告-一大波高保真原型正在靠近

“小程序的创新,主要表现在从高度依赖平台转向高度依赖生态;从原生应用转向网页应用;从以拥有为中心的用完闲置,转向以使用为中心用完即扔,让用户无论走到哪里,都可以随取随用,而无需回到特定的平台和客户端。这相当于从‘农耕’的互联网转向了‘游牧’的互联网。”

——中国社会科学院信息化研究中心秘书长姜奇平

@Sophia 一转眼小程序已经上线了大半年,虽然热度不像之前那么火爆,但它却真正地融入了我们的生活,随着每个版本地不断更新,小程序逐步增强了使用场景和扩展性,应用也越来越广泛。越来越多的开发者开始投入小程序的怀抱,相比于APP,小程序只保留应用中最核心的功能,真正做到小而美,小而精,尽可能缩短用户与服务之间的距离,触手可及,让用户即用即取,用完即走。

在这里分享给大家几款小程序原型模版,精致的模版和多样灵活的复用方式助你分分钟设计一款自己的小程序。

下载地址见文末~

 

原型展示

每一个模板都有低保真和高保真两个版本,同时满足你的日常工作需求和对外演示需求。模板中的内容和文字都是通过xiaopiu的组件制作的,可以随意修改,高度复用。

 

游戏数据-王者荣耀群排行

2017年以来,王者荣耀的火爆程度令人瞠目结舌,作为腾讯旗下的爆款游戏,王者荣耀受众极广,而王者荣耀群排行就是一款为小伙伴们精心准备的小程序,通过小程序可以查询到自己的微信区的战绩,分享到你想要分享的群,就可以查询自己在所在的群里面的排行和群好友的游戏动态。

模板里包含了「群排行」、「群动态」、「群任务」、「群详细信息」、「个人数据」、「积分抽奖」等核心页面。

small-program-prototype王者荣耀群排行 small-program-prototype王者荣耀排行榜

原型完整预览链接:xiaopiu小程序原型-王者荣耀群排行

 

效率-朝夕日历

朝夕日历是一款智能的时间助理,可以轻松地设置todo清单,也提供了重要节日的提醒,并且有多种视图可以查看日程,帮助用户简简单单地安排时间,发现生活。

模板里包含了「添加日程」、「修改日程」等核心流程和「日程列表」、「任务详情」、「节日详情」、「月视图」、「提醒设置」等核心页面。

small-program-prototype朝夕日历 small-program-prototype朝夕日历

原型完整预览链接:xiaopiu小程序原型-朝夕日历

 

阅读-轻芒杂志

这是一款真正小而美的阅读应用,拥有丰富的兴趣杂志,优美的阅读体验,并且可以与他们「一起读」,在同一篇文章做笔记、划重点,分享自己的观点与见解,发现更多的乐趣。记笔记的方式也是非常简洁的,长按一段话或一张图就可以快速添加笔记和摘录。

模板里包含了「跟朋友一起读」、「分享」、「加笔记」、「创建杂志」等核心流程和「文章列表」、「我的」、「杂志架」、「文章详情」、「我的收藏」等核心页面。

small-program-prototype轻芒阅读 small-program-prototype轻芒杂志

原型完整预览链接:xiaopiu小程序原型-轻芒杂志

 

出行-摩拜单车

扫码入口是小程序连接线上和线下服务的一个重要渠道,不用下载独立APP,免安装,即扫即用,用完即走,摩拜单车就是这样一个使用场景。

模板里包含了「扫码开锁」、「购买月卡」、「微信支付」等核心流程和「我的钱包」、「我的红包」等核心页面。

small-program-prototype摩拜单车 small-program-prototype摩拜单车

原型完整预览链接:xiaopiu小程序原型-摩拜单车

 

金融-自选股

自选股涵盖沪深港美全市场实时行情,推送及时的股价提醒,支持快速查询股价、分时K线及相关新闻等,为用户提供专业看盘炒股服务。

模板里包含了「股票搜索」、「添加自选」等核心流程和「行情」、「自选列表」、「股票详情」、「股价提醒」、「K线图」等核心页面。

small-program-prototype自选股 small-program-prototype自选股

原型完整预览链接:xiaopiu小程序原型-自选股

 

组件库展示

除了完整的原型模板,还有切分到组件粒度的丰富组件库。

small-program-prototype组件库合集

打开以下组件库链接,引用组件库后,就可以在xiaopiu原型编辑页面的左侧资源面板随意取用啦。

高保真版组件库引用:xiaopiu小程序原型组件库-高保真

低保真版组件库引用:xiaopiu小程序原型组件库-低保真

small-program-prototype点击引用组件库

 

这么棒棒的模版,我要怎么复用?

1. 下载项目

在广场找到想要的模板,点击下载就可以在个人工作台进行编辑了。

small-program-prototype项目下载

 

2. 跨项目复制

不想下载怎么办,只想用其中一个小组件怎么办?进入模板编辑页面,复制想要的组件粘贴到自己的项目中就好!

3. 引用组件库/页面库

引用组件库和页面库后,如果作者有更新,那么你这边也是会同步更新的哟,可以随时在左侧资源面板中用到最新的资源。

4. 全局搜索

点击「全局搜索」,输入关键词,就可以找到符合条件的多种资源,不用反复造轮子,即取即用。

 

资源地址

原型下载:xiaopiu小程序原型下载

页面库:xiaopiu小程序原型页面库

高保真版组件库引用:xiaopiu小程序原型组件库-高保真

低保真版组件库引用:xiaopiu小程序原型组件库-低保真

 

其它资源分享

更多APP原型资源请见我们的专栏:xiaopiu工坊

除了以上的小程序模板,我们还有天猫商城、WeUI、饿了么、音乐、ZAKER、Timeline、Yahoo NEws Digest、澎湃新闻、loading动效、腾讯视频、ofo小黄车、新浪微博、Instagram、Keep、支付宝、QQ、全民K歌、斗鱼、58同城等几十款精选多行业高质量原型模板等你来用。

欢迎大家对我们的原型提出建议,对后面分享内容有哪些期待和想法也可以跟我们交流哟!

如果你觉得还不错,就点个赞吧!哈哈,给我们一点更下去的动力!~动力!~动力!~

 

原文地址:知乎

作者:Sophia

 

转载请注明:学UI网 » 精选5款小程序原型模版

登录收藏
 
你可能喜欢的:
5分钟学交互:手机交互组件归纳-导航篇5分钟学交互:手机交互组件归纳-导航篇
交互设计案例分享之指纹识别(附完整交互文档)交互设计案例分享之指纹识别(附完整交互文档)
交互手势的应用场景分析交互手势的应用场景分析
掌握了这个导航控件,你可以设计80%的应用导航掌握了这个导航控件,你可以设计80%的应用导航
产品设计的从0到1 | 深度解析产品是如何诞生的产品设计的从0到1 | 深度解析产品是如何诞生的
交互原则:交互设计7大定律详解(中)交互原则:交互设计7大定律详解(中)
QQ音乐App9.0全新版本体验QQ音乐App9.0全新版本体验
分辨好坏设计的三个套路分辨好坏设计的三个套路
佳作欣赏:汽车之家极速版 | 概念设计佳作欣赏:汽车之家极速版 | 概念设计
交互基础知识普及——心智模型交互基础知识普及——心智模型