莫b
前一阵子在项目中遇到一个需求,就是设定一些宠物,比如猫猫狗狗之类的,今天来分享一下心得。

01 最开始的版本

最开始,设计师做出来的效果是这样的:

图片


没有什么特点,也不够可爱!还有这样的:

图片


特点是有了,挺方的,但是严格来讲没那么好看,也不是太可爱,而且有点像手提包包的感觉。这样做下去可能不太行,于是开始思考如何做的更好,也就有了后面的内容。



02 创意点的诞生

这次的创意点是这样来的,我是觉得如果我们领养宠物,只领取一个头部,多少是有点奇怪:

图片


但是,这里我产生一个想法,是不是可以让手脚和头部进行融合,一起融合在一起呢,甚至没有脚,直接让它悬浮在空中,这样既可以区别于传统宠物,图形也可以比较饱满,比如像下面这种类型:

图片


这里还是要记住,记得五官紧凑,这样比较容易做出可爱的感觉,不信你看对比,左边紧凑,右边不紧凑:

图片


带着这样的想法和初稿,我们就可以去进行下一步了。



03 寻找宠物特点,完善设计

接下来就是去提炼每一个宠物的特点,然后把这些特点融合在设计里,就可以搞定需求了。

比如,柴犬,我们可以提炼出黄白身体,脸上有一部分白色、三角形的耳朵等等,白色眉毛:

图片


我们来融进我们的基础形里试试:

图片


大家看,五官比较紧凑还是非常可爱的。

再有就是很多柴犬的插画都喜欢给它加个腮红,表示他的可爱:

图片


正好我们白色区域有点空,我们也可以加一个大腮红:

图片


这样就更可爱一些。

最后,狗狗和猫猫是不是都有尾巴,如果加一个尾巴,可能特征就更明显了:

图片


还不错。

接下来,同样的道理,我们再来一个黑猫,特征也很明显,比如黑色身体,大眼睛,黄色眼睛、猫胡须等等:

图片


我们把这些特征融入到我们的基础形里:

图片


也还不错。我们来对比下,宠物前后的效果:

优化前:

图片

优化后:

图片

图片

会比之前要有特点一些,也可爱一些!

 


04 规整的图形化设计,比较好延展

其实当我们有了一个基础形的时候,就很容易延展,而且统一性极强,比如我们延展更多宠物(现在不方便展示太多内容,后面项目展示的时候再分享)。

再比如举个简单的例子,当我们不知道是哪个宠物的时候,有了基础图形,我们就可以用问号、基础表情和图形进行结合,像这个样子:

图片


这样就很容易形成记忆点,不断重复宠物的基础形,非常好用的一种方法。大家也可以在项目中多多尝试。



05 总结

好了,今天就先分享这么多,希望这个小需求可以给到大家一点启发,后面有机会再分享更多内容,咱们下期见啦!

 

原文地址:菜心设计铺(公众号)

作者:菜心

图片

转载请注明:学UI网 » 做这个需求,真是用尽了我的招式!

登录收藏
 
你可能喜欢的:
拿捏8种LOGO设计技法!拿捏8种LOGO设计技法!
我是真不敢相信,这么简单确这么出效果,绝绝子!我是真不敢相信,这么简单确这么出效果,绝绝子!
为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好为什么你设计的图标不专业?可能是这10个容易被忽视的细节没做好
好惨,我竟然被批评了,问我为什么不安排教程?我怕了好惨,我竟然被批评了,问我为什么不安排教程?我怕了
如何强化图标设计的细节?我总结了12个关键点!如何强化图标设计的细节?我总结了12个关键点!
如何设计精美的应用图标?如何设计精美的应用图标?
出色的图标是如何一步步设计出来的?来学学这些实操方法!出色的图标是如何一步步设计出来的?来学学这些实操方法!
详解|图标设计,精致的体力活儿!详解|图标设计,精致的体力活儿!
图标中的辅助图形,如何设计才有亮点?我总结了这5条实用经验图标中的辅助图形,如何设计才有亮点?我总结了这5条实用经验
为什么我临摹的时候还行,但让我原创就不行呢为什么我临摹的时候还行,但让我原创就不行呢