原型设计是整个产品生产过程中不可或缺的一环,无论你是移动端UI设计师或是网页设计师,原型设计都会让整个设计过程更加轻松。原型是产品概念的具象化,它让每个项目参与者都能查看并提出意见以便在产品发布前日臻完善。无论是新手还是资深者,都可以从优秀的原型作品中寻找灵感。小编今天给大家推荐三个各有特色的原型作品,它们都使用快速原型设计工具Mockplus设计,希望可以给大家带来启发。

1.原型名称:Gogobot

原型类型:旅游

原型简介:Gogobot是一款旅游类APP原型,内含28个可交互页面。基于Mockplus的中保真特性与汲色功能,此款原型达到了极高的还原性。此外,原型中运用了大量页面、组件交互以及包括纵、横向滚动在内的大量封装组件,蕴含着不少Mockplus组件的使用技巧,非常适合刚上手Mockplus的产品经理参考借鉴。

在线预览:http://run.mockplus.cn/demo/index.html

下载地址:http://doc.mockplus.cn/wp-content/uploads/2016/09/Gogobot.zip

2.原型名称:ShopStyle

原型类型:购物类

原型简介:Shopstyle精准地体现了购物类APP项目类型下的整体布局。该原型中展示了购物APP原型中对组件的选取,在Shopstyle中你可以学到什么交互是必不可少的,什么交互是你应该摈弃的。新人产品经理在设计原型的过程当中往往容易沉溺在各种花哨的交互中,Mockplus在工具本身的功能上已经尽可能地避免了这一点,而此原型更是这一点的具体体现。

在线预览:http://run.mockplus.cn/ccynwGiKO8zsMeHT/index.html

下载地址:http://doc.mockplus.cn/wp-content/uploads/2016/12/ShopStyle2.zip

3.原型名称:Hours Keeper

原型类型:工具类

原型简介:在Hours Keeper中,你很容易注意到:除了登录/注册页面外,一切都以灰度风格呈现。在这种风格下,比例与对齐就显得尤为突出。为适应新手设计者的需要,Mockplus在每次对齐时都会自动生成参考线。使用灰度风格的原型或许并不受甲方青睐,但对开发者与设计师而言却更为友善,没有色彩可能意味着单调,却同时保证了清晰。在这方面,Hours Keeper展示了一个比例协调、分步有序的原型该有的样子

在线预览:https://run.mockplus.cn/aESEqYJ8qOOeFqER/index.html

下载地址:http://doc.mockplus.cn/wp-content/uploads/2017/01/Hours-Keeper1.zip

单靠好点子很难做出一个好的产品,更多情况下好产品的起点是好原型。原型更是团队沟通和交流的核心,利用原型高效沟的能力已经成为了新手产品经理的核心竞争力之一。相信以上三个APP原型已经给你带来了不少启发,现在就下载Mockplus动手制作一款自己的原型作品吧!

设计资源:三个精美APP原型例子下载的更多相关文章

  1. 产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)

    一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和 ...

  2. 缓慢变化维 (Slowly Changing Dimension) 常见的三种类型及原型设计(转)

    开篇介绍 在从 OLTP 业务数据库向 DW 数据仓库抽取数据的过程中,特别是第一次导入之后的每一次增量抽取往往会遇到这样的问题:业务数据库中的一些数据发生了更改,到底要不要将这些变化也反映到数据仓库 ...

  3. 五款app原型设计工具对比

    五款app原型设计工具对比 Proto.io, Pixate, Origami, Framer & Form 本文由Panblack 翻译,原文作者 Tes Mat 我用五款“高保真”原型设计 ...

  4. Android实战:手把手实现“捧腹网”APP(二)-----捧腹APP原型设计、实现框架选取

    Android实战:手把手实现"捧腹网"APP(一)-–捧腹网网页分析.数据获取 Android实战:手把手实现"捧腹网"APP(二)-–捧腹APP原型设计.实 ...

  5. 阿里云app原型设计

    软件需求分析与系统设计 https://edu.cnblogs.com/campus/zswxy/2018SE 这个作业要求在哪里 https://edu.cnblogs.com/campus/zsw ...

  6. 得到知识服务app原型设计比较与实践

    一.几种原型设计工具的比较 墨刀 优点: 拥有PC端.手机端.网页版,让你随时随地可以进行产品原型设计: 其定位是主要用于设计移动APP原型,其控件的拖拉.大小的调整,都会自然去匹配相应的母版大小,非 ...

  7. 必做作业3:原型化设计:地铁扫码app

    一.设计背景 伴随着地铁规模的快速扩张,使用手机扫码进出站成为了一种新型的地铁出行方式.在今天的北京和上海,地铁扫码已经极为普遍,广州和深圳也正在快速普及这种新方式.相信在不久的将来,其他拥有地铁或者 ...

  8. 网站app原型设计工具:axure,Mockups,墨刀

    网站app原型设计工具:axure,Mockups,墨刀 Balsamiq Mockups 3 网站原型设计工具非常高效,非常简单,几分钟就能搞定比axure好用很多 墨刀 - 免费的移动应用原型与线 ...

  9. 【新手指南】App原型设计:如何快速实现这6种交互效果?

    做App原型设计,那么页面切换.进度条.页面滚动.图片轮播,下拉菜单,搜索框这些交互效果必不可少.如何简单快速地实现这些效果呢?以下小编根据经验为大家提供了一些简单的设计方法,以供参考. 1.页面跳转 ...

随机推荐

  1. 内建函数(builtins)和functools

    内建函数 Build-in Function,启动python解释器,输入dir(__builtins__), 可以看到很多python解释器启动后默认加载的属性和函数,这些函数称之为内建函数, 这些 ...

  2. CUDA C Programming Guide 在线教程学习笔记 Part 8

    ▶ 线程束表决函数(Warp Vote Functions) ● 用于同一线程束内各线程通信和计算规约指标. // device_functions.h,cc < 9.0 __DEVICE_FU ...

  3. 哈希学习(2)—— Hashing图像检索资源

    CVPR14 图像检索papers——图像检索 1.  Triangulation embedding and democratic aggregation for imagesearch (Oral ...

  4. Redis 集合 set 操作, 有序集合

    01, 唯一性, 确定性, 无序性 ( 结合的三大特性 ) 02, 新建集合, 或者往集合中添加数据 => sadd key value1 value2 value3 ....... 03, 查 ...

  5. django celery 定时任务

    可参考上一篇:http://www.cnblogs.com/wumingxiaoyao/p/8515075.html 1. 安装 django-celery-beat pip3 install dja ...

  6. python中关键字的总结

    python中各种关键字的总结:用表格形式,解释关键字符号的作用和案例说明                    关键字                                         ...

  7. Mysql 知识(2)

    1. 为查询缓存优化你的查询 大多数的MySQL服务器都开启了查询缓存.这是提高性最有效的方法之一,而且这是被MySQL的数据库引擎处理的.当有很多相同的查询被执行了多次的时候,这些查询结果会被放到一 ...

  8. springboot 使用的配置

    1,控制台打印sql logging: level: com.sdyy.test.mapper: debug 2,开启驼峰命名 mybatis.configuration.map-underscore ...

  9. etcd ui

    https://github.com/henszey/etcd-browser docker build --build-arg http_proxy=http://109.105.4.17:3128 ...

  10. Zookeeper 注册中心

    一.Zookeeper的介绍 Zookeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件.它是一个为分布式应用 ...