产品进入DEMO阶段

接上一篇【有了idea，还需头脑风暴来提炼丰富让它更有可行性】

国内外的原型设计工具很多，找一款适合自己的才是最好的。做原型之前头脑要有自己的思路和框架，包括可以借鉴的产品、需要的素材等。

在这里，推荐给大家的原型工具是Axure，移动端可用Justinmind,其他参考（15款优秀移动APP产品原型设计工具），另外，国内还有墨刀，是一款不错的原型设计工具。

如果你还不会使用这款工具，视频课程《Axure RP7.0从入门到精通》可以去学习一下。你觉得自己的时间很宝贵，可以去找外包【68设计、迪麦互动、webppd）等。

制作DEMO一般需要经过的流程：

①脑图（思维导图）把讨论的结果理清：功能模块，逻辑关系，信息架构，业务流程；

②流程图：产品功能的流程，从注册-各功能使用图表的形式来说明这一过程；

③信息框架图：这样比较直观的显示这款产品的结构；

④线框图：低保真的设计图（内容大纲、信息结构、交互行为）

⑤视觉设计（有能力有时间也可以做成交互）：高保真的产品静态设计图（页面(流程)跳转逻辑和明确的文案设计及注释）

→DEMO形成

拓展阅读：

1.一个App的从无到有的过程？（校帮demo）

2.关于制作产品原型时需要注意的几点；

3.常用国内网站：人人都是产品经理、互联网早读课、知乎、UI中国等；国外网站：designmodo.com、UX周刊（uxdesignweekly.com)、每日设计新闻（webdesignernews.com）App设计（materialup.com）、uedfans.cn等；

4.原型协作网站：invisionapp.com、concept.ly、FramerJS；

5.图标：App图标制作（makeappicon.com ）、在线制作图标（flaticons.net）、图标字体(1001freedownloads.com)、icon（concept.ly）、srihost.com、图标集（github.com/mariuszostrowski/subway）、easyicon.net、iconpng.com、findicons.com；

6.在线抠图（clippingmagic.com）、设计师网址导航：hao.uisdc.com；

【一把日报社，一个关注国内外创业投资的博客。】微信号: yibaribao