小程序原型图（成都小程序开发如何做原型设计）

本文目录

• 成都小程序开发如何做原型设计
• 怎么把原型图转成小程序代码
• 小程序微信公众号开发如何做原型设计

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

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

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

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

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

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

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

风格统一；

文字统一；

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

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

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

怎么把原型图转成小程序代码

1、安装CodeFun插件，准备sketch素材。2、打开sketch文件后，在顶部插件菜单，选择CodeFun的上传设计稿菜单。3、在弹框中登录账号，并选择创建的项目和画板。4、点击上传，等待上传完成，即可把原型图转成小程序代码。

小程序微信公众号开发如何做原型设计

原型设计是产品开发中的一个相对比较专业的术语，是指将客户想要开发的产品的界面和功能流程用简单的原型图表示出来。下面我们分三方面分析：包括产品原型设计包含哪些部分，产品原型设计可以用哪些工具，产品原型设计有什么注意点。产品原型设计有哪些内容根据产品针对的客户群体不一样，产品原型设计客可分为前端原型设计，后台原型设计。前端的原型设计主要包括产品展示，支付界面，订单购物车界面，图文资讯界面，用户个人中心界面等。后台原型设计主要包括用户管理界面，产品管理界面，订单管理界面，图文管理界面，操作员管理界面等。根据产品的内容属性不一样，产品原型设计可分为图片设计，文字设计，按钮设计，图标设计等。