摹客教程

摹客教程

摹客,让设计更快更简单

例子

电商类APP原型设计分享– Koral

Koral是一款设计简洁交互新颖的电商类App,该款App运用大量滑动手势,使购物的流程变得更加顺滑流畅。例子中将展示使用Koral查看商品的用户留言并添加购物车购买的操作流程。我们可以使用iDoc中最常用的8种交互方式以及15种交互动画,展示基本的页面跳转,以及模拟文字输入的效果。

修图类APP原型设计分享– Hello Camera

Hello Camera是一款功能简单易操作的修图App,可以通过简单的操作给照片添加多种修饰效果。简洁易操作,学习曲线平缓。例子中将展示使用Hello Camera给照片添加并输入文字的操作流程。我们可以使用iDoc中最常用的8种交互方式以及15种交互动画,展示基本的页面跳转,以及模拟文字输入的效果。

工具类APP原型设计分享 – Note Plan

NotePlan是一款简洁美观的可以计划你日程、会议和任务的笔记。应用时间是每个人最宝贵的资源,值得制定计划以充分利用它。例子中将展示使用NotePlan加入朋友创建的会议计划以及如何自己创建一个会议日程两部分流程。我们可以使用iDoc中最常用的8种交互方式以及15种交互动画,展示基本的页面跳转,添加成员的复选和选择会议类型的单选操作。

摄影类APP原型设计分享 – Nest Camera

Nest Camera是一款功能强大的修图App,拥有色调曲线,以及各式漂亮的滤镜。简洁易操作,学习曲线平缓。例子中将展示使用Nest Camera修改照片比例,修改滤镜以及调整亮度的操作流程。我们可以使用iDoc中最常用的8种交互方式以及15种交互动画,展示基本的页面跳转,以及利用滑动操作手势模拟手机滑块调整照片亮度的效果。

音乐类app设计原型分享—THE HOT 100

这是一款提供音乐播放、下载的app,拥有着丰富的音乐资源,新老歌、流行歌曲搜索、音乐电台等。同时,THE HOT 100音乐app还拥有百万音乐库随心下载,自定义管理歌曲,无缝同步iPod歌曲等功能,让用户享受极致体验。iDoc对原型的逻辑结构进行了详细描述,交互原型的页面跳转关系,对app界面的评论,标注切图等等,方便了设计者对该款app的界面修改,为开发者带来了一目了然的标注信息,切图、代码以及颜色等信息。

行程管理类APP原型设计分享 — Book your flight

是一款提供全球航班预定、值机选座以及航班延误提醒的飞行行程管理工具App。随着大众交通系统越来越发达,日常生活中这一类型App的需求也越来越多。今天的案例将展示查询及购买机票的流程,可以通过iDoc所提供的最常用的8种交互方式以及15种交互动画,实现搜索框的下推入以及购买以后电子机票弹出效果等基本的页面跳转。

社交类APP原型设计分享 – Sparks Social

Sparks Social - 这是一款社交类APP原型。在移动互联网时代,社交类App的供视频通话功能是年轻人社交的主要方式之一,例子将展示接听视频通话操作流程以及通话中常用交互操作。我们可以使用iDoc中最常用的8种交互方式以及15种交互动画,展示基本的页面跳转,来电提示弹出,滑动接听等效果,演示如下:

旅行类app设计原型分享—Travelisto

Travelisto-为一款旅游类app,非常适合旅游出行使用。出行前有很多准备,在Travelisto上有世界各地海量的旅游景点、酒店、航空公司等可供你选择,还可以精准搜索自己喜欢的旅游目的地、查看各个旅游景点的星级评分和筛选心仪的入住酒店,查看酒店星级及顾客对酒店价格及服务态度的评分,提前预定旅游景点的门票、往返机票等等。在idoc面板中详细的展示了Travelisto的逻辑,在标注评论中注明了travelisto的一些需要调整或是注意的地方。并且在iDoc中可以模拟app的真实运用场景,标注切图为工程师的开发带来便捷,真正做到从设计到开发的无缝对接。

汽车类APP设计原型分享 – Audi

奥迪是德国历史最悠久的汽车制造商之一。其高技术水平、高质量标准以及高强劲动力的准则,让奥迪品牌成为国际著名豪华汽车的标志。本例是一款提供Audi商品资讯的汽车类APP。

购物类APP设计原型分享-Nike

Nike是全球著名的体育运动品牌,公司生产的体育用品包罗万象,例如服装,鞋类,运动器材等。本例是一款提供Nike旗下商品最新资讯的购物类APP。

打车类APP设计原型分享-iCab

iCab—为具有出行需求的顾客和具有出行服务资格与能力的驾驶员提供信息沟通和有保障连接服务的打车类APP。