主页 > 游戏技能辉远手游网

网页手绘黑白图标设计

191 2024-12-01 01:24

一、网页手绘黑白图标设计

网页手绘黑白图标设计在当今网页设计中扮演着重要的角色。随着用户界面设计的不断发展,图标作为用户与网站互动的重要元素之一,承担着传达信息、引导操作以及美化界面的功能。手绘黑白图标是一种简洁、清晰、别具特色的设计风格,越来越受到设计师和用户的喜爱。

网页手绘黑白图标设计的特点

网页手绘黑白图标设计与传统的图标设计相比,具有独特的魅力和特点。首先,手绘图标更具有温暖、人情味和艺术感,能为网页增添一份独特的韵味。其次,黑白色调的运用使图标更加简洁明了,符合现代简约设计的潮流。此外,手绘图标在表现形式上更为灵活多样,设计师可以根据具体的网站风格和需求进行创作,定制化程度高。

网页手绘黑白图标设计的优势

网页手绘黑白图标设计有着诸多优势,使其成为众多设计师青睐的选择。首先,手绘图标更具有个性与独特性,能够突出网页的特色和品牌形象,提升用户对网站的印象和认知度。其次,黑白图标的色调简洁纯粹,不受颜色干扰,更容易吸引用户的注意和理解。此外,手绘图标可以展现设计师的绘画技巧和创意,让网页设计更具艺术感和趣味性。

网页手绘黑白图标设计的应用场景

网页手绘黑白图标设计适用于各种类型的网页,特别是注重个性化、创意和艺术表现的网站。例如,艺术类、文化类、设计类、手工艺类等网站常常运用手绘黑白图标来彰显其不同凡响的特色。此外,在一些追求简约风格和优雅品味的网站中,手绘黑白图标也能够很好地融入整体设计风格,提升用户体验和视觉享受。

结语

网页手绘黑白图标设计是一门充满艺术与创意的设计领域,其独特的魅力和优势使其在网页设计中备受青睐。随着用户对于个性化、独特化设计需求的增加,手绘黑白图标必将在未来的网页设计中发挥越来越重要的作用,为用户带来更加精致和美好的网页体验。

二、游戏外包公司接的设计绘画游戏技能图标外包,一个技能图标一般多少钱?

可以,看图标难度,我们写实这种图标,草图确认后修改的话对方会加200

三、游戏图标的设计跟其它应用的图标设计有何不同?

写在作答之前

在看过各位答主的答案过后,感觉题主的提问和大家对于问题的理解有点歧义:即 游戏图标是指应用程序入口的图标?还是指游戏程序中的,作为图形控件存在的图标?

各个回答显然不妥,因为他们都属于图标设计的范畴。这里干脆我就二合一,根据自身这几年积累的经验来回答一下这个问题,希望答案能够帮助到答主和者所有对游戏设计感兴趣的同行们。


关于图标

在探讨游戏图标之前,首先我们要去大致了解一下什么是“图标”(icon)。

根据维基百科的定义,我们现在所谈论到的“图标”(icon),广义上一般是指计算机图形交互界面中的一种象形图(Pictogram)或者表意字(ideogram)。无论它是一种怎样的形态,其目的都是为了是帮助用户更好的更方便的熟悉和使用复杂的计算机系统。

计算机行业的不断发展,导致了人机交互行为也变得多态化。而图标作为图形用户界面的控件之一,其定义在现在看来,提供便利性的“目的”似乎已经不足以描述他了。从产品品牌效应、用户的体验感知、再到创作者想要传达的文化内涵,或者是其他更多的信息,已经让小小的图标变得越来越具有使命感。

严格来说,游戏(程序)是隶属于软件这个大分支的。不过因为其特殊的目的性,已经被大家广泛的认为是“第九艺术”,而非单纯的计算机软件。既然是软件,其图标的设计也就不应该和其他普通的软件对立开来看待。从产品的角度来说,一个完整的软件产品设计,不仅仅包含了应用程序入口图标的设计,更有非常多的图形交互界面图标(控件)设计。同时,它们的所被赋予的“使命”是不同的。它们既要遵循既定的设计规范(美学程度上的和开发环境规范上的),还要符合产品本身的价值所在。


进一步了解

让我们先看一下各位答主都注重的“应用程序图标”吧。

作为软件的门面和入口,应用程序图标自然要为软件品牌本身而承担更多的责任。所以在设计功能性上,它独立于软件本身(不需要从交互体验层面考虑,更多的是从品牌和内容上考虑),且要贴合受众(易识别,有特点)。

题外话:相信各位射击尸童鞋,在给应用程序图标进行设计的时候非常纠结和头疼。Boss和产品们要求可能会千变万化,不断的推翻重来足以让你再干几个难忘的通宵。化妆品的市场有多大多深,那么应用程序图标设计的坑也有多大多深

普通商业应用程序的图标设计,一般都会包含有强烈的商业品牌元素(包含品牌Logo,颜色,造型等等,甚至是多者的糅合),最简单粗暴的例子就是微信支付和支付宝。

作为国内两大移动支付应用,其特点鲜明的图标已经成为了一种能让人产生条件反射的设计,即使它变形成其他形状。以上图片来自 Iconfont-阿里巴巴矢量图标库

此外还有Instagram的相机,Facebook的“F”,Adobe Photoshop 那标志性的“Ps”等等,相信在座的各位可以举出更多的例子。

不管各位举出了多少例子,他们应该都有一个共同点:无论这些产品怎样更新换代,品牌的核心视觉元素都是不会轻易做出改变的。这是因为适当视觉上的刺激可以直接引起大脑联想:当一个品牌的核心视觉元素合理的出现在入口图标上的时候,大脑的直觉就会告诉你关于这个软件程序的一切。

从左至右分别为ins,facebook和ps的仿制图标,图片来源于easyicon.net

所以一款合格的应用程序图标设计,应该围绕品牌的标志性或者核心的视觉元素来进行设计。游戏的应用程序图标也亦如此。

不过在继续往下讨论之前,有一些细节要稍微提一下:

下面三幅图,分别展示了暗黑破坏神3 在各个游戏平台上的入口表现形式:

