APP类

1、外卖送餐APP-UberEats

UberEats是继Uber主应用推出后五年来发布的首个独立送餐应用，在能够使用UberEats的城市中，Uber每天将与数家餐厅进行合作，向其用户提供食品，而送餐的任务还是由Uber的驾驶员来完成，其完成一单服务通常只需要几分钟。就像使用打车服务一样，用户可以通过智能手机追踪其所订食品的送递进度。

这类APP中用的最多的组件就是图片，可以设计出图片轮播、滚动区等效果来展示丰富的图片素材。

在这款原型中，我用了面板、内容面板以及选项卡等常用组件完成了图片轮播等交互效果，同时也为页面跳转的交互增加了动画，从而让页面之间的交互更加流畅，以及更接近真实APP的效果。

2、电影资料库-IMDb APP

IMDb（Internet Movie Database）隶属于亚马逊公司，是一个关于电影演员、电影、电视节目、电视明星和电影制作的在线数据库，包括了影片的众多信息、演员、片长、内容介绍、分级、评论等。对于电影的评分目前使用最多的就是IMDb评分。

本例子界面源自IMDb的移动端APP设计，风格简洁而严谨，兼具资料库类型产品的理性和电影产业的时尚感。

本模板在原生APP的设计上进行了一些改动，保证视觉效果的同时，让整体交互更简洁。模板复现了IMDb移动端中随处可见的水平滚动效果，还加入了视频播放、下拉菜单、Tab选项卡、评分条、开关等多种预置组件。

本例子包含闪屏、主功能、专栏文章、资源集合、影视详情、视频播放、评分、评论及设置等实用界面，可以轻松在创建设计感和交互性兼具的社区类型的APP设计。

小程序类

点餐小程序-书亦烧仙草

书亦烧仙草是一款基于微信生态的点单小程序，用户能在小程序中下单支付，继而到店自取。

相较于APP，小程序的功能相对简洁且开发成本低，通过模版化的设计可以帮助团队搭建页面，快速迭代上线。

本次例子共24个页面，包含了从线框开始到最终的UI设计，使用了轮播、弹窗等柔和的交互方式，使用的组件包含包括面板、内容面板、选项卡等常用组件，展示基本的页面跳转。

网页类

1、智慧校园平台

这是一款数字化校园管理平台的高保真设计模板。软件提供一站式数据管理服务，能够管理老师和学生基本信息，以及提供一系列管理应用。例子中将展示可视化数据图，教师和学生的信息管理、人员出勤，课程安排、成绩查询等页面的流程。

模板提供了12个设计页面，使用了列表/选项卡/分段控件、面板、内容面板等组件，演示了页面中及页面间的交互效果。所有元素还可以智能生成标注，项目协作时成员添加的评论，所有成员都可查看与回复，同时支持@项目成员查看评论。

2、游戏视频平台-Twitch

Twitch海外著名的面向视频游戏的实时流媒体视频平台，具有非常个性的朋克元素设计，在年轻群体中拥有相当好的口碑。

本次例子共10个页面，使用最高频的一些原型功能：弹窗，顶部固定，滚动区，内容切换等。使用的组件包括列表、面板、内容面板、选项卡等。

使用该款例子可以学习如何在设计中创建游戏视频、娱乐直播等类型的网页原型，同时也可以作为设计时的灵感来源。

例子清晰简洁，没有使用过于复杂的原型构建技巧，便于新手用户借鉴和参考。

更多原型案例请点击：https://www.mockplus.cn/example/rp

好的设计要多分享，5款优秀在线原型设计案例相关推荐

在线原型设计是什么？8款在线原型工具助你高效设计！
原型设计是产品经理.设计师和开发工程师沟通最初的产品设想的重要工具. 在线原型通过云端的方式具象化地呈现产品内容.结构及粗略的布局,说明用户将如何与产品进行交互,搭建了产品经理.设计师和开发工程师沟通 ...
分享6款优秀的 AR/VR 开源库 – 切切歆语的博客 – CSDN博客
文章目录[隐藏] 分享6款优秀的 AR/VR 开源库分享6款优秀的 AR/VR 开源库 2017年12月26日 08:54:47 切切歆语阅读数:4457 今天,为大家推荐几款优秀的 AR/VR ...
五款移动APP在线原型设计工具，值得收藏
今天已到2014年的最后一天了,25学堂还是一无既往的为大家提供最优质最简单通俗的移动APP设计资源和移动APP设计干货. 25学堂整理了国内外4个比较操作易上手的移动APP在线原型设计工具推荐给大家 ...
10款 Mac 经典原型设计开发软件推荐
在Mac上有大量强大的开发和设计工具,今天和大家推荐10款Mac上的经典原型设计开发工具,原型设计工具是开发者必备的一款工具,无论是网站开发还是移动APP开发,都需要在前期进行严格细致的原型设计,才能 ...
三款运用二维码分享与预览的原型设计工具
2019独角兽企业重金招聘Python工程师标准>>> 越来越多的原型工具也开始利用二维码"简单便捷"的特点,来进行原型设计的展示与分享伴随着智能手机的快速发展 ...
工具推荐 10款移动界面原型设计工具
首先,一款优秀的移动APP界面原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用 ...
分享12款优秀的在线文件格式转换工具
在线的文件转换工具有很多,但是要找到一款好用的却不容易,所以今天这篇文章收集了12款优秀的在线文件格式转换工具,看看有没有适合您的需要的工具. iWebPrint 打印网页为PDF文件,可以定制打印尺 ...
5款高效的原型设计工具
设计并不是随心所欲,也不是每时每刻都需要创意.你需要一个向导为你指明方向- 这就是原型. 什么是原型? 原型可以概括的说是整个产品面市之前的一个框架设计.设计师可以利用它引导每个人都参与到项目中来.原 ...
分享6款优秀的 AR/VR 开源库
今天,为大家推荐几款优秀的 AR/VR 开源库,希望能对大家有所帮助~ 1.AR.js AR.js 是一款应用于 Web 的高效增强现实(AR)库,基于 three.js + jsartoolkit5 ...

好的设计要多分享，5款优秀在线原型设计案例

APP类

小程序类

网页类

好的设计要多分享，5款优秀在线原型设计案例相关推荐

最新文章

热门文章