游戏开发论坛

 找回密码
 立即注册
搜索
查看: 8083|回复: 1

这么讲究 从美学角度看一个游戏图标的设计

[复制链接]

1万

主题

1万

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36572
发表于 2015-11-5 12:04:45 | 显示全部楼层 |阅读模式
1.png

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

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

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

  1.大小

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

2.png

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

  图标最终呈现都是在这里面,因此不能画的太大也不能太小。

  2.构图

  既然知道了大小,那我们现在来研究构图。

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

  1:对称法则

3.png

4副本.png

  对角线构图

5.png

  黄金分割线

  三分法则

6.png

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

7.png

8.png

  下面是黄金三角形切割

9.png

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

10.png

11.png

  框架式构图

12 13.png

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

  此类法则可运用在摄影,影视,工业设计,平面设计,自然也能用在UI设计,图标设计上。

  分析

  好那我们重新擦亮下眼睛,来再一次欣赏下DOTA 2 的装备图标吧

  好的图标,构图,创意,色彩,质感那都是极其讲究的。

14.png

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

15.png

  大圆小圆顺畅的走势

16.png

  光源的营造,

17.png

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

  4.步骤

18.png

19.png

20.png

21.png

22.png

23.png

24.png

25.png

  相关阅读国内手游图标设计新风潮 闪金粗!字一定要大!

via:小金狮的UI分享

1

主题

303

帖子

3029

积分

论坛元老

Rank: 8Rank: 8

积分
3029
发表于 2015-11-5 15:30:26 | 显示全部楼层
小金狮。哈,专业啊。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-11-29 07:07

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表