【干货】对比——提高设计作品的实用法则
UI2D美术 39639 1
实名

通过了实名认证的内容创造者

发布于 2023-12-10 13:18:45

您需要 登录 才可以下载或查看,没有账号?注册

x
                                                                                                   

d01389730b3d2ab4fe5bc0f886bac5b0.jpg

复习门哥写的一些文章,想通过一些实际的案例来说明。
这边文章要解决的问题就是层次感和对比感。



引文:
不过,一款游戏内有数以千计的视觉元素,都放在一起要让它们不崩溃也挺难的,这就是为什么建立视觉层次至关重要的原因。


678bac72a940c5dde08c2b36e5ab0a7d.jpg


说白了视觉层次就是要让最重要的信息一目了然,美术师通过控制对比度制造焦点区域来制作视觉层次。

身为设计师,我们做的一切其实都可以归结到对比度头上,不管是营造视觉焦点区域也好,调整图片整体的画面感也罢。

比如,这5个小方块,如何制造出对比?


有几种方式,如
形状对比,色彩对比,饱和度对比,你还可以利用诸如尺寸,布局或者比例制造对比度。


其实所有的艺术形式,无论是声音,音乐编曲还是故事叙事之间都会以某种程度上运用到对比。

明白了吗?
小声逼逼:除了讲对比的这部分,其他都明白了。




案例1
Jack:文章提到了几个对比法则,我们来通过一些作品直观学习,降低我们学习游戏ui的时间和成本,快速提高能力。

1、形状对比
通过下面的一些作品我们可以发现,不同的对比可以增强游戏趣味性和设计感,而且让自己作品不单调,避免个地方都设计千篇一律。





反面案例:
游戏界面中装备框和背包格完全一样,太偷懒了,而且这样不便于玩家区分界面功能属性,元素雷同也没有设计含金量。

这就好比我们在家会穿居家拖鞋,出门会穿外出的鞋子,如果都一样穿,那要出问题。



案例2
2、色彩对比
通过色彩对比我们可以很快速让玩家发现需要交互的内容和按钮,缩短游戏交互时间,增加用户友好度和粘性度。



反面案例:
标头、关闭按钮、底板、进度条都一个颜色,玩家不便于清晰发现交互内容和信息,看着眼晕。



案例3
3、饱和度对比
在不增加游戏界面颜色的基础上,最大程度通过色彩饱和度来控制整体画面层次,突出对比,从而避免作品颜色很花哨,视觉不统一



反面案例:
颜色层级区分较弱,好刺眼,看多了玩家容易视觉疲劳。



案例4
4、布局对比
通过不同的排版方式来突出需要玩家注意的设计内容,我们玩游戏中最常见的选中态,页签,按钮等效果较为明显。



反面案例:
色彩区分很弱,增加玩家思考时间,需要再改进。




案例5
5、尺寸对比
通过不同的排版方式来突出需要玩家注意的设计内容,我们玩游戏中最常见的选中态,页签,按钮、活动界面、角色等效果较为明显。




反面案例:
这张作品其实也不错,如果用尺寸对比法则是否会更好一些呢?


最后:
在我们平时玩游戏中,做为一名设计师我会多看看同行的作品,并截图研究,其实游戏玩了这么多年感觉很多都大同小异,做为吃饭的技能(设计能力)我一定要好好提高,因为技能好坏关系到能否年薪过百万啊。

多看看其它设计师配色、层次对比、字体使用、构图、光影,往往会有意想不到的进步,最后剩下就是多练了,毕竟懂了和能做还是有不小的距离,希望大家也多练习交流!



好了,
文章就到这里了。
如果喜欢这类干货,我就多写。

如果有需要了解的内容欢迎留言。
喜欢,请点击好看分享哟~    谢谢:)







公众号每周免费素材更新,需要可以关注自取
提取码:0uht     
(复制链接粘贴)


更多教程和素材公众号菜单栏查阅
如需帮助,微信:jackartstudio
  爱分享的jack艺术工作室!



               

评分

参与人数 4元素币 +34 活跃度 +22 展开 理由
元素界王神... + 15 + 2 大佬NB
wstracy + 5 + 7 这是真的很强了
啊盛ZGS + 9 + 8 【喜欢】看到这么好的帖如同回到初恋的年代!
悠扬的G调... + 5 + 5 看起来不错

查看全部评分

本帖被以下画板推荐:

免费视频:www.bilibili.com/video/BV1D7411c7S4
使用道具 <
MJ漫步  发表于 2022-3-20 21:49:14  
2#
谢谢分享!!!!!!!!
回复 收起回复
使用道具
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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