查看: 1653|回复: 0
打印 上一主题 下一主题

[UI设计] 游戏图标UI设计教程分享

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

跳转到指定楼层
楼主
发表于 2017-3-2 11:06:08 |只看该作者 |倒序浏览
使用了:WACOM - 影拓
图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,
那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。
贫僧从东土大唐来,欲去西方取经。
1:大小
所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。
1.png
图片也需要穿衣服,因此外框的大小一般都是正方形的变形,端游在32-64像素之间,手游在90-200像素之间,尺寸决定了细节的呈现。
图标最终呈现都是在这里面,因此不能画的太大也不能太小。
2.jpg
2:构图
既然知道了大小,那我们现在来研究构图,
因为最近正好看了琅琊榜,那为什么他能那么的火爆,很多人对这部剧评价太高,因为他真的很美,很讲究,小金狮来和大家一起分享下影视美学上的构图,
a.对称法则
3.jpg
b.对角线构图
4.jpg
c.黄金分割线
5.jpg
d.三分法则
6.jpg
下面这个类似三分法则的网格线,又不是很准确的三分线,交点位置不是1:1:1,而是1:0.618:1.并且采用了多种三角视觉构图,让茫茫人海中依旧能找到景睿,和他的妹妹。
7.jpg
下面是黄金三角形切割
8.jpg
黄金螺旋线,也称斐波那契螺旋线,根据斐波那契数列画出来的螺旋曲线,自然界中存在许多斐波那契螺旋线的图案。
9.png

10.jpg 图标是什么东西,从字意上理解,图形+标志=一个小型的图片标志,
那看过西游记的人都知道,每次唐长老都要被路人问一句话:高僧,从那里来,要到哪里去。
贫僧从东土大唐来,欲去西方取经。
1:大小
所以我们画图标也是 ,要明白画多大,要放在哪里,这时物品就多出了一个名叫“物品框”的家伙,此人生性懒惰,肚子很大,四肢很细,喜好影分身。所以我们来欣赏下到底有多少好看或者奇葩的物品框吧。
11.jpg
框架式构图
12.jpg
看完构图装B 宝典分析后,大家是不是重新认识了设计和构图?
此类法则可运用在摄影,影视,工业设计,平面设计,自然也能用在ui设计,图标设计上。
好那我们重新擦亮下眼睛,来再一次欣赏下DOTA 2 的装备图标吧
好的图标,构图,创意,色彩,质感那都是极其讲究的。
13.png
构图喜好三等分,这在油画,工业设计,平面设计里都很常用,那一个好的图标如果能运用起来,自然也是极好的!
14.png
大圆小圆顺畅的走势
游客,如果您要查看本帖隐藏内容请回复



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

18.jpg

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2025-6-9 07:26 , Processed in 0.268902 second(s), 30 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部