04出错页面
即使我们以产品体验毫无bug,但是实际的使用中依然会遇到一些无法预测的情况打断用户,例如断网、404等。这时候插画就体现了其特有的作用了,减少用户的挫败感,拟人化我们的app,使其更具有人情味。此处使用的插图与“空态”的要求一样,简单易懂为首要前提,同时提高其可观赏性和趣味性。如果产品有吉祥物,那围绕着吉祥物来设计,既能减少用户负面情绪,也能不断的增强品牌在用户心中的形象。
05结果通知
用户在使用app完成自己“任务”时会得到不同的反馈,成功、失败、或者惊喜等。此时插画可以很好的传达出这些信息,通过对于氛围场景的绘制让用户即使不看文字也能知道大致的意思,同时精致的插画可以让用户有更好的带入感,不像单纯的文字提示那么枯燥乏味。此类插画与界面的设计需要符合整体所要传达的氛围及信息,不管是成功、失败或者是获的优惠等;加强用户的参与感,使产品与用户的对话更加有人情味。
06升级提醒设计
为了能够尽快让用户体验新功能、以及不断优化用户体验,我们会经常更新迭代我们的产品。可是想要用户乖乖听话去升级也并不是那么容易,一般来说用户看到一个满是文字的弹窗,根本就没有耐心去看就关闭了。而一副出彩的小插画却可能瞬间吸引用户的眼球,进而浏览其简略的文字信息,从而决定是否升级,从反思层面来说可以让用户看到产品的用心和提升友好度。可以从几个案例看到大部分升级插图都是通过选择表现速度和探索的方向来设计,此类插画大家可以自由发挥,只要能体现出趣味性即可。
07 loading刷新设计
当我们浏览微博等一些会实时发生一些变化的app、以及加载新页面时,都不可避免的会出现加载动画来缓冲。单调的“菊花”和“箭头”以及有些让用户觉得单调和乏味了,我们可以看到这些有趣的loading不仅能够提现产品的差异性,同时有趣生动,可以减少用户在等待过程中的负面情绪,而且与品牌和业务息息相关。我们在考虑此类小插图动效设计时,可以考虑从公司的业务、吉祥物和所传达出的价值观入手。
08 运营活动
除了一些产品上的功能场景,在一些大的运营活动和h5推广时也是插画得以大展身手的好机会。从前两年淘宝双十一、元旦等节日时首页各种优美的插画特效开始,让我们发现原来app还可以这么玩;还有一直火爆到现在的h5,可以发现大部分都是以插画为主,只是风格各异、各有千秋。优美有趣的插画可以在第一眼就获取用户好感,吸引用户耐心的浏览查看活动页,同时加强活动氛围及用户的带入感,在反思层次引起用户的共鸣和好感,吸引用户主动去分享参与。这一类插画则没有太多限制,主要看活动需要提现什么样的氛围,神秘、喜庆、幽默、炫酷等,围绕着活动主题创作一段小故事或者场景,使用户能够体会到其所传达出的情绪进而引发回忆产生共鸣。
-----
特别要提的就是前段时间比较火的关于淘宝新的改版
淘宝这次的改版除了绚丽的色彩,内容结构上也做了一些调整,就在我写文章的时候我老婆突然还和我说了一句她觉得淘宝越来越人性化了,我想这应该就是用户最真实的心理感受吧。除了这些变动,还有一个比较出彩并且与我们主题息息相关的就是插画的设计啦。
淘宝通过和谐小插画传达自己的“小情绪”,将这些有趣故事叙说给用户,为用户带来更好的购物心情和体验。在界面中文字总是很容易被忽略,这些统一的小插图,塑造除了一个有个性的产品,更加拟人化有人情味,相比冷漠的文字更能拉近与用户的距离、引发情感上的共鸣。大家也可以搜索一下《淘宝2017UI设计风格改版升级》这篇文章了解淘宝团队具体的执行方案。以下图片也是来自文章。
OK.虽然前面说了一大堆,但是纸上得来终觉浅~
现在我来列举一个自己做的飞机稿帮大家加深印象吧
前面已经介绍了插画的多种应用,内容比较多,这里我筛选了几个方向。
为一款音乐类app设计一个空态页面:“无网络”;一个通知确认页面“开启app推送”;一个启动页:可以任选一个节日,例如最近的“儿童节”。(尺寸:750x1334)
第一步:确定产品调性和方向
因为是虚拟产品,这里我选择的方向是有趣、爱玩
第二步:关键词联想
根据产品及要设计的插图寓意进行关键词联想;启动页的设计一般则与活动主题密切相关,这次我选择的是“六一儿童节日”,其制作流程也基本一致,不过其场景则需要更具细腻,故事感要更强,以引起人们的共鸣。
第三步:草图方案
根据联想出的关键词,进行串联结合,打开脑洞绘制草图方案,同时还需要给对应的创意构思文案,保证意思明确的同时,可以进行一些艺术加工。
第四步:输出效果图
选择最佳方案进行执行、输出,(这里需要注意的是对于技法并不限制,符合产品定位和整体风格即可)
因为本篇文章不是软件技能类教程,所以就不介绍具体过程啦,有兴趣的可以看我主页教程~
ok,大功告成!
感兴趣的同学也来练习一下加深理解吧~
有疑问可以一起沟通~
具有一定的手绘基础对于ui来说也是一个加分项,但是我们在绘制产品相关的插画时,
不能盲目炫技,应该需要一定的理论支持,通过反思层次的设计来满足其他所有层次的需求,进而
完成一套优秀的情感化设计。
虽然金三银四已经过去了,但是应该还是有不少小伙伴想争取更好的机会把,
希望大家在2017展翅高飞!