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

根据设计者的专业程度，可以将原型设计工具分为两大类，一是专业原型设计工具，二是非专业原型设计工具。专业的原型设计工具常用的就是墨刀和Axure，墨刀是一款在线原型设计工具，其优点是云办公模式，支持协同设计，即时保存，不用担心因电脑断电或故障而导致设计内容丢失，其缺点是组件丰富程度不高。

Axure是电脑端的原型设计工具，其优点是组件丰富，功能比较强大，使用用户群体较大，其缺点是设计内容要及时保存，否则会因电脑断电或故障而导致设计内容丢失，给用户带来一定的困扰。非专业的原型设计工具有PPT和纸，PPT也是一个简单的制图软件，能让用户实现简单的原型设计，其优点是简单易学，缺点是页面交互功能不强；纸是大部分用户都可以用的原型设计工具，其优点是简单方便，专业和非专业的人士都可以通过纸将原型想法表示出来，缺点是保存和后期使用不方便。

2.原型设计的内容

原型设计主要包括三个方面的内容：一是页面设计，二是交互设计，三是备注设计。页面设计是原型设计的主要内容，包括对产品所有页面的原型设计；交互设计是指页面与页面之间的链接和跳转；备注设计是指对页面设计，交互设计，程序功能，跳转结果，出错提示等的设计。

原型设计是产品需求设计与UI设计之间的桥梁，是产品开发的一项重要基础工作，直接决定了产品界面的布局，影响产品的使用效果。

你好我是一名UI设计师，有时也会做一些小程序之类的原型图设计和设计稿设计的工作。

不管是做什么样的小程序设计，首先要明白小程序的设计规范和原则。

我在这里简单介绍一下小程序设计规范（若有遗漏勿怪）：

小程序中首页不能有广告、海报、商业banner；

首页的功能区按钮只能放核心功能按钮，并且层级不可以过深，以免使用户寻找某一版块产生阻碍；

不得使用非模态 *** 作模式（打断用户 *** 作进程和强制用户 *** 作的方式）的d出层；

风格统一；

文字统一；

颜色文字和背景之间不能采用色相相近或饱和度相近的颜色，以免造成可读性差或视觉对比不强烈的效果；

按钮的内容不得带有强制性 *** 作内容，必须由用户选择才能进行下一步 *** 作；

大概比较重要的就是这几点了。