如何让UI概念设计成为优秀作品之一

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

为了视觉效果而做

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

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

为了加强项目

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

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

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

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

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

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

我们如何去做概念设计?

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

一、品牌感

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

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

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

二、确定问题并解决问题

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

找出问题确定设计目标

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

  • 1、在发现页面,提供更加有吸引力的无缝体验
  • 2、设计更加人性化的界面
  • 3、情感化设计

挖掘设计线索

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

设计方案设计

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

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

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

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

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

定设计目标策略

他重点从三个纬度进行改版:1、品牌感2、界面优化3、优化发现音乐这个页面

设计方案

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

Spotify音乐封面,品牌感很强

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

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

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

三、寻找设计灵感

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

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

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

总  结

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

1、品牌感的传递

2、发现问题并解决问题

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

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

封面作者:uixNinja

我们的设计日记(公众号)

作者:sky

(0)

相关推荐

  • 基于UI扩展性!功能超强的Windows 9概念设计渲染图

    消息称微软下一代操作系统Windows 9将在今年秋季发布预览版,且UI界面设计上将发生不小改变。除开始菜单重归之外,Windows 9或还将区分PC桌面版和移动设备版。这是微软的设想,而设计师们的设 ...

  • Win10 Mobile RS2概念设计新鲜出炉 任务栏亮眼

    9月6日消息,Win10 Mobie RS2预览版最新版本为14915,在这个版本中我们仍然没有发现重要的功能加入和UI上的改动,现在一套Win10 Mobile RS2概念设计新鲜出炉,不知道大家有 ...

  • 脑栋大开的3D TOUCH 概念设计案例

    iPhone 6s和6s Plus 的压敏屏幕所带来的3D Touch 让iPhone的交互多了一个全新的维度,交互从不再局限于2D平面手势,按压操作的加入使得手机交互进入了3D的维度.交互层次的提升 ...

  • APP概念设计前后那些事儿(扩充作品集)

    学UI网老虎帮的五月妹子:"很多新手UI设计师缺少项目,而想要尝试App概念设计来进行练习或是筹备作品集时,常会有点无从下手的感觉.本篇文章想要通过自己的设计经历和大家分享一些设计思路和,阐 ...

  • 【新手指南】UI交互设计vs UI设计 vs 交互设计:有啥区别?

    UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼.别担心, ...

  • 更重的苹果口味:iPhone5S概念设计出炉 更有范

    更重的苹果口味:iPhone5S概念设计出炉 从发布水滴外观的iPhone5概念图开始,我们也记不清有多少概念设计图出炉了。因为软媒小编都是尽量精选出来分享给大家,所以更多的设计图一开始就被小编否定了 ...

  • Windows 8.2概念设计

    近日关于下一版本Windows的消息很多。有消息称下一代Windows将恢复开始菜单,并带来其他种种改进。目前,尚不得知该消息的真实性,但不少概念设计师已经以此作为创作理念创作了系列Windows 8 ...

  • UI绘制设计萌萌的经验罐

    UI绘制设计萌萌的经验罐

  • UI绘制设计浮雕印章效果

    UI绘制设计浮雕印章效果