来源:zcool 作者:UIZOO
使用了:WACOM - 影拓
图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,
那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。
贫僧从东土大唐来,欲去西方取经。
1:大小
所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。
图片也需要穿衣服,因此外框的大小一般都是正方形的变形,端游在32-64像素之间,手游在90-200像素之间,尺寸决定了细节的呈现。
图标最终呈现都是在这里面,因此不能画的太大也不能太小。
2
构图
既然知道了大小,那我们现在来研究构图,
因为最近正好看了琅琊榜,那为什么他能那么的火爆,很多人对这部剧评价太高,因为他真的很美,很讲究,小金狮来和大家一起分享下影视美学上的构图,
1:对称法则
对角线构图
黄金分割线
三分法则
下面这个类似三分法则的网格线,又不是很准确的三分线,交点位置不是1:1:1,而是1:0.618:1.并且采用了多种三角视觉构图,让茫茫人海中依旧能找到景睿,和他的妹妹。
下面是黄金三角形切割
黄金螺旋线,也称斐波那契螺旋线,根据斐波那契数列画出来的螺旋曲线,自然界中存在许多斐波那契螺旋线的图案。
图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,
那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。
贫僧从东土大唐来,欲去西方取经。
1:大小
所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。
框架式构图
看完构图装B 宝典分析后,大家是不是重新认识了设计和构图?
此类法则可运用在摄影,影视,工业设计,平面设计,自然也能用在UI设计,图标设计上。
好那我们重新擦亮下眼睛,来再一次欣赏下DOTA 2 的装备图标吧
好的图标,构图,创意,色彩,质感那都是极其讲究的。
构图喜好三等分,这在油画,工业设计,平面设计里都很常用,那一个好的图标如果能运用起来,自然也是极好的!
大圆小圆顺畅的走势
光源的营造,
蛇含珠,极其的有张力,黄绿搭配,质感为手绘风,要想学习,想要进步,就应该先研究,然后准备好,来看看我搜了一些什么样的参考图。来画出更进一步的图标设计吧!
下面是详细的图标步骤教程
好啦,现在让你们来看看小金狮对黄金分割线的理解吧! 虽然还有不足,但是随着理论知识的提高,想必,有一天,我们的设计还会有更上一层楼的时候。
下一次我们再来谈一谈配色问题!
愿我无数心血的总结能换来您轻轻的一个赞!