前言：本文跳过需求分析及功能规划，直入原型设计讨论，此案例为商城+社区两大功能的结合。

进行原型设计前，需要注意的事项：

1.完成全部的功能规划（如图1），对整体功能有非常透彻的把握，原型设计时，尽量保证不要修改功能规划，因为规划变更后，相应原型页面更改成本较高。

2.对功能契合度较高的竞品有透彻体验，包括各个交互及板块设置，了解利弊；创新板块的设计需要考虑易用性。

3.选择适合自己的工具，Axure、Visio、Xd等都能满足设计需求。

 

图1.基本功能规划

原型设计时，需要注意的事项：

1.分清主次，根据一般交互原则，规划首页（主要板块），这一步直接影响到整体规划，可以做多版草图进行比对及深入讨论，最终定稿。

2.首页完成后，根据功能规划，逐步仔细完成其余页面，需要考虑到所有页面控件被点击的情况，万不可疏忽，因为原型成形为产品时，必须完善所有情况，后期新增功能或页面，不论是设计图制作、程序制作还是在线更新，都会遇到意想不到阻力。

3.设计每个页面时，首先自己画出理想情况下的页面，完成并且自己认可后，再与竞品进行对比分析，发现问题及时改正，这样在和其他人过原型设计时，就更有自信说服他人了:D

4.模板与配色尽量选择单调一点，毕竟不是设计稿，原型需要突出功能规划及交互设计，视觉呈现尽量平淡。

图2.原型图

注：案例制作过程使用了Axure及MindNode工具