纳金网

标题: 游戏图标UI设计教程分享 [打印本页]

作者: 五十六个民族 时间: 2017-3-2 11:06
标题: 游戏图标UI设计教程分享
使用了：WACOM - 影拓
图标是什么东西，从字意上理解，图形+标志=一个小型的图片标志，
那看过西游记的人都知道，每次唐长老都要被路人问一句话:高僧，从那里来，要到哪里去。
贫僧从东土大唐来，欲去西方取经。
1:大小
所以我们画图标也是，要明白画多大，要放在哪里，这时物品就多出了一个名叫“物品框”的家伙，此人生性懒惰，肚子很大，四肢很细，喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。

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

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

b.对角线构图

c.黄金分割线

d.三分法则

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

下面是黄金三角形切割

黄金螺旋线，也称斐波那契螺旋线，根据斐波那契数列画出来的螺旋曲线，自然界中存在许多斐波那契螺旋线的图案。

图标是什么东西，从字意上理解，图形+标志=一个小型的图片标志，
那看过西游记的人都知道，每次唐长老都要被路人问一句话:高僧，从那里来，要到哪里去。
贫僧从东土大唐来，欲去西方取经。
1:大小
所以我们画图标也是，要明白画多大，要放在哪里，这时物品就多出了一个名叫“物品框”的家伙，此人生性懒惰，肚子很大，四肢很细，喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。

框架式构图

看完构图装B 宝典分析后，大家是不是重新认识了设计和构图？
此类法则可运用在摄影，影视，工业设计，平面设计，自然也能用在UI设计，图标设计上。
好那我们重新擦亮下眼睛，来再一次欣赏下DOTA 2 的装备图标吧
好的图标，构图，创意，色彩，质感那都是极其讲究的。

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

大圆小圆顺畅的走势

18.jpg (51.65 KB, 下载次数: 258)

欢迎光临纳金网 (http://go.narkii.com/club/)