Switch版本的暗黑破坏神3 永恒之战版(最左上) ,其使用含有Diablo头颅的图片作为了游戏的入口。图片来源于网络
PlayStation版本的暗黑破坏神3 夺魂之镰正在下载中。您可以看到图片里有马萨伊尔和他的标志性的双镰。图片来源于网络
图片来自PC平台的Diablo 3应用程序图标 (暗黑破坏神3)二者的颜色区别,可以让所有暗黑3玩家迅速联想到 Diablo的赤色地狱怒火 以及马萨伊尔的冰冷灵魂之蓝

从上面的对比图可以看出来,不同平台对于游戏应用程序的入口设计标准要求不一,一般主机平台(PlayStation,Nintendo Switch,Xbox等等),出于美观的需求,往往会使用符合设计标准的游戏的发行封面图片作为入口。而部分掌机、PC、iOS等设备,则会要求开发者必须使用符合操作平台标准的图标来作为程序入口。 游戏入口的设计标准随平台变动而变动,可以是封面图片,也可以是图标。而图片(image)和图标(icon)的本质区别,除了程序层面属性的不同外,个人认为在于前者是一种具象的表现,后者是抽象的表达。设计行外人,通常会把图片和图标混为一谈,这里务必请大家区分开来。后文着重讨论的内容,都将以“图标”作为重点

游戏应用程序图标的核心的设计视觉元素,相对于普通应用程序来说,是大同的。小异之处在于游戏本身的品牌表达会更为开放,因为游戏程序本身注重感性表达诉说感受,而普通应用程序则理性一些,其更注重功能服务体验价值。

题外话:从某种程度上来说,抛开能力差异,游戏界面设计师的设计压力应该会远远小于商业软件界面设计师,因为游戏界面设计起来,更感性,更随意一些...

下面是我挑选的一些应用程序的图标范例,截选自俺的iPhone ,OS:iOS12:

这里就不单独介绍每个程序了,基本上大家都知道,不知道的自行搜索

除了我列举到的,基本常用的应用程序图标,基本都取自于品牌Logo或者是Logo的变种,用色更是脱不开各个品牌经典的规范色。iOS一些原生APP(例如Facetime ,消息,联系人等等)不在本次讨论范畴内,因为他们实际上是属于“软件内部”的图标。总的来说就是十分严肃。

下面是一些游戏应用程序图标的例子,截取自俺的电脑,OS:Win10,size:256*256 px

从上至下,从左至右分别为:

  • 巫师1 (The Witcher),游戏图标选用了猎魔人狼派的标志性纹章作为图标的主体
  • 上古卷轴5 天际 (The Elder Scrolls V - Skyrim),图标中的logo是帝国(游戏中极为重要的势力)的象征
  • 守望先锋(OverWatch),图标中采用了守望先锋组织(游戏中设定的一个特工组织)的Logo
  • 旁观者(Beholder),游戏图标中,那个回头邪魅一笑的人,是主人公卡尔的形象
  • 地狱厨房(Overcooked),图标中大鼻子小眼睛的胖子形象,源于游戏中的玩家默认厨师形象
  • 人类:一败涂地(Humn:Fall Flat),图标选用了 Level1 的庄园场景,其典型的软绵绵小人雕塑是此游戏最大的亮点
  • 英雄萨姆3(Serious Sam 3),玩过游戏的都知道,图标中是Sam的标志性武器之一:末日炸弹,同时也是Sam 的专属Logo
  • 我的世界(Minecraft),图标采用了游戏中最为常见的土块作为背景
  • 安琪拉之歌(Aquaria),图标的中的形象是游戏主角Naija妹子的侧脸头像

大家对比之前的应用程序图标也会发现,游戏图标的用色,形状可以说是五花八门。但是这并不会影响到玩家对于游戏内容的感受。相反,玩过相应游戏玩家反而能够轻易的指出图标的元素出自哪里。整体感觉轻松活泼

什么?你要对比iOS的游戏图标么?没问题:

这里也在不逐一介绍各个游戏了,以免有广告之嫌

总之,游戏应用程序入口图标选择表达方式的来源也是多样化的,灵活的它既可以是源于品牌Logo本身,也可以取自游戏的实际内容。

此外,在迭代更新方面,游戏应用程序图标相较与普通应用程序图标来说,其形式上也会更加随意一些

Instagram的程序图标变迁(2012~2016),体现了界面设计界由拟物化到扁平化风格变化的趋势,但是不管怎么变化,相机的元素不可少。图片来源于极客公园 geekpark.net

商业化的应用程序图标设计,在设计时必须走在行业前沿。除了应付符合平台最新的设计规范外,与时俱新的设计风格变化,会让用户感知到产品是在不断成长和成熟的。最明显的例子当属iOS6及之前版本 到 iOS7 和之后的过渡:拟物风格(2007~2012)向扁平风格(2013 至今)发展,几乎也在一瞬间,各大厂商也纷纷做出了属于“时代变迁”的设计风格调整。而反观游戏的应用程序图标设计,除了低位到高位的变化外(模糊到清晰),鲜有被设计潮流风格主导的情况发生。

左边展示了过山车大亨(RollerCoaster Tycoon 1999 ~ 2005)历代的图标变化,右边,则展示了狙击精英(Sniper Elite 1998 ~ 2017)系列的历代图标变化
这两个图标放在一起,玩家用脚后跟都能知道这是啥游戏(Fallout 1997 / Fallout 4 2015)无论是核战还是哔哔小子,都是辐射系列题材的经典体现
相对保守的,无主之地三部曲(Borderlands 2009 / Borderlands2 2012 / Borderlands: The Pre-Sequel 2014)则统一采用了贯穿所有故事线的 The Vault (外星宝藏)的Logo作为游戏图标核心元素

这也就是我前面所说的游戏本身的品牌的开放性:不同版本之间图标设计可以是连续的,也可以是破碎的。

相反的,如果在应用程序图标设计的时候不能围绕这个核心思想来进行设计,那么给游戏品牌带来的影响也会是非常大的。

安卓端 传奇类游戏的 应用程序图标搜索结果(部分截图) 来源于某安卓市场

