细节是魔鬼,设计在于细节
 首页> 读。设计

游戏图标UI设计教程分享

使用了:WACOM – 影拓

图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,

那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。

贫僧从东土大唐来,欲去西方取经。

1:大小

所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。

87791446598385图片也需要穿衣服,因此外框的大小一般都是正方形的变形,端游在32-64像素之间,手游在90-200像素之间,尺寸决定了细节的呈现。
图标最终呈现都是在这里面,因此不能画的太大也不能太小。

64161446598385

构图
既然知道了大小,那我们现在来研究构图,
因为最近正好看了琅琊榜,那为什么他能那么的火爆,很多人对这部剧评价太高,因为他真的很美,很讲究,小金狮来和大家一起分享下影视美学上的构图,

33981446598385

对称法则 21801446598385

对角线构图

34231446598385

黄金分割线

16141446598385

三分法则

上面这个类似三分法则的网格线,又不是很准确的三分线,交点位置不是1:1:1,而是1:0.618:1.并且采用了多种三角视觉构图,让茫茫人海中依旧能找到景睿,和他的妹妹。

22311446598385

69511446598385

下面是黄金三角形切割

16441446598385

2971446598385

图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,

那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。

贫僧从东土大唐来,欲去西方取经。

1:大小

所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。
88661446598422
框架式构图

78261446598422

看完构图装B 宝典分析后,大家是不是重新认识了设计和构图?

此类法则可运用在摄影,影视,工业设计,平面设计,自然也能用在UI设计,图标设计上。
好那我们重新擦亮下眼睛,来再一次欣赏下DOTA 2 的装备图标吧
好的图标,构图,创意,色彩,质感那都是极其讲究的。

35981446598422

构图喜好三等分,这在油画,工业设计,平面设计里都很常用,那一个好的图标如果能运用起来,自然也是极好的!

49471446598422

大圆小圆顺畅的走势,光源的营造,

571446598422

67991446598422

蛇含珠,极其的有张力,黄绿搭配,质感为手绘风,要想学习,想要进步,就应该先研究,然后准备好,来看看我搜了一些什么样的参考图。来画出更进一步的图标设计吧!
下面是详细的图标步骤教程

mkr

20001446598480

下一次我们再来谈一谈配色问题!
愿我无数心血的总结能换来您轻轻的一个赞!

作者:UIZOO

发表评论

还可以输入 1994 个字符

全部评论 (2)
  1. domain name for sale    2015-11-27 : #1

    This 356688.com domain name is for sale.

    If you would like, please email:

    sdzfd@hotmail.com

    回复
  2. 安装6-8分网络电话    2015-11-19 : #2

    安装企业网络电话,6-8分钱,适合电话营销,QQ138130 友情链接

    回复
切换登录

注册

切换注册

登录

忘记密码 ?