原型设计是整个产品生产过程中不可或缺的一环,无论你是移动端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. 网站搜索引擎优化SEO策略及相关工具资源

    网站优化的十大奇招妙技 1. 选择有效的关键字: 关键字是描述你的产品及服务的词语,选择适当的关键字是建立一个高排名网站的第一步.选择关键字的一个重要的技巧是选取那些常为人们在搜索时所用到的关键字. ...

  2. 地址解析协议ARP(Address Resolution Protocol)

    1.引言 说明: ARP的作用,解决了什么问题: 以太网中的链路层,可能会采用不同的网络技术,而且不以ip作为路由依据. 链路层以mac地址作为路由依据. ARP的功能是在32 bit的IP地址和采用 ...

  3. oracle 数据字典

    select * from dictionary; --数据字典 数据字典是Oracle存放有关数据库信息的地方,其用途是用来描述数据的. 比如一个表的创建者信息,创建时间信息,所属表空间信息,用户访 ...

  4. 浅谈Matcher和pattern的使用

    这两个类位于java.util.regex包下,主要用于实现正则表达式 Pattern类用于创建一个正则表达式,也可以说是创建一个匹配模式 两个静态方法创建:compile(String regex) ...

  5. Simple2D-15(音乐播放器)使用 glfw 库

    glfw 是一个专门针对 OpenGL 的 C 语言库,它提供了一些渲染物体所需的最低限度的接口.它允许用户创建 OpenGL 上下文,定义窗口参数以及处理用户输入. 这次打算使用 GLFW 替代掉 ...

  6. Java多线程对同一个对象进行操作

    示例: 三个窗口同时出售20张票. 程序分析: 1.票数要使用一个静态的值. 2.为保证不会出现卖出同一张票,要使用同步锁. 3.设计思路:创建一个站台类Station,继承THread,重写run方 ...

  7. Linux多网卡负载均衡 : bond

    USERCTL=no/yes 普通用户是否可以关闭或启用网关 -------------------------------- 在这介绍的Linux双网卡绑定实现就是使用两块网卡虚拟成为一块网卡,这个 ...

  8. TCP/IP知识总结(TCP/IP协议族读书笔记四)

    参考:http://blog.chinaunix.net/uid-26275986-id-4109679.html 继续!TCP的流量控制和拥塞控制. TCP相对UDP可靠的地方在于它的拥塞控制.流量 ...

  9. Spring 中的国际化Message的简单例子(ApplicationContext) 不跟框架集成的版本

    首先,建立一个描述message的XML文件,名为messages.xml     <?xml version="1.0" encoding="UTF-8" ...

  10. hibernate hql limit的实现方式

    query.setFirstResult(startIndex);//开始索引query.setMaxResults(maxSize);//取几条 如 limit 1,5HQL:query.setFi ...