经典网游《传奇》,作为一款在老一代网民心中“不可磨灭”的网吧必玩神作,至今已经成为了各大国内游戏开发商的必打的“情怀牌”,许多厂商纷纷推出了各自各具特色的类传奇游戏。图标的内容没有一个不体现传奇经典元素:屠龙刀、麻痹戒指、PC端经典的“龍”字icon造型等等。可笑的是,这些元素确实是来自游戏本体么?这些内容上的同质化的游戏,大多没有能够真正体现“自己版本”所独特的游戏元素。(能指望这些打着情怀牌圈钱的换皮游戏有什么精彩突出的内容呢?)面对海量的同质化内容的竞争对手,各大开发者无奈的只能在游戏应用图标上再打上自家的运营平台Logo来强调区别。

题外话:低质量的应用程序图标是各个界面设计师难以忍受的:模糊的的像素边缘、失真的抠图以及蹩脚的合成、诡异的图标配色.....看到就想呕吐。大众审美水平提升任重道远....请各位老板和产品/策划们,放下你们卑微的审美和不着边际的拍脑瓜想法,让专业的设计师来完成图标设计....也请各位伪设计师(懂PS,懂拖素材合成的美工)不断提升自己的审美和美术素养,让自己变得更有价值...

游戏图标来源于某安卓市场,图标内容与文章无关,仅供观赏

环视现今国内外的一些游戏市场,大量同质化低质量的游戏充斥其中。这些游戏大多自身是缺乏灵魂的,也就是所谓的没有一个核心元素能够支撑一个游戏内容皮囊,却又想要在寸土寸金的屏幕中博得用户的眼球,只能靠无所谓的不明真相的帅哥,爆乳颜美的美女(可能或者根本不会在游戏中出现的元素),甚至是“借用”知名游戏的经典元素,来作为“核心内容了”。玩家也许会被误导诱惑下载进入游戏,从而来给这些游戏“增量”。从大众非硬核玩家角度来说(这也是玩家群体中比例占有最大的一部分),Who TM Care,玩的爽就行。

这里套用下面 游研社的回答再好不过了:

可能多是策略类型的游戏,COC火起来了,其他厂商跟风,表面上大家觉得似乎侧脸怒吼是潮流,实际上,COC那个经典的黄头发大胡子蛮兵的形象是每个COC玩家牢记在心的:玩家先通过游戏知悉了这个经典常用兵种,退出游戏后玩家看到图标,这一个形象立马就会反馈回玩家脑子中,知觉会告诉玩家这是什么角色,再配合厂商的洗脑广告宣传(连接至B站,多P,广告中无时不刻出现黄胡子蛮兵的形象),一提到黄胡子蛮兵,玩家便会容易联想到COC游戏本身。但是其他游戏图标内容能100%确定都和游戏内容实际内容有关么?COC做到的完美闭合反馈环,也许到了其他游戏中,就只能成为一个断掉的点。反馈环无法闭合,也就是大家所说的“没抄到点子上”。

从游戏从业者的角度来说,不良的应用程序图标设计,就像像长在身上的良性肿瘤,不痛不痒,也许只有碰到了才会感觉不舒服或者难受、也许有一天肿瘤会恶变,成为是游戏品牌发展中的慢性杀手,终有一天会成为品牌形象崩塌,压死骆驼的最后一根稻草。

综上

  • 游戏和普通应用程序的入口图标设计,都是和产品品牌内容本身相辅相成互不分离的(闭合反馈环)....内容的体验会反馈至图标,图标的视觉内容进一步加强了用户/玩家对于产品/游戏的认知和记忆。
  • 无论游戏还是普通应用程序,其自身充盈的内容都会是图标良好设计的必要条件。
  • 普通商业应用程序的图标风格往往是整个商业设计领域、视觉设计潮流的风向标;而游戏应用程序的图标设计则更注重于自身的情感诉求表达或者感受,基本不会受到外界的影响。
  • 游戏沾上了“艺术”二字后,少了一些严肃性,多一些活泼性。图标设计亦如此。
  • 同质化的产品或游戏,想要在应用程序图标设计上做功夫,不如先在内容上做功夫。一切以点击率/曝光率为主要目标的应用图标设计,都是剥离了产品本身的流氓设计,背后必定是一个虚无膨胀的游戏/产品泡沫。真正充实的游戏/好用的产品,无需纠结拿任何游戏核心元素/品牌视觉元素来作为图标设计主体,它的每一根毛发,从内到外都散发着产品自己的思想和感情,都能深深抓住玩家/用户的内心。正所谓酒香不怕巷子深也....

-------------------更新分割线-----------------------

经过若干天的准备,终于开始继续补全上次的回答

------------------更新分割线-----------------------

深入应用程序内部

下面,我们把目光投在大部分答主都忽略的,图形界面控件层面的“图标”之上。

图标作为图形界面Graphical User Interface)的重要组成部分。其自身的意义和价值,以及综合设计难度,都大于前文所讲的“应用程序入口图标”。每当用户打开游戏/普通应用程序,图标就开始潜移默化的影响着每一个看到它的人。 上文我们提到过,应用程序入口图标的设计模式与游戏与普通应用程序相比是“大同小异”的。相对来说的话,图形界面的图标设计模式则可称得上是“小同大异”了。

小同

因为二者同属于软件大家庭,所以用“小同”来形容在合适不过,我认为从设计层面来看,小同”可以浓缩概括为两个要点:

  • 一致性
  • 易识别性

一致性,是指相同功能类型的图标都要遵循既定的设计规则。这个规则包含但不限于造型风格用色布局大小以及类型划分。通常我们都会称某应用程序内的系列图标为“一套图标”,这里的“一套”,即是一致性的体现。

题外话:通常来说,一致性的规则如何订制,都是由产品诞生前(或者版本迭代前)最初的定位规划主导的,也就是说,不管是游戏还是普通程序,只要风格定夺好,在版本计划内一般是不会出现一致性规则变动的。(推翻重来不算,那叫重新立项好么?那位设计师你坐下,我知道你连续加班很辛苦,但这也是为了我们公司着想嘛....哎哟,打人啦.....!)

