刚毕业没作品?学会做UI 概念设计方案,也能打动面试官!

2017/12/25 7797

作为视觉设计师,需要经常做一些概念设计,设计探索,来尝试新的解决方案。很多刚毕业的设计师没有很好的实际项目案例,通过概念设计或者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。
  • 有系统的设计思考过程。

欢迎关注作者的微信公众号:我们的设计日记,每周分享最新设计趋势和设计经验,科学设计方法。

「新人求职必看!如何准备作品集」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/ui-conceptual-design-scheme

素材 界面设计 交互设计师 好文 UI 设计流程 转场动效 用户体验设计 设计师专访 设计师 排版布局 扁平化设计 素材下载 视觉设计 职场 设计规范 产品设计 配色 web前端开发 设计趋势 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里