游戏图标的概念

用户头像
广州/UI设计师/3年前/8033浏览
游戏图标的概念

游戏图标的分类与

图标是游戏UI中极其重要的一部分,其本质跟游戏UI一样,起到承载和传递信息的作用,因为将信息转变成可视化符号,所以比起文字信息,图标大大的提高了信息传递的效率,同时显得更为美观和充满趣味性。所以对比文字更加便捷,便于记忆,但也表达上不如文字直接

游戏图标的类型

现流行的图标风格不外乎两种,拟物化图标和扁平化图标,拟物化的图标源于现实的投射,通过模拟现实事物的特征,让玩家更容易理解其意思,而其中带有世界观的元素,能够更好的帮助玩家建立起代入感;而扁平化图标可以说是拟物图标的迭代,因为拟物图标已经让玩家形成了固有的印象和认知,比起拟物图标的繁杂, 扁平图标通过单纯的几何形态,简洁化的设计,能让操作更有效率,信息能够直观地凸显出来,在“传递信息”的本质上更有优势,虽然因此也缺乏了对沉浸感的表达。

所以现在比较流行的是两种图标样式一起使用的形式,即有拟物图标的沉浸感,也有扁平图标的简洁明了,而且由于两种图标之间存在繁简两种对比,能够更好的将界面间的信息主次的层次感表达出来

游戏图标的画风

游戏图标的画风基本取决于游戏整体的绘画风格,做到让游戏的风格趋向一致性,而图标在画风参考上趋向于角色原画,因为图标自身多以角色使用的道具设定为主,或或多或少与角色有直接关联。

1、厚涂:

是油画的一种技法,建立在素描五大基础上的绘画风格,特点是材质真实,对比明确,没有明显的颜色分界线,颜色变化过渡自然,光暗面分界线不明显,有柔和的阴影和反光

2、平涂:

平涂的技术来源于赛璐珞的一种技法,在线稿基础上直接平铺底色,加上阴影和高光等增添明暗关系对比,上色清新,通透,扁平,能够清晰的看到轮廓明显的线条感,在颜色过渡上有明显的分界线,而明暗面分界线也较为明显

3、半厚涂:

融合了厚涂的色彩融合方法,和平涂的上色步骤, 既有平涂的线稿,又有厚涂的质感

4、韩风:

源于韩国游戏的一种绘画风格特点,属于半厚涂的一种技法较写实,立体感较强, 材质刻画也更加厚重, 风格多以魔幻题材为主,角色设计较为高挑,追求真实比例, 设计精致唯美

5、Q版:

本质上沿用了厚涂/半厚涂/平涂的绘画风格,在美术造型上运用了相对夸张的手法,整体偏圆润,运用的颜色单纯且鲜艳,在结构和线条上也比较简单,让人产生一种低龄可爱的感觉


6、像素风:

早期的电脑和显示器能力有限,内存小,色彩单一,分辨率低,不能显示太多的信息,所以第一批游戏开发者只能用极其有限的像素点组成画面来节省机能,来保证流畅运行,而现在已然不存在机能限制,但像素风仍然有不少的影响力,清晰的线条轮廓,对比强烈的配色、像素化的构图,形成它独特的视觉传达形式,而去掉难以表现的细节、保留突出的特征的这些特点,在当下成为了设计简洁、重点突出,信息清晰,便于内容传播的代名词,所以不管在”传递信息”还是“风格吸睛”上都有不少的优势,而且他还有一个特殊吸引人的点,那就是复古情怀,毕竟小时候谁没有为小霸王游戏机和街机游戏疯狂过呢

7、扁平风:

扁平风、扁平化图标是近几年逐渐流行起来的一种设计以及绘画风格,运用简单的几何图形、线条、色块,去概括复杂事物的结构,阴影特征,纹理等,“平”的特征也是名字扁平风的由来,整个风格抽象而意义表达明确

游戏图标与世界观

图标的设定源于世界观,这里的世界观,暂时可以理解成游戏背景,也就是我们常常说的“风格”如中国风,欧美风、科幻风.....为了让大家系统的认识他们之间的区别,下篇文章将会详细讲解,把他作为单独的篇章,是因为整个游戏所有的元素都以他为参考围绕着进行设计,为了大家更好的理解,你可以把游戏看作一部电影,世界观就是故事背景,图标就是其中的道具,符合设定的道具才能加深玩家的代入感哦,否则则反之,因为违和而导致玩家出戏,这也是这几年观众通过“服道化”是否精良来判断影视剧的好坏,因为它们很大程度影响观众的观感,毕竟基于现实为参考的设计才更有说服力

上文主要讲述了图标的作用,不同类型图标的区别,不同绘画风格图标之间的特点,以及世界观对图标的影响,毕竟只有通过了解才能更好的学习如何画好图标呢,对上文不理解的欢迎讨论

作业布置:

①收集资料1:根据每个不同类型的画风,举例不少于3款游戏

②收集资料2:根据举例的游戏,将游戏图标截图、并根据他们的功能,整理成列表,方便以后参考


③思考和分析:分析图标的功能,并思考为何运用了这个元素来表达这个功能,有什么深意,如果是你还会运用什么元素进行表达,举例5-10个例子

全栈设计交流公众号

158
举报
|
381
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】银行卡icon
UI界面 组件
森系3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
手表表盘UI系列
新拟态风格 UI设计组件库
Security Camera UI kit
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
UI 登录界面设计模板包
【新年UI图标】相机icon
【新年UI图标】旅行icon
【新年UI图标】活动icon
UI应用平面图标
【新年UI图标】美妆icon
【新年UI图标】美食icon
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
【新年UI图标】体育icon
高级表盘系列UI源文件
【新年UI图标】礼物/活动icon
钱包ui模板
户外旅行飞机情侣假日出行
你可能喜欢
相关收藏夹
教程
教程
教程
教程
教程
4726
游戏
游戏
游戏
游戏
游戏
游戏
游戏
游戏
大家都在看
登录注册