Tumblr 的iOS端应用截图,位于信息卡片上的图标(绿色框内,线性图标)和底部导航栏中的图标(黄色框内,形状图标)尽管二者的大小,风格上都不相同,但是各自功能体系内,却是一致的
塞尔达传说- 荒野之息(The Legend of Zelda - Breath of the Wild)的背包界面的截图,图中的道具导航栏图标(黄框)和道具栏的道具图标(绿框)互相风格差异悬殊,但是各自风格却一致
魔兽世界(World of WarCraft)宏编辑器图标选择页面的截图合集。玩过魔兽的童鞋应该能做到看图标识技能/道具了,看似复杂的游戏图标其实规则定义十分的明确严谨,譬如奥术紫,邪能绿,冰霜蓝等等,而且图标用色幅度适中:即使图标排列凌乱,整体看上去用色范围不会跳跃太多
关于一致性最极端的例子,莫过于老罗之前在Smartisan OS上疯狂的为第三方app重绘图标的事件了...为了追求操作系统内的图标的一致性,老罗“发挥”了极值的工匠精神,将一大批第三方APP应用入口图标重制,与自身系统的图标进行强制风格匹配。图片来源于bbs.smartisan.com

在一致性的基础上,图标还需要达成易识别性。易识别性则是指图标要尽量抽象概括出所要担任的功能职责,最好能让用户做到“看到即联想联想即预期”。如果图标的功能职责比较复杂或者相似,那么则可能还需要形状,颜色,文字、动画等等因素配合,甚至是牺牲部分一致性,来最尽可能的提升认知容错率/降低认知成本

图片截选自《无尽空间2》(Endless Space 2)。作为4X游戏的代表作,功能复杂是其一大特点,如何给复杂游戏名词找一个恰当的图标是一大难点。

题外话:两个要点七个字虽然简单,但是完全展开讲的话,恐怕可以专门出一本书,某种程度上,它可以说是检验界面设计师设计素养是否过硬的重要标准:若果一个界面设计师童鞋前来面试,成套的图标类作品比较多,且两个要素把握的很好,那么一般素质过硬没得跑。

恐怖游戏《层层恐惧》(Layers of Fear)的游戏界面截图。从左到右,分别展示了可打开物件/正在打开物件/物件可调查三种状态的图标变化。中间没有任何文字说明和动画,玩家仅仅靠图标造型变化,就很容易的意识到自己正在执行什么操作,从而让注意力更多的集中在游戏氛围中。

题外话:一味的使用抽象概括的图标,拒绝变通,有些时候反而会弄巧成拙;该加示例就加示例,该写说明就写说明,没有人会因为笨拙的图标而嘲笑设计,只会因为繁琐复杂的产品而放弃使用。

Photoshop的裁切系列工具(虚线左侧)属于复杂功能,其图标的表达也会略显复杂,这就需要文字的提示。如果将文字提示去掉(虚线右侧),相对于画笔工具来说,新用户便会觉得更难以理解。

