怎么样做好概念稿——5步做出有理有据的概念稿

Hello，我来啦！

上周忙着做动效，没来得及写文章，这周咱们来聊聊怎么做概念稿。

来杯咖啡，醒醒神。

 

设计是一个紧跟时代、需要不断学习的行业，除了能胜任工作中的事情之外，平日里咱们也需要抓紧时间，给自己多充充电。

 

古人云：纸上得来终觉浅，绝知此事要躬行。看的再多，不着手练习，到头来还是一无所获。

 

工作中的实际项目有限，这里的有限分为两种：

1.项目个数有限：除去外包性质，一般性质公司的项目个数有限；

2.项目类型有限：市面上的产品那么多，而一般公司所做的项目类型是有限的。

 

作为一名必须“见多识广”的设计师，各行各业、各种类型的web、应用都需要接触了解到，最好是还着手做过。工作中的项目对于设计师而言，肯定存在着一定的局限性。

 

那么，怎么打破这种局限性呢？概念稿就是个很好的解决办法。

概念稿的名词性解析，可以自行百度。

 

从自己做APP概念稿的习惯中，总结出一套流程，分享给大家。

 

大致可以分为以下几步：

1.定主题

2.定需求

3.定功能、框架

4.定流程

5.定原型、界面

 

 

咱们来一一聊下上面列举的步骤。

 

一.定主题

定主题：就是确定要做什么类型的APP。

例如：社交类APP、地图导航类APP、生活类APP、通讯类APP、图书类APP、电商购物类APP等。

 

二.定需求

定需求：确定你的APP解决用户的什么问题。

例如：想做电影类APP，具体点：在线看预告片，在线买电影票，在线点评的电影类APP ；再具体点：解决现在20-30来岁的小年轻，周末想看电影，在线预定电影票，最好还能及时提醒、告知放映时间的电影APP。

 

是不是有点感觉了？惊不惊喜？意不意外？

 

如果对于需求没什么想法，可以去各大应用市场找找竞品，有多少个电影类的APP，它们都是帮助用户解决了什么样的问题。多看看，结合自己的想法，定下需求；实在没想法，选择应用商店中自己感兴趣的APP做Re-design，也是可行的。

将需求点一一写下来，为后面的定功能打下基础。

 

 

三.定功能、框架

根据前面定下的需求，将功能先罗列出来，再分类，命名等。

结合自己学到的，卡片分类法比较实用。具体的实操，大家可以自行百度，会得到详细的讲解。

 

经过卡片分类法，可以得到一个框架图，框架图决定APP用何种样式的导航。

例如：经过卡片分类法，得到只有1到2个一级功能性卡片，最适合的用抽屉式导航。

抽屉式导航适合功能单一，适合不需要频繁切换的APP。（只是举例说明）

同理，标签式导航适合什么样的APP呢？大家想想。

 

在定功能、框架的时候，记得分析竞品。

为什么要分析竞品？有什么好处？

竞品在某一程度上，比你的产品先上市，先展示在用户面前。从竞品身上，可以得到一些被市场验证可行的方案，也可以找到用户反感的操作。

做概念稿，竞品分析什么？

找到多个竞品中的相同点和不同点：

相同点：表示这是用户的习惯，我们在概念设计中，需要遵循用户的习惯；虽然概念稿很大程度上以视觉为主，但是试想：做出适合落地的概念稿，不是更好么？

 

不同点：不同点，就是我们的设计点；某些产品可能在功能、流程上有些公式，但很少有两个完全相同的两个产品。

这篇文章，虽然讲得是概念稿，但是在实际工作中也可以运用这种手段：找竞品的相同、不同点。

四.定流程

先确定好APP的主要流程，确保流程的完整性，有始有终，各种异常情况都要考虑到。

为什么要强调流程的完整性？这都是在实际项目中的血泪经验啊。

 

五.定原型、界面

根据流程画好原型图，界面实现先做首页、定风格。风格定好后，再做其它的界面；在做界面的时候，可以同时进行设计规范整理，这样可以保证设计后续界面时，风格的统一。

当然，记忆力好的小伙伴们也可以选择做完界面后，再整理出规范文档。

在画流程图的是请注意：只需要说清楚流程，尽量规范，不要纠结应该怎么画。

近段时间刚好有小伙伴问“怎么画流程图？”——我回复：只要把你想表达的意思表达清楚就好，元素尽量不要太多，颜色也尽量使用即可。

还有一点需要提醒：

经常有画的很复杂的一张流程图放在眼前，我只能说看到后两眼螺旋状。

画流程图的时候，注意页面复用（流程的复用），例如：登录/注册流程，在电商类APP中，很多地方会判断是否已经登录/注册，面对这种情况，我们可以将登录/注册流程单独放一个页面，其他页面要访问这个流程的时候，做好相应的注释和链接即可，不用全部展示。

 

Tips：

1.界面不一定要很多，将主流程实现即可，其它页面看时间安排，首页是一定要有的。

2.一定在首页定稿、确定好风格后，再着手做其它界面。

3.为什么要有前面的定主题、定需求、定框架？忘记在哪里看到过的一句话，大致意思是：让设计有理有据。所有思考的过程，都在为我们的设计提供依据，让设计稿经得起推敲。

就和大家聊到这里啦，虽然写的是做概念稿，但里面的流程和某些方法在实际工作中可以运用。

卡片分类法，建议大家可以去了解下，很有必要掌握的一个小技巧。

坚持写有内容的文章，希望和小伙伴们一起进步，谢谢！