小程序开发如何做原型设计

发布网友 发布时间：2022-04-22 19:12

我来回答

共5个回答

热心网友 时间：2022-04-21 17:47

1.原型设计工具
根据设计者的专业程度，可以将原型设计工具分为两大类，一是专业原型设计工具，二是非专业原型设计工具。专业的原型设计工具常用的就是墨刀和Axure，墨刀是一款在线原型设计工具，其优点是云办公模式，支持协同设计，即时保存，不用担心因电脑断电或故障而导致设计内容丢失，其缺点是组件丰富程度不高。
Axure是电脑端的原型设计工具，其优点是组件丰富，功能比较强大，使用用户群体较大，其缺点是设计内容要及时保存，否则会因电脑断电或故障而导致设计内容丢失，给用户带来一定的困扰。非专业的原型设计工具有PPT和纸，PPT也是一个简单的制图软件，能让用户实现简单的原型设计，其优点是简单易学，缺点是页面交互功能不强；纸是大部分用户都可以用的原型设计工具，其优点是简单方便，专业和非专业的人士都可以通过纸将原型想法表示出来，缺点是保存和后期使用不方便。
2.原型设计的内容
原型设计主要包括三个方面的内容：一是页面设计，二是交互设计，三是备注设计。页面设计是原型设计的主要内容，包括对产品所有页面的原型设计；交互设计是指页面与页面之间的链接和跳转；备注设计是指对页面设计，交互设计，程序功能，跳转结果，出错提示等的设计。
原型设计是产品需求设计与UI设计之间的桥梁，是产品开发的一项重要基础工作，直接决定了产品界面的布局，影响产品的使用效果。

热心网友 时间：2022-04-21 19:05

说白了就是逐步完善和还原设计的过程。简单来讲，大致的流程就是：线框图=>界面原型制作=>交互添加=>团队协作、审核、反馈和迭代等。而好的原型设计工具，例如我们团队常用的摹客Mockplus, 简单实用，能够轻松在一个工具内完成整个小程序原型设计过程。

热心网友 时间：2022-04-21 20:39

像Mockplus之类的简单好用的原型设计工具，都有很多小程序模板可以参考。原型设计通常只用于演示，测试，沟通等，无需花费太多时间，界面优化可以交给UI完成。因此选择一款好用的原型设计工具，比如我提到的Mockplus，就可以帮你快速完成小程序的原型设计。这类工具基本没有学习门槛，可以直接上手。

热心网友 时间：2022-04-21 22:31

可以用 Axure 完成原型设计，再通过蓝湖共享给同事。

热心网友 时间：2022-04-22 00:39

画小程序的原型前，要先考虑好在固定框架内的业务逻辑和交互逻辑。梳理好逻辑关系，在开始原型设计时才不会出现前后矛盾的状况。
另外，原型图要规范，简单整洁。页面框架要遵循微信的设计规则；页面不影响设计；页面元素要统一；页面排版要整齐。
原型设计的大致流程就是：线框图=>界面原型制作=>交互添加=>团队协作、审核、反馈和迭代等。好的原型设计工具可以帮你快速完成原型设计，例如我们团队常用的摹客, 简单实用，能够轻松在一个工具内完成整个小程序原型设计过程