在我第一次玩 《无人深空》(No Man's Sky)的时候,游戏画面突然就卡在了 “初始化”的界面上,我尝试按了键盘大部分按键以及点击鼠标都无反应(要知道这可是104分之1的概率 .... 笑),无奈之下只能Alt+F4强退。在随后着手解决问题的过程中,我发现了一些有趣的Steam评论,截图如下:

为了能让大家更直观的感受一下这个神奇的初始化,我特意重新开了个存档并且录制了一段初始化视频,渣画质请大家原谅....

无人深空糟糕的初始化设计https://www.zhihu.com/video/1073760171184128000

原来那个一闪一闪的图标 是要告诉大家按“E”啊。可能游戏设计者是想增强游戏中辅助AI角色程序初始化的氛围,但是却忘记了设计初衷——方便玩家更快的上手游戏。与其这么做作的表达,不如直接加一行小字(按E初始化系统)更直截了当。

此外还有一个小趣闻分享一下:国产端游《寻仙》刚开放内测那会儿(大概是08年左右),我和朋友一起肝过一段时间。游戏中有一个摆摊系统,玩家可以将自己未绑定的道具通过放进摊位来出售。在游戏中,有一种叫做“养生晶”的重要道具,是冲阵营声望必交的材料,供不应求,价格昂贵。而另外一种道具是“珍珠”,则是怪物掉落的垃圾品质卖钱道具。不知道是不是官方的疏忽,两个道具采用的图标居然一模一样,加上游戏一些交互设计上的缺陷,这就给某些奸商钻了空子——奸商们在一排道具栏中,放入养生晶,然后插入几颗珍珠,手快的粗心玩家扫货时一不小心,就会倒霉的通过高价买走这些垃圾...后来官方的修复方法让我大跌眼镜,不是更换图标优化交互,而是修改了游戏规则——给每个可出售道具设定一个价格阈值:垃圾品质的道具永远定不出过分的高价...

总而言之,无论是游戏还是普通应用程序,轻视了上述两点的图标设计都谈不上好的设计,轻则会让用户/玩家感到不快,重则提升用户/玩家的认知成本、误导用户/玩家,甚至导致用户/玩家的流失。

这里单独要一点指出:上述两个特性严格来说应该放在用户体验的大范畴内,拌着交互设计来讲最合适不过在,因为游戏/普通应用软件的开发过程中,图标的设计很大程度上会受到它们的影响,但是这里篇幅有限,就不再多做陈述。感兴趣的同学可以通过各大产品设计论坛网站找到自己想要的干货。

大异

When people play games, they have an experience. It is this experience that the designer cares about. Without the experience, the game is worthless.当人们开始玩游戏时,就会产生体验。游戏设计师所关注的就是这种体验。抛开这种体验不谈,游戏将变得毫无价值。

——The Art of Game Design, By Jesse Schell

上面一句话摘自《游戏设计艺术》。这是个人比较认同的游戏设计理念之一。玩家玩游戏,目的就是为了获得各种不同的“体验”:它们可以是紧张的合作、对抗博弈(Moba类游戏)、可以是幻想世界的沉浸式感受(各类RPG游戏),可以是纯粹的自我放松与发泄(各种休闲小游戏),也可以是各种现实生活难以体验的快感等等。(当然还有跟多关于游戏的定义,但是我这里着重强调的是“体验”)

游戏可以抽象看做是一种体验过程量化的产物,游戏产生体验,但又不是体验本身。游戏设计的一切目的,包括图标设计,都会围绕这种独特的“体验”来进行。就单论艺术性而言,游戏与普通应用程序可能确实谈不上“大异”。而体验上的差异化,我认为是导致“大异”的主因。所以游戏图标的设计,需要考虑的东西可比应用程序图标设计来的更多更杂,甚至不同类型的游戏,图标的设计差异也会非常巨大。

下面列举的,是我认为普通应用程序图标设计时会较少考虑的要点。这里使用“较少”二字,是因为他们在普通应用程序图标设计领域,是作为食物增味剂的存在——可以没有,有的话更有味道,放多了就会破坏本味。但是在游戏图标设计领域却如顿顿不能少的餐桌主食。

  • 氛围渲染
  • 行为激发

这两点并不是互相独立的,在实际的设计过程中(无论二者是谁),二者可能多少会存在互相影响的情况。

在接下来的讨论中,都有一个大的前提,那就是不能脱离应用/游戏所带来的实际体验本身单独谈论图标。一个图标带来体验作用,是整个体验环的一节,所有单独取出的谈论,都是不合理的。


『氛围渲染』

对于普通应用程序来说,氛围渲染的目的都很单纯:增加软件活力、提升软件应用亲和度,一定程度上还可以看成是针对细分用户的服务体验优化。它们渲染的程度一般较低,比较常见的例子便是“换肤”。(虽然有些偏题,但是作为图标作为图形界面的组件之一,不得不提)这里所指的“换肤”,不是说改变界面配色了事(这里是指软件为了适配工作环境的而改变界面的行为,比如Photoshop黑白灰多种工作界面颜色的选择等等),而是指带有明显感情表交流目的的界面重制。

应用程序的换肤,是为了能让用户感受到了产品的活力,增加些许亲和度,在一定程度上,也可以说是针对细分用户的典型操作。
界面改变,图标也必须要随着做出相应改变。春节临近,手机淘宝的底部导航栏图标也变得更有“年味”
截图自iOS 腾讯QQ的换肤界面。

产生某种体验不是普通应用的主要目的,所以其图标也不会尝试通过情感渲染去“改善”“某种体验”:用户也很难会从一套换肤的操作中获得独特的“体验”,毕竟受制于软件应用自身的功能范畴。比如上图, 即使手机QQ推出了王者荣耀的皮肤,换上了精美的游戏图标,也改变不了它是社交软件的事实,它所带来的“体验”,或者是用户选择它的理由,只能说是背后游戏所带来的“体验”的一种情感转移,而非真的来自皮肤(图标)本身,毕竟你不可能对着皮肤(图标)平白无故的感受到Moba游戏的快感(或者是面对猪队友的愤怒)。

而游戏图标的功能职责则不一样,他们通常都会潜移默化的进行氛围渲染,来改变玩家的“某种体验”。这种渲染的目的可以是增强,可以是削弱。具体要看游戏的类型以及游戏设计者期望的“体验”。

我认为下面三点,是能否成功“渲染”情感到玩家心里的重点:

  • 美术风格的选择
  • 附加效果的强弱
  • 设计规则开放程度
截图自游戏《符石守护者》(Runestone Keeper)它是一款魔幻风格的Rogue Like 游戏,玩法有点类似“扫雷”它的游戏界面(图标)整体颜色偏向低明度(黑暗,紧张),容易带来情绪的压迫感。图标的造型充满魔法元素,种种因素联系在一起,契合了游戏自身的风格。
截图自《星露谷物语》(Stardew Valley)
截图自《星露谷物语》(Stardew Valley)的收集展示界面,星露谷物语作为一款休闲养成类游戏,用色自然不可能偏暗偏灰,高纯度和明度的游戏界面(图标)会让人感受到愉悦与活泼
截图自《奥日与黑暗森林》(Ori And The Blind Forest)。玩过游戏的玩家应该都有印象,在Ori的技能树中,凡是被激活的技能图标都会燃起“灵魂之光”,这比单纯的改变一下图标颜色状态要更有视觉冲击力和“生命的活力”
截图自《保利桥》Poly Bridge。

《保利桥》这款游戏整体风格清新休闲,所以用色纯度整体稍低,3D模型采用的是简洁的低分面风格,游戏的图标也没有美术造型上“过分”的渲染,更没有冒火冒光的强烈特效,清新和谐。毕竟整个游戏的重心在于研究、试验桥梁的建造体验。玩家的注意力应当时刻处于画面中部的桥梁建造界面,任何多余的图标视觉效果都容易抢走这种珍贵的注意力。

桥梁建造>建造道具=桥梁信息>建造功能>系统功能>其他

按照上面玩家投入注意力的大到小比重排列来看,大家可以清晰的感受到界面(图标)上的图标风格层次变化。

截图自《保利桥》Poly Bridge的桥梁建造界面
截图自《挺进地牢》(Enter the Gungeon)

《挺进地牢》是一款Rogue Like风格的弹幕射击游戏,游戏讲述了帝国士兵、猎人、罪犯、飞行员、电脑人以及子弹仔六个性格能力迥异的角色, 想要寻找神秘地牢中一把能“杀死过去”的枪的,改变自己失败过去的故事。游戏的核心内容是各式各样的效果差异巨大的枪支和能提供丰富效果加成的神奇道具。它的图标道具设计的亮点在于一改平时游戏中道具图标中规中矩的布局:各种枪支道具有大有小,有高有低,甚至排列顺序也没有太多讲究,当你拿到很多枪支时,你的界面展示是这样的:

截图自《挺进地牢》(Enter the Gungeon)的枪支背包界面

这种打破设计规则的细节设计,一定程度上可以使玩家体会到一种“枪支多样,火力丰富,趣味性高,收集感强”的感受,倘若所有的枪支都要框死在一个固定大小的道具格子中,这种“体验”会被大大的削弱。

对于不是强调画面光影,镜头效果等强视觉空间元素的游戏,像素风格是不错的选择,它不仅可以节省大量的屏幕上的空间资源,还可以提供一种“诙谐”“趣味性浓厚”的感觉。而写实的美术风格,往往会有真实、严肃的、贴近生活的、代入感强烈的效果。如果期望游戏能产生类似的体验,选择写实风没有错。

题外话:就拿塞尔达传说-荒野之息为例子,如果玩家烹饪出来的食物,是“扁平化的”,那么此时此刻玩家心里的感受会如何呢?

图片仅供参考

实际在游戏开发过程中,各式各样的风格混搭,会产生不同的体验效果,就好像调制鸡尾酒一样。游戏的策划以及美术正是利用这一点,根据实际的“体验”传达需求,来将不同的美术风格效果组合。这也就是为什么“游戏界面(图标)眼花缭乱,风格各异”的原因之一。

『行为激发』

一般来说,图标行为激发可能不是独立个体的行为,有些时候他们会伴随界面的一些对应变化才能产生。

对于普通应用程序的图标设计,设计师童鞋经常会听到这样的话“要大要鲜艳”“要突出要响亮”云云。

已经停止运营的社交应用 Path 主界面。图中演示的是用户点击添加分享内容按钮时所展现的内容,我们可以很明显的看到底部导航栏,那个突出的红色“+”图标,与周围普通的导航图标有明显的风格区别。
截图自迅雷X的主界面,大家可以明显感受到各个图标他们状态的区别,这些状态的变化会激用户做出相应的行为

图标状态的变化,可以说是最简单的一种行为激发模式:可以点的、当前选中的、需要吸引眼球的重点功能的图标视觉突出,其他不符合当前功能逻辑的、次要的则视觉弱化。

普通应用程序图标的这种设计,背后的目的仅在于于(产品们)想要激发用户的某种行为,来引导用户,或者迫使用户学习,从而更好的让用户熟悉和了解当前应用产品的功能与服务

游戏图标的行为激发出发点则有点复杂,不同的游戏所期望激发的玩家行为也不同。

图片来自游戏《看火人》(Firewatch)

《看火人》是一款典型的探索叙事风格游戏,游戏故事围绕着一个新上的任火警瞭望员,与一个人火警瞭望员主管Delilah两人展开,主角手中的对讲机是故事推进的重要道具。整个游戏的重点在于人物对话以及场景互动。所以游戏的界面(图标)可以说是做到了“极简”。当互动事件发生的时候,游戏图标会在显眼的位置出现(画面中心)。进而告诉玩家下一步会发生什么,或者让玩家思考“我该如何做”。

截图自《深海迷航》(subnautica)游戏界面。图片中黄色框体的图标,是玩家收到了无线电信号后才会出现的图标。

《深海迷航》是第一人称一款沙盒探索冒险建造游戏,主角在一场宇宙飞船坠毁事故中幸存下来,故事围绕着环境探索,事故原因调查展开,进而一步步引导玩家解开所在外星球不为人知的秘密。推动整个游戏故事线的重要信息来源,便是游戏中的无线电。每当玩家达成一定的游戏探索进程后,无线电图标就会明显的展示在界面的右侧,来告诉玩家“您有新的无线电消息”。这也是整个游戏能推动玩家前往未知区域探索的动机重要起因。

相对于普通应用程序来说,这种行为的激发更多目的是让玩家去产生或者获得“体验”,从而推动游戏流的前进,或者是用于改变玩家的行为目的等。

综上

  • 无论是游戏图标还是普通应用程序图标,一致性易识别性都是不能忽视的重点
  • 普通应用程序的图标设计,是以用户为核心功能服务服务体验为主体的设计
  • 游戏图标的设计,是以游戏设计的期望“体验”的过程为核心玩家的实际“体验”为主体的设计

写在最后

实际上,这个问题在回答的时候我仍感到有一些“心有余而力不足”。因为图标这种东西,从图形界面中单独拖出来讲真的很难。所以部分的回答,如果在题目改为“游戏界面的设计与普通应用界面设计有何不同”,会轻松很多。此外,在些码字的过程中,一些积攒的关于游戏设计上的吐槽也被压下来了,一个是因为偏题,再一个是内容太多。等有机会我都会整理并且分享给大家。

最后,感谢谷歌为我提供快速高效的信息获取方式(某度去死)。

感谢一下平时的自己,要不是偷偷攒的私房钱送给G胖,姨夫以及太郎,哪有那么多的游戏可玩(此时我的背后传来了愤怒的声音)...

四、游戏设计ui图标

在当今数字时代,游戏设计界的UI图标扮演着至关重要的角色。随着移动游戏和应用的飞速发展,用户界面设计不仅仅是为了美观,更是为了提供优秀的用户体验。UI图标作为用户界面中的重要组成部分,承担着传达信息、引导操作和增强视觉吸引力等多重功能。

游戏设计中的UI图标

在游戏设计中,UI图标是连接玩家与游戏世界的桥梁。一个好的UI图标可以让玩家更快速地理解游戏规则、操作方法,同时也能提升游戏的整体美感。UI图标的设计不仅仅是简单的绘制,更需要考虑用户习惯、情感反馈和视觉传达。

UI图标的设计原则

在进行UI图标设计时,需要遵循一些关键的设计原则,以确保最终的作品能够达到预期的效果。首先,UI图标应当具有明确的表达意义,玩家一眼就能够理解其含义。其次,UI图标需要符合整体视觉风格,与游戏的画面风格相统一。此外,UI图标的色彩应当简洁明了,不宜过于花哨,避免造成视觉混乱。

UI图标设计的技巧

在实际的UI图标设计过程中,设计师可以采用一些技巧来提升设计的质量。首先,可以尝试使用简单易懂的符号和图案,避免过分复杂的设计。其次,可以通过调整图标的比例和间距来优化整体布局,使得UI图标在用户界面中更加协调统一。另外,考虑到不同设备和屏幕尺寸的兼容性也是UI图标设计中需要重点考虑的因素。

UI图标设计的趋势

随着科技的不断发展,UI图标设计也在不断变化和演进。未来,我们可以预见一些趋势将会影响UI图标设计的方向。首先,随着虚拟现实(VR)和增强现实(AR)等新技术的普及,UI图标设计可能会更加注重在这些平台上的应用和表现。其次,随着人工智能(AI)的不断发展,UI图标设计可能会更加智能化,根据用户喜好和习惯做出个性化设计。

结语

总的来说,UI图标设计在游戏设计中起着至关重要的作用。通过遵循设计原则、运用设计技巧以及把握设计趋势,设计师可以创作出符合用户需求和时代潮流的优秀UI图标作品。UI图标不仅仅是一种视觉元素,更是游戏与玩家之间交流和沟通的桥梁,为游戏体验增添乐趣和便利。

五、ui设计游戏图标

UI设计游戏图标的重要性与技巧

在当今数字化时代,随着游戏行业的蓬勃发展,各种类型的游戏层出不穷,UI设计在游戏中的重要性愈发凸显。游戏图标作为用户与游戏之间的桥梁,起着引导、识别和吸引用户注意力的关键作用。本文将重点探讨UI设计中游戏图标的重要性以及一些实用的设计技巧。

UI设计游戏图标的重要性

游戏图标是游戏的第一视觉印象,是玩家与游戏产生连接的第一步。一个精心设计的游戏图标不仅可以吸引用户的注意力,还可以传达游戏的风格、主题以及品质。良好的游戏图标设计可以提升用户体验,增加游戏的吸引力和竞争力。

通过精心设计的游戏图标,可以帮助用户快速识别游戏内容,提高用户体验和游戏的易用性。一个直观、简洁、具有辨识度的游戏图标可以让用户在海量游戏中迅速找到并选择自己感兴趣的游戏,从而提高游戏的曝光率和下载量。

UI设计游戏图标的技巧

  • 1. **突出游戏特色**:游戏图标应该突出体现游戏的特色和核心玩法,让用户一眼就能够理解游戏的内容和风格。
  • 2. **简洁明了**:游戏图标设计要尽量保持简洁,避免图标过于复杂或繁琐,以确保在各种尺寸下都能清晰展现。
  • 3. **色彩搭配**:选择合适的色彩搭配可以增强游戏图标的辨识度和吸引力,同时要注意色彩对用户情绪的影响。
  • 4. **符号和图形**:游戏图标中的符号和图形应该简洁明了,与游戏内容相关联,同时避免使用过多细节。
  • 5. **与UI风格一致**:游戏图标的设计风格应和游戏UI整体风格保持一致,形成统一的视觉风格。
  • 6. **多尺寸适配**:考虑到不同设备上游戏图标显示的尺寸和比例,设计时要做好多尺寸适配工作。

综上所述,UI设计中游戏图标的重要性不言而喻。通过精心设计的游戏图标可以提升游戏品牌形象,吸引用户关注,提高用户体验,从而增加游戏的用户量和用户粘性。同时,合理运用各种设计技巧,打造出简洁明了、具有辨识度的游戏图标,将为游戏的推广和传播带来更多机会和成功。

六、如何选择适合自己的技能图标?技能图标的设计与运用

什么是技能图标?

技能图标是用来代表特定技能、能力或知识的图像或符号,在现代社会中被广泛运用于简历、个人网站、社交媒体等各类个人形象展示的场合。它们可以帮助他人快速了解你的专长和优势,因此选择合适的技能图标至关重要。

如何选择合适的技能图标?

在选择技能图标时,首先要考虑的是它们是否能清晰明了地传达你的技能和专长。图标的设计应简洁、明确,避免过于复杂的图案和细节。其次,要考虑图标的整体风格是否与你个人形象或所应用的场合相协调。一致的风格能够提升整体的专业感和美感。

技能图标的设计原则

在设计技能图标时,建议遵循以下原则:

  • 简洁明了: 避免过多细节,突出核心信息。
  • 风格一致: 保持图标风格的一致性,使其在视觉上形成统一的整体。
  • 符合个人形象: 考虑个人喜好、行业习惯等因素,选择符合个人形象的图标。
  • 易识别: 图标的意义要能被快速理解,不易产生歧义。

技能图标的运用

选定合适的技能图标后,要合理运用于相关场景。比如在简历中,可以将技能图标与文字结合,清晰展示个人技能和水平;在个人网站或博客中,可以通过技能图标制作专属的技能展示页面,为访问者提供直观的了解。

总之,技能图标作为展示个人技能的重要元素,选择合适的图标并恰当运用,能够提升个人形象的专业感和吸引力。希望本文能为您在选择和运用技能图标时提供一些帮助。

七、英雄联盟游戏中技能图标的设计与应用

英雄联盟是当下最受欢迎的多人在线战斗竞技游戏之一。在这个充满刺激和竞争的游戏世界中,每个英雄的技能图标都扮演着重要的角色。它们不仅需要呈现出英雄的独特风格,还要让玩家能够快速识别和掌握各种技能。优秀的技能图标设计不仅增加了游戏的视觉吸引力,也提升了玩家的整体体验。

技能图标设计的重要性

英雄联盟这样的团队竞技游戏中,技能图标设计的好坏直接影响到玩家对游戏的理解和操作。一个设计精良、易于辨识的技能图标,不仅可以帮助玩家快速掌握每个英雄的技能特点,还能增强游戏的整体美感,提升玩家的游戏体验。

图标设计的基本原则

优秀的技能图标设计需要遵循以下基本原则:

  • 简洁明了:图标应该简单直白,避免过于复杂的造型和细节,让玩家能够快速识别和理解。
  • 突出主题:图标应该清晰地体现出该技能的主要特点和功能,让玩家一目了然。
  • 视觉协调:图标应该与英雄的整体形象和风格相协调,形成一种视觉统一感。
  • 易于区分:不同技能的图标应该相互区分度高,避免造成视觉混淆。

英雄联盟技能图标的设计特点

英雄联盟的技能图标设计遵循了上述基本原则,同时也结合了游戏本身的特点,体现出以下几个设计特点:

  • 突出核心功能:图标主要突出技能的核心功能,如攻击、治疗、控制等,让玩家快速理解技能的作用。
  • 简洁高效:图标造型简单明了,利用几何造型、线条和色彩来传达信息,避免复杂细节。
  • 鲜明个性:每个英雄的技能图标都与其独特的形象和风格相匹配,增强视觉识别度。
  • 统一风格:整个游戏中的技能图标风格统一,形成一种视觉语言,增强游戏整体的美感。

技能图标在游戏中的应用

英雄联盟游戏中,技能图标不仅在游戏界面上起到重要作用,还被广泛应用于各种游戏元素中:

  • 游戏界面:技能图标清晰地显示在屏幕界面上,让玩家能够快速查看和掌握各个英雄的技能。
  • 技能栏:技能图标展示在英雄技能栏中,方便玩家查看和使用技能。
  • 技能说明:技能图标还会出现在技能说明中,为玩家提供直观的视觉提示。
  • 游戏外交互:技能图标也广泛应用于游戏视频、直播、社交分享等场景,增强游戏的品牌形象。

总的来说,英雄联盟的技能图标设计体现了优秀的视觉设计理念,不仅增强了游戏的整体美感,也为玩家提供了更好的游戏体验。通过持续优化和创新,相信未来的技能图标设计将会更加出色,让玩家感受到更沉浸式的游戏乐趣。

感谢您阅读这篇关于英雄联盟技能图标设计的文章。希望通过这篇文章,您能够对游戏中这一重要视觉元素有更深入的了解和认识。如果您对游戏设计或视觉艺术有任何其他问题,欢迎随时向我咨询。

八、设计游戏技能时,怎么想技能名称?

找个狂拽酷炫吊炸天的词或句子照着改。

例如

绚烂缤纷花绽放,

超级水流大漩涡,

驾雷驭电戏冲浪,

认真起来大暴击,

之类的。

九、探秘魔兽世界中的技能图标设计

魔兽世界 这款游戏中,每个职业都拥有一系列独特的技能,而这些技能在游戏界面上都由精美的图标来表现。这些图标不仅美观,更是玩家们在游戏过程中最熟悉不过的元素之一。那么,这些技能图标背后都有着怎样的故事和设计理念呢?让我们一起揭开它们的神秘面纱。

图标设计的三大要素

优秀的技能图标设计需要满足三大基本要素:美观性识别性可读性

  • 美观性是最基本的要求。图标需要符合游戏整体的视觉风格,与其他游戏元素融为一体,呈现出优雅协调的效果。
  • 识别性也非常重要。每个图标都需要有独特的视觉元素,让玩家可以迅速地识别出技能的种类。
  • 可读性则确保了图标的实用性。图标应该简洁明了,即使在界面中很小的尺寸下,玩家也能清楚地辨认出图标的含义。

魔兽技能图标的设计特点

魔兽世界的技能图标设计融合了西方奇幻和东方元素,呈现出独特的视觉风格。设计师们运用了以下几种手法:

  • 具象化表现:大多数图标都采用具象的形式,直接反映技能的功能,如火焰、冰冻、治疗等。
  • 象征意义:一些图标则蕴含着深层次的象征意义,如正义、邪恶、守护等观念。
  • 夸张手法:部分图标采用誇張的视觉效果,增强了技能的视觉冲击力,如巨大的火球、神圣光芒等。
  • 浓郁色彩:图标大多使用强烈对比的颜色,突出了技能的属性,如火焰的橙红、冰霜的蓝白等。

图标设计的实用性

除了视觉美感,魔兽世界的技能图标设计还体现了很强的实用性:

  • 快速识别:通过鲜明的视觉元素和色彩,玩家可以在复杂的界面中快速识别出不同技能。
  • 信息传达:图标的形象化设计,可以直观地传达技能的属性和效果,帮助玩家理解和掌握技能。
  • 界面协调:技能图标与其他游戏元素(如职业徽标、背景等)协调统一,形成良好的视觉体验。

结语

魔兽世界的技能图标设计可以说是游戏视觉设计的一大亮点。设计师们通过巧妙的视觉手法,不仅营造出富有魔幻气息的视觉效果,更为玩家提供了高度实用的界面体验。相信这些精美绝伦的技能图标,必将继续成为这款游戏不可或缺的标志性元素。

感谢您阅读这篇文章,相信通过学习和了解 魔兽世界 技能图标的设计,您不仅可以欣赏到它们的视觉魅力,也能更深入地体会到游戏设计背后的用心与智慧。期待您能在游戏中发现更多这样富有创意的细节,并由此感受到游戏的无穷魅力。

十、梦幻西游技能图标:美轮美奂的设计背后

梦幻西游技能图标的设计与演变

作为中国最具影响力的网游之一,梦幻西游拥有许多经典的游戏元素,其中技能图标更是备受玩家喜爱。从最初的低像素设计到如今的精美图标,技能图标的演变经历了怎样的变迁?

最初版本的梦幻西游游戏技能图标以简单的卡通图案为主,颜色饱和度不高,整体设计感较为朴素。随着科技的发展和游戏画面的逐渐提升,技能图标的设计也逐渐开始追求更加生动、立体的效果。现如今,技能图标的设计不仅在表现力上有了巨大的飞跃,而且在色彩搭配和细节处理上也越发精致。

梦幻西游技能图标的设计理念

抛开技术的演进,梦幻西游技能图标的设计背后是怎样的理念在指引着它的发展?首先,技能图标的设计需要充分考虑游戏场景和角色设定,保证图标的风格与游戏整体风格相契合。其次,在表现技能效果和属性特点时,设计师需要巧妙地运用形状、色彩和图案元素,让玩家在图标一瞥之下便能获知技能的作用与属性。

此外,不同技能类型的图标设计也各有侧重,比如攻击技能的图标通常会使用锋利的形状和暖色调,而防御技能则常使用厚实的图案和冷色调,使得玩家在使用技能时能够直观地辨认不同类型的技能。

梦幻西游技能图标的影响

抛开技术的演进,梦幻西游技能图标的设计背后是怎样的理念在指引着它的发展?首先,技能图标的设计需要充分考虑游戏场景和角色设定,保证图标的风格与游戏整体风格相契合。其次,在表现技能效果和属性特点时,设计师需要巧妙地运用形状、色彩和图案元素,让玩家在图标一瞥之下便能获知技能的作用与属性。

此外,不同技能类型的图标设计也各有侧重,比如攻击技能的图标通常会使用锋利的形状和暖色调,而防御技能则常使用厚实的图案和冷色调,使得玩家在使用技能时能够直观地辨认不同类型的技能。

技能图标的未来展望

随着虚拟现实技术和游戏设计理念的不断创新,梦幻西游技能图标的未来又将呈现怎样的发展趋势?可以期待的是,技能图标将更加贴近现实感,甚至有可能实现交互式的设计,让玩家在使用技能时产生更为直观的互动体验。

总的来说,梦幻西游技能图标的升级演变不仅是技术的进步,更是游戏设计理念和玩家体验呈现的历程。设计师们在不断尝试与创新中,为梦幻西游创造了一个个美轮美奂的技能图标,这些图标也成为了游戏中不可或缺的一部分。

感谢您阅读本文,希望通过本文的分享,您可以更深入地了解梦幻西游技能图标的设计背后的故事及其对游戏的重要意义。