分享设计资源:三款精美APP原型例子-Web前端之家

作者:web前端    发布时间:2019-12-18 13:33     浏览次数 :

[返回]

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

原型设计在整个产品阶段中的存在,绝非偶然。它能最快最准确的从用户那里获取产品信息的相关反馈。现如今,几乎没有任何一家产品公司能够完全不采用原型设计。特别是伴随原型设计变得越来越容易实现,其意义也越来越明显,逐渐处于不可取代的地位。原型设计的必要性已无可非议,如何充分利用原型设计的优势才是应该深思熟虑的问题。

1.原型名称:Gogobot

1,原型设计的简单回顾

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

在线预览:

以防万一,还是有必要说明一下原型设计的相关信息。

下载地址:2.原型名称:ShopStyle

首先,看一下基本的产品阶段:

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

1)想法生成

在线预览:

2)需求采集

下载地址:3.原型名称:Hours Keeper

3)功能与结构

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

4)原型设计阶段

在线预览:

5)PRD(绝大多数公司使用原型设计取代PRD文档)

下载地址:

6)路线图

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

产品阶段的流程在很大程度上已经说明了原型设计在整个生产过程中的作用和地位。设计者在整理了足够丰富的思路,数据,信息,需求,评估等相关信息后,往往会将这些抽象的思维以原型的方式具体呈现出来。原型设计为非专业的股东们和用户们提拱了一种最直观的方式来理解设计者的思路和创造。

图片 1

其次,最常见的原型类别:

手绘原型:打印或手绘方式表示软件产品的用户界面

用户体验原型:要求说明产品的外观和功能

视觉原型:注重尺寸和外观,削弱功能

本文中,我将谈论使用原型设计工具制作的原型,它涉及到用户体验和视觉要素等方面,也是如今最流行和最实用的原型设计方式。由于我已使用Mockplus多年,我将通过分析使用Mockplus制作的原型来具体说明如何充分利用好原型设计的优势。

2.原型设计的优势

想要他人对你的原型设计为之惊叹吗?先了解原型设计的优势是很有必要的,知其用其,才能游刃有余。

1)仅仅依靠静态的高保真模型图和线框图是无法传达充足的功能和交互效果。但原型设计可以实现动态交互,能更直观的传达产品功能和动画。

2)与老板和用户进行有效沟通。他们了解您的设计越深入,你说服他们的几率就越大。

3)更早地检测错误,降低时间和金钱成本。相信我,你宁愿在原型设计阶段发现100个错误,也不愿在开发阶段发现1个错误让你止步不前。

4)加强团队成员内部的协作。

5)收集用户反馈和进行多重测试。

图片 2

3.原型设计的不足

下一篇:没有了