UI概念设计除了视觉效果，还需要思考哪些内容

作为视觉设计师，需要经常做一些概念设计，设计探索，来尝试一些新的解决方案！很多刚毕业的设计师朋友由于没有一些很好的实际项目案例，通过概念设计或者Redesign能很好的帮助他们去理解一个产品，像真正做产品一样去设计每一个页面，最近看了些设计师作品集，发现一些问题（文中引用的一些案例，没有贬低任何人之意，只是表达观点。） 

为了视觉效果而做

这个设计应该很多人做过，想问抛开图片以外，它的设计创意在什么地方，我觉得这个设计师找图片的时间应该比设计时间长，但是这个设计解决了什么问题？我们无法看出。

还有这种都是单页，想问如果落地后，换成正常的图片会是什么样？是纯粹追求视觉效果吗？作为体验设计师，我们工作并不是去创造一个好看的图片，而是需要去满足一些需求，鼓励用户去使用，设计师需要假设一些设计场景，将这些为前提你的设计才有意义。

为了加强项目经验

很多公司招聘都需要设计师有项目经验，所以作品集不够丰富的设计师，会去做概念设计，Redsign一些知名项目设计，比如微信、淘宝、facebook等等！但是很多概念设计方案，往往没有体现优势，反而暴露很多视觉缺陷。

这个微信概念设计，颜色很明亮、绚丽，但是有个问题是，用户在这个页面更多是关注输入的内容，这里运用这么强一个选中效果，很明显干扰了整个输入体验。

还有这个设计，很好运用了品牌色，很大胆，看起来不错，但是设计上很重，大面积的绿色让人长期使用会视觉疲劳！

这个设计，视觉效果来说非常的好，图形细节、图形饱和度都很舒适，但是忽略了一点，“品牌感” 微信的品牌没有体现，遮住Wechat是否还能分辨出它是微信？可以说它是momo是微博或者任何一个社交产品。

再来看一些国外的设计，这个视觉效果很好，配色大胆，紫色和红色的搭配在左侧面板上，但是我们应该更加鼓励用户把注意力放在对话面板而不是列表上面，设计师可能觉得这个配色很酷，但是并没有帮助我们解决设计问题，用户并不会因为你的设计很酷，而对你的设计买单。

这个设计，配色大胆布局卡片式，用户焦点也很明显，但问题是改变了用户的使用习惯，把常用的功能都放到了下方，同时右上角、左上角的一些功能习惯全部改掉了。

我们如何去做概念设计？

可能很多人看到这里会想说，说了那么多，我们怎么做概念设计呢，我这里有些大概的思路给大家抛砖引玉下但不一定完全正确，希望大家可以一起探讨。

1 / 品牌感

特别是在做一些知名应用设计时候，一定不要忘记品牌感，品牌就像内衣，看不见但是很重要，我们做任何设计一定要是在品牌定位的基础上去改进的！

Chrome浏览器黑色版本概念设计，我们看的出还是谷歌的品牌感，布局上，操作形式上都很符合谷歌的调性，但是视觉设计师设计又是解决问题的，从布局配色上进行了调整。

Google Bank来自内部的概念设计，不知道最终上线是什么样，但是从概念稿我们不难看出，设计师是在品牌大的框架，大的设计限制下做的改变，整个APP的骨架、栅格、色彩、插画风格都是在已有的设计体系下去做的优化和调整。

2 / 确定问题并解决问题

选择一些你比较喜欢的主题去设计，最好是经常用到的APP比如旅行、美食、音乐、电影、体育的等等，主题确定后，再进一步的探索这些设计使用场景，比如重新设计instagram，哪些功能用的不爽，以解决问题的思路去设计。

• 找出问题确定设计目标

设计师Kim在重新设计时就已经明确设计目标：

1、在发现页面，提供更加有吸引力的无缝体验

2、设计更加人性化的界面

3、情感化设计

• 挖掘设计线索

Kim在设计的过程中与40多个用户进行了访谈，通过访谈去挖掘用户的体验痛点，并去定义一些问题，得到一些大概的方向和体验目标的点。

• 设计方案设计

整个设计方案和其他概念设计不一样，他是从解决问题的纬度去做的，每一个设计都是去解决现在线上已有问题，这个点很重要，我们在工作中不也是如此么，每天的设计是解决产品问题。

可以看出这个设计中在做概念设计的时候，并不像其他视觉设计师，只考虑视觉展现上的表达，而更多的是从挖掘问题本身，通过去发现问题，解决问题思路入手，同时设计方案也保持了ins原品牌的感觉在里面，是一个很优秀的概念设计思路。

• 挖掘产品体验问题进行系统解决方案

另外一个案例是美国设计师Jason重新设计的Apple Music，同样也是类似解决问题的思路。（本文封面来源）

苹果音乐改版前，问题在于导航有很大的优化空间，界面比较混乱，设计细节缺失与苹果强调的优雅效果相差甚远，于是他决定改版。

• 定设计目标策略

他重点从三个纬度进行改版：

1、品牌感  

2、界面优化  

3、优化发现音乐这个页面

• 设计方案

他对苹果封面图进行了统一优化，学习了Spotify的处理形式

Spotify音乐封面，品牌感很强

苹果的音乐封面，看的出很混乱没有规范

Jason优化后，很明显看出对封面进行类型定义，从文案位置版式上进行了统一协调一致

篇幅有限不更多举例，我们可以从以上2位设计师的设计思路中明显看出，要从品牌视角，从解决问题为主去做概念方案！

3 / 寻找设计灵感

前面有强调设计时候注意品牌感，同时我们要去找到已有界面一些体验问题，那么找到了问题，如何去解决，这里很重要一点就是找设计灵感

APPLE MUSIC的设计师很快从另外一个音乐软件里面找到设计灵感，那么我们也同样，需要去挖掘灵感、线索，我经常会用到Dribbble、Pinterest、Behance、Uplabs、Pttrn网站，比如我要做一个文字排版优化的解决方案，我会去搜索很多新闻相关应用的排版设计，寻找文字排版领域设计做的最好的来借鉴。

如果我是需要去优化卡片设计，我可能会从facebook上去看他们卡片如何设计的，总之我们需要去找一些优秀设计作为设计线索，但是不要找太多参考会让你困扰，关于如何寻找设计灵感，在后续的文章我会和大家详细分析。

总  结

如果你想放一些概念设计方案到作品集里面，那么请不要为了追求视觉效果而去做设计，我们需要真正的去做一些体验改变的事情，当在做改版设计时不防多些思考：

1、品牌感的传递

2、发现问题并解决问题

3、尝试改版使用体验，而不仅仅是UI

4、有系统的设计思考过程

作者skys   

《懂点设计》内容分享设计师之一

UI中国主页：http://i.ui.cn/ucenter/36814.html

想查看他的更多干货内容，请订阅《懂点设计》吧！

--关于我们---

UI中国 专业用户体验设计平台

主站：www.ui.cn

新浪微博：@UI中国

合作请加微信：18931333875