获得足够的反馈之后，你需要对产品的设计进行迭代，线框图（产品、App、包装）的制作过程从完整的产品体验（高级“草图”）开始。

（一）高级“草图”

这个阶段主要包括以下几个方面的内容，同时这也是客户的产品旅程：

1.包装

​ 你的包装是什么样的？

​ 你如何用9个以内的字数来传达产品的含义（产品功能）？

​ 你的包装盒有多大？

​ 它在商店货架上的位置？

2.销售

​ 你的产品在哪里出售？

​ 客户在购买之前如何与之互动？有互动显示吗？

​ 客户在购买产品之前是否了解你的产品？

​ 客户是冲动性购买吗？

3.拆箱

拆箱体验应该是简单的，并且不需要耗费客户太多的精力。

4.设置

​ 客户需要经历哪些步骤才能准备好首次使用？

​ 除了包装盒中随附的配件，还需要什么？

​ 如果产品无法正常工作（如无法建立WiFi连接或未安装手机应用程序）怎么办？

5.首次使用 

​ 如何确保用户快速熟悉你的产品？

​ 你在产品中设计了什么亮点功能来取悦客户？

6.重复使用或特殊用例

​ 如何确保用户始终使用你的产品，并享受他们的体验？

​ 你的产品可能会遇到特殊的用例：连接/服务丢失、固件更新等。

7.客户支持 

​ 用户遇到问题时，他们会怎么做？

​ 如果向他们退/换产品，该交易/设置如何发生？

8.寿命终止EOL

​ 大多数产品在18~24个月后就会淘汰，如何迭代？

​ 你希望用户复购吗？

​ 他们如何从一种产品过渡到另一种产品？

这个过程的目的是概述整个产品旅程，这一步结束时，就可以做到很好地了解客户将会如何与产品的每一个步骤进行交互。

（二）包装设计

产品包装设计主要分为两类：

1.在原有设计的基础上做升级

​ 原来的包装设计太丑，需要优化视觉形象；

​ 企业战略性调整，原来的设计不符合全新定位导致的重新设计。

2.原创包装设计

根据产品的属性、定位，设想突破性的设计创意，进行视觉创意。

包装会涉及平面设计，而平面设计需要遵循一定的思维模式，以中秋节宣传海报为例，可以从以下三个方面思考设计：

​ 平面字体：中秋节为中国的传统节日，使用书法字体更能引起共鸣；

​ 基础场景：中秋节的自然场景为一轮圆月挂在半空，家人共赏美月，温馨自然；

​ 氛围素材：可以联想到花灯、小船等，烘托氛围。

将产品合理布局到场景中，可以起到很好的宣传效果，如图5-1所示。

图5-1 场景与布局

（三）UI设计规范

确定UI设计规范之前，首先要明确页面风格，如何确定页面风格呢？主要从以下几个角度思考：

1.产品经理

​ 商业目标：为什么要做这款产品？

​ 所在行业、竞争对手、竞品分析；

​ 相关资料：VI、LOGO、网站、PPT、线下资料。

2.客户（购买产品的人）

:分析年龄、出身、喜好风格。

3.用户（使用产品的人）

​ 目标人群及特点；

​ 用户痛点及需求；

​ 使用场景。

设计流程如图5-2所示：

图5-2 UI设计流程

规范内容：

​ 标准色：样式、色值、应用场景；

​ 字体：中英文字体名称、样式、字重、字号、应用场景；

​ 页面图标：尺寸范围、触控范围、颜色；

​ 间距：列表项间距、图文间距、留白、文字与文字间距、行距；

​ 列表：文章列表、标签列表；

​ 图片：图片尺寸、比例；

​ 头像：普通尺寸、特殊尺寸、应用场景；

​ 形状：描边、线分割、矩形分割线、矩形、圆形、椭圆形、色值、尺寸大小、圆角大小、阴影；

​ 背景：背景多预留一些，避免拉伸、压缩；

​ 蒙版：不透明度；

​ 按钮：尺寸大小、颜色、状态（不可点击、可点击、按下时）；

​ 表单：输入控件、大小、文字、验证提示；

​ 弹框：默认操作提示框、默认错误/警告/成功提示。

（四）说明书设计

1.铜版纸选择

市面上普通宣传单页采用128克铜版纸，普通名片纸张采用300克铜版纸，折纸说明书采用128克铜版纸、彩印、不覆膜和机器折好即可。铜版纸克数与厚度关系如表5-1所示.

表5-1 铜版纸克数与厚度关系

注：1mm=100丝