【摘要】 UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。考必过为大家精心整理了画图标已经够难了,图标里面还要加表情,我太南了!,希望能够帮助到大家。画图标已经够难了,图标里面还要加表情,我太南了!的详细内容如下:
最近画的表情图标还蛮多的,所以有一些小心得分享给大家,都是非常非常非常非常非常实用的小技巧,直接就能用,有以下4个小点:
1.五官收紧
2.善用修饰物
3.想生动一定要符合当下行为
4.善用角度
1.五官收紧
下面这两个表情,你觉得哪个更精致可爱:
答案肯定是右面的,原因就是因为右面的眼镜和嘴巴紧收,更加的聚焦,否则五官一散,你都不知道该看哪里了。
比如怪企鹅这个形象,两个眼镜都快长在一起了,但就是还挺可爱的:
再比如,包子老师的很多形象,五官都很紧凑,十分可爱:
虽然这个方法不一定适用所有场景,但如果你是一个画表情的新手,不妨试试这一招,应该会有不错的效果。
2.善用修饰物
很多时候,我们会觉得自己画的表情很死板,对于我们非科班出身的设计师,想把表情画的特别生动,不是件容易的事情,但我们可以找其它方式来弥补,比如用一些装饰物和表情结合设计,就可以适当弥补表情呆板的缺陷。
而修饰物呢,又分为两种,一个是外部修饰物,一个是内部修饰无。
2.1外部修饰物
比如,眼镜啊、帽子啊、耳机啊,这些身体以外的食物,都可以与表情搭配设计:
这样可以使整个图标更加丰富,不论是在形式感上还是颜色上。
2.2内部修饰物
而内部修饰物就是形象身体上的食物,比如腮红、牙齿等等。
腮红就是我经常使用的一个,尤其是当面部很空旷,没什么内容的时候,加个小腮红,可爱度会提高很多, 我常用到的腮红形式,有圆形的、椭圆的、虚化的等等:
大家可以根据具体场景进行搭配使用。
再比如,牙齿,很多时候漏出小牙齿,可以增加形象的可爱度,比如刚来动漫的时候,有画过一次活动类的启动图标,在画的时候,一直觉得不满意,原因就是因为过于普通,后来尝试加了牙齿,产生一定反差和趣味性,才感觉有点意思:
除此之外,内部修饰物,还有刘海儿、发型等等,都是可以尝试的元素,不妨尝试一下。
3.想生动一定要符合当下行为
下面这吃瓜路人表情图标:
我的思路就是用西瓜与表情相互结合,这样的表情图标是没有什么问题的,但是也没有什么惊喜,如果想有惊喜,就一定要在表情上再下功夫。
我们想下,吃瓜,我们是有了瓜,但是“吃”这个概念还没体现出来,所以如果我们能把嘴巴吃的动作画出来,然后再让西瓜少一口,就可以更加的生动:
我们对比一下,很明显,右边的更加生动可爱。
但如果你只是加一个跟当下行为“吃”毫无关系的表情,比如只是让眼镜在笑:
那也不会有多可爱,也不会觉得巧妙,因为你的表情和图标当下的行为是拼凑的。
4.善于角度
某种程度来讲,角度可以快速提高表情图标的灵性,防止过于呆板。
说起角度,角度可以分为x轴与z轴。
4.1 X轴
x轴很好理解,直接旋转角度就可以了,比如直接将图标旋转30度等等,我们看下旋转后的效果
包括下面这组等级标签的图标也用了这种角度倾斜的方式:
这种方式会适当增加活泼度。
那什么又是z轴呢?其实就是你整个表情到底是正面、侧面、还是四分之三侧,很多时候当正面过于死板的时候,我们就可以尝试下侧面或者四分之三侧的角度,不同的角度会有一些差异性的视觉体验,从而带来一定的新鲜感,比如在做性别选择的时候,我们的表情图标就没有完全使用正面的角度:
再比如,当我们需要区分选中和非选中状态的时候,如果只是用颜色,就会显得生硬呆板,但如果用角度来区分状态,就会显得有趣很多:
再再比如,小透明等级这个表情,也是用了侧面的形式:
当然,不一定所有的场景都需要旋转角度,这种做法只是一种调味剂,有时候,一组表情图标,只有一两个进行角度旋转,也是可以的,可以增加丰富度与趣味性:
以上就是关于角度的一些实用技巧。
好了,以上就是最近画表情图标的一些心得,都很实用,看完就能消化,如果你最近也在做表情图标,不妨试一试我的这几个方法,有什么问题留言,互相交流学习。
原文地址:菜心设计铺(公众号)
作者:菜心设计铺
以上就是画图标已经够难了,图标里面还要加表情,我太南了!的详细内容,希望本篇文章的内容对大家有所帮助。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。让我们一起加油吧!