原型设计是整个产品生产过程中不可或缺的一环,无论你是移动端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. openssl - cookbook

    1.openssl 2.Testing 3.Best Practices last 1.openssl 1.1.Key and Cerificate Management Run a web serv ...

  2. JAVA Spring 简单的配置和操作 ( 创建实体类, 配置XML文件, 调试 )

    < 1 > 实体类 Person package java_spring.modle; /** * 一个实体类( Person ) */ public class Person { pri ...

  3. Spring事务控制和传递性理解

    1.在同一类方法间相互调用,如果调用方无事务控制,被调用方有事务控制,则被调用方也无事务 原因:外部经过spring容器调用service的方法事务才生效,service类内部方法间相互调用事务不生效 ...

  4. as3 string split方法一些注意

    split () 方法 AS3 function split(delimiter:*, limit:Number = 0x7fffffff):Array 如果指定 limit 参数,返回的数组中具有的 ...

  5. gradle问题 cordova

    cordova升级7.0后,运行 > ionic build android  或者 cordova build android     报出错误 Error: Could not find a ...

  6. object-c语法

    Objective-C:C的超集 Objective-Objective-C是C语言的严格超集--任何C语言程序不经修改就可以直接通过Objective-C编译器,在Objective-C中使用C语言 ...

  7. 安装 neo4j 在 .../bin 目录下使用 ./neo4j 没反应 和 从csv 导入数据到neo4j

    可以使用 /bin/sh ./neo4j start 如果提示:./neo4j: 28: set: Illegal option -o pipefail 那么 ubuntu”set Illegal o ...

  8. QQ消息无限发送!源代码

    昨天我一个朋友发给我一个特别有趣的程序 可以无限发送QQ消息,非常有趣! 发送给朋友之后只要打开,便可自动发送消息. 点打开后 便可一直发送消息 用Edit plus 打开后  其源代码如下 是用VB ...

  9. fiddler无法抓取chrome解决方法

    前端开发中,不可避免的要和服务器端进行联调,少了fiddler这个利器可不行. 由于无线开发需要配置UA,我使用chrome进行访问,但是今儿一早过来,发现fiddler无法抓取chrome的请求了. ...

  10. 微信小程序及开发工具介绍

    http://mp.weixin.qq.com/wiki  这里下载开发者工具