2018-10-16

刚毕业没作品？学会做UI 概念设计方案，也能打动面试官！

 作为视觉设计师，需要经常做一些概念设计，设计探索，来尝试新的解决方案。很多刚毕业的设计师没有很好的实际项目案例，通过概念设计或者Redesign能很好的帮助他们去理解一个产品，像真正做产品一样去设计每一个页面，最近看了些设计师作品集，发现很多新人常见的问题，给大家分享下，顺便

文中引用的一些案例，没有贬低任何人之意，只是表达观点。

为了视觉效果而做

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

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

为了加强项目经验

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

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

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

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

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

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

我们如何去做概念设计？

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

一. 品牌感

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

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

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

二. 确定问题并解决问题

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

1. 找出问题确定设计目标

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

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

设计更加人性化的界面。

情感化设计。

2. 挖掘设计线索

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

3. 设计方案设计

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

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

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

另外一个案例是美国设计师Jason重新设计的Apple Music，同样也是类似解决问题的思路。

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

定设计目标策略

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

品牌感

界面优化

优化发现音乐这个页面

设计方案

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

△ Spotify音乐封面，品牌感很强。

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

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

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

三. 寻找设计灵感

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

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

如果我是需要去优化卡片设计，我可能会从Facebook上去看他们卡片如何设计的，总之我们需要去找一些优秀设计作为设计线索，但是不要找太多参考，会让你困扰。

这个复盘项目的背后设计思路：《我重新设计了Apple Music，收获5K赞！》

编者按：很多设计师会看会收藏许多优秀的作品，但是做项目的时候却没办法用上，怎么办？这篇好文教大家如何在工作中复用自己找到的好图，以及平时要怎么去做，即所谓的“如何在工作中找到设计灵感”→《如何获取设计灵感？你没理解它真正的含义！》

总结

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

品牌感的传递。

发现问题并解决问题。

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

有系统的设计思考过程。