惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Attack and Defense Labs
Attack and Defense Labs
Engineering at Meta
Engineering at Meta
腾讯CDC
J
Java Code Geeks
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
G
Google Developers Blog
博客园 - 三生石上(FineUI控件)
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
aimingoo的专栏
aimingoo的专栏
T
The Blog of Author Tim Ferriss
D
Darknet – Hacking Tools, Hacker News & Cyber Security
WordPress大学
WordPress大学
博客园_首页
I
InfoQ
NISL@THU
NISL@THU
Recorded Future
Recorded Future
Security Latest
Security Latest
K
Kaspersky official blog
L
Lohrmann on Cybersecurity
T
The Exploit Database - CXSecurity.com
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
U
Unit 42
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
www.infosecurity-magazine.com
www.infosecurity-magazine.com
C
CERT Recently Published Vulnerability Notes
W
WeLiveSecurity
Webroot Blog
Webroot Blog
Last Week in AI
Last Week in AI
AWS News Blog
AWS News Blog
IT之家
IT之家
S
Schneier on Security
雷峰网
雷峰网
Know Your Adversary
Know Your Adversary
T
Threat Research - Cisco Blogs
C
CXSECURITY Database RSS Feed - CXSecurity.com
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
L
LangChain Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
月光博客
月光博客
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Stack Overflow Blog
Stack Overflow Blog
有赞技术团队
有赞技术团队
云风的 BLOG
云风的 BLOG
G
GRAHAM CLULEY
O
OpenAI News
The Last Watchdog
The Last Watchdog
TaoSecurity Blog
TaoSecurity Blog
The GitHub Blog
The GitHub Blog
V
Vulnerabilities – Threatpost

机核

游戏性能旗舰最强之选,一加 Ace 6 至尊版国补到手价2999元起 6元钱自己更换电动车刹车线 《生化危机9:安魂曲》编剧Haris Orkin专访 摸金游戏?音乐游戏!暗区新赛季这把能弹的琴有何来历? 好评国产武侠SRPG《息风谷战略》免费DLC现已推出 | 机核 GCORES 碎片 《生化危机:安魂曲》将于5月实装首个免费更新内容 | 机核 GCORES 新锐东方游戏,谱写世界新章! 沉浸式恋爱视觉小说游戏《心象演算》免费试玩版现已正式上线 | 机核 GCORES 互动影游《代号三国:龙起》上线!穿越三国与曹操并肩、与佳人同行、与权谋博弈! 《老头收集梦想生活》,游戏酒桌会6,录音笔VOL.689 | 机核 GCORES 破界·共生——《白日梦:无限世界》五大核心游戏特点解析 价格已到史低,锐龙5 9600X/锐龙7 9700X正适合抄底 时间循环之旅即刻启程!《归环》一周目测试今日开启 热门在线韩游变魂游,洛奇衍生作能否打破“花瓶”魔咒? LG UltraGear evo 全新高端显示器系列:当“5K”遇见“AI”,不止强大,更懂热爱 反套路三国互动影游《代号三国:龙起》今日上线! 愿望单登记人数突破10万!备受瞩目的“女儿养成游戏” 《梦幻魔法公主》今日于Steam平台上线!限时八折优惠中 《黑神话:悟空》全球音乐会2026巡演将于4月29日12时开票 | 机核 GCORES “Snowguelike”生存肉鸽挖矿新作《蛙穿雪境》公布发售日期,5月7日正式上线 | 机核 GCORES 重塑移动办公、AI创作新境!全新华硕灵耀Air系列、ProArt 骁龙版震撼首发,创芯未来 均分88:《Saros》媒体评分汇总 | 机核 GCORES 上海烛龙公布合作遗迹探险游戏《吉时已到》首支预告片 | 机核 GCORES 首个独立游戏《萝薇日记》已上线Steam! 烛龙新IP《吉时已到》首曝,打造国内首款中式合作遗迹探险游戏 喜加一:《暗黑破坏神Ⅳ》国服现已开启限时免费领取本体活动 | 机核 GCORES 新版《生化危机》电影定于9月18日上映,官方网站现已上线 | 机核 GCORES 《冲就完事模拟器2》“星球大战”联动DLC正式宣布 | 机核 GCORES SteamController将于5月4日发售,售价99美元 | 机核 GCORES 事已至此,内存这么用也算省钱了,“2+1”非对称双通道应用实测 505游戏母公司现已收购《明末:渊虚之羽》IP | 机核 GCORES 基石 手动杂谈12|格斗游戏也能讲好故事 | 机核 GCORES I Love You Mr Snowball 我的向日葵小姐 会比GTA6先发售吗?最硬核的生存游戏《DAYZ》要推新DLC了 周记02:在2026遇到新怪谈 什么硬件,能让游戏Loading界面快速消失? | 机核 GCORES GadioSpec《百年风云世界杯》免费试听集 | 机核 GCORES 百年风云世界杯Vol.1丨足球崛起 | 机核 GCORES 100年前,一群人提前替我们经历了AI恐惧 | 机核 GCORES 《呼啸山庄》2026 ——一辆当代艺术的大卡车冲撞了我的大脑 手游《天穗之咲稻姬:日之香巡灵传》宣布将于7月27日停服 | 机核 GCORES 集结梦之队,征战世界杯,《最佳球会ONLINE》上线Steam 山水绝景随心拼 休闲建造游戏《千里山河录》Steam商店页公开 巫师帽、法袍、魔杖,为什么它们是影视、游戏里的法师必备三件套? 《无鞘信使》-第一章 复古风自动战斗肉鸽《终结之终结》Steam商店页面现已上线 电脑里有一款不破不立的MMO,录音笔VOL.688 | 机核 GCORES 《生化危机》30周年纪念周边发售,这次是真的“保护伞” 可靠耐用+AI全能,惠普战66 2025锐龙版深度体验 《时之书:无尽终章》关卡“大航海时代”全球首次公开 经典名作《乌龙派出所》改编经营模拟游戏《乌龙派出所~阿两的商店街物语~》正式宣布支持简体中文 明日开冲,解锁反套路三国互动影游《代号三国:龙起》即将上线 独立游戏《这是我的宝藏!》已发售~ 降低难度不是唯一解,无压力死亡也是好体验 Netflix官宣新片《普通人》:讲述韩国现代史上的权力风暴 《生化危机:安魂曲》全球销量现已突破700万份 《绝地鸭卫》PC版5月15日正式发售 亡妻回忆录?女性向情感叙事游戏《S-mail》现已正式发售 全新酷黑风格,酷睿Ultra 200S PLUS的高性价比搭档!七彩虹BATTLE-AX B860M-PLUS S WIFI7 V20 超级黑刃主板测评 胖狗 索尼发布了港台地区PS5产品价格调整公告,将于5月1日起实施 二次元怪猎+性感美女!《碧蓝幻想:无尽黄昏》开启Beta公测 这款怪谈类型中式恐怖游戏居然更新了?! 《百日战纪 -最终防卫学园-》改编漫画将于今年冬季开启连载 《如被附身,请致电我们》:匈牙利黑色幽默恐怖小说 《竹屿山房杂部卷五》(译文) 大树 超越引擎 摄影分享丨四月 碎片杂记vol.72 当老式FPS与老式动画技术碰撞出新时代的火花—《神探杰克鼠》 想做独游,如何避免首个项目就褒姒? 在线多人动作游戏《OCTOPinbs》将于5月12日上线Steam! 《酒鬼女神的酒诡》确定将于2026年登陆Steam 《CRYMELIGHT》将于11月5日(周四)正式发售!4月25日开始预购! 钢铁国度MKI部落Evolution,蛮兵部分 【钢铁国度】部落-Primal MK I,蛮兵部分 这是一个高中生用ai跑出来的作品,我自称他为物理神话 钢铁国度MKI部落Metamorphosis,蛮兵部分上 钢铁国度MKI部落Metamorphosis,蛮兵部分下 INDIE Live Expo于4月25日举办:首发9款新作,超200款独立游戏亮相 暗黑卡牌策略新作《魔忌:穷鼠啮狸》发布全新中文试玩版和发售预告片,4月30日正式上线在即 战锤40K长篇小说:变节者・苦难主宰(三)(全书完) 战锤40K长篇小说:变节者・苦难主宰(二) 战锤40K长篇小说:变节者・苦难主宰(一) 英语语言学习丨短语专题1:短语的特点 唯一的EVE战争 【少前同人】【M200】战术人形会梦见音乐会吗 【昏迷3】即将发售,前作主角悉数到场!“恶灵”宋老师化身可操控角色 业内人士:游戏公司“十有八九”使用生成式AI,包括卡普空 欢庆一周年:《光与影:33号远征队》全新纪念艺术图、超值折扣与免费更新同步上线 才刚刚开始呢 【抽奖】《星际卡车司机》推出免费大型更新,四折平史低折扣进行中 四人合作FPS游戏《佣兵猎手》抢先体验重大更新 1 现已上线 Raw Fury新作《深馅地牢 Deep Dish Dungeon》将于今秋加入 XGP 塔防幸存者游戏《魔怪来袭》推出首个 DLC 《饿狼传说:群狼之城》1周年纪念!新DLC“沃尔夫冈·克劳萨”今日参战 猫狗相伴 欢乐闯关 双人合作平台跳跃游戏《猫狗同行》上线Steam商店页 《同行:月球逃脱》(Together: Moon Escape)上线将于明日上线Steam
为什么说《绝区零》的UI设计是个灾难 · 图标设计篇
KaKira · 2024-07-30 · via 机核

其实关于绝区零的图标设计问题,我在很多平台上看到有人吐槽,从一二三测到现在的开服公测,大家吐槽最多的就是图标的“辨识度不够”,或者说“辨识度压根就没有“。其实大家都已经说到最核心的点子上了,但是为什么还是要写这篇文章呢,主要还是想从专业交互设计的角度来重新组织一下。

首先同样还是先叠个甲,曾经的交互设计师一枚,同时也是ZZZ玩家。

上次我们讲了绝区零的深色模式下的颜色搭配和字体显示为什么体现了极其不专业的UI设计水平。

这次我们再来讲讲绝区零的图标设计为什么不仅仅是不专业的问题,可能更像是一个连应届生设计水平都不如的灾难性设计。

其实关于绝区零的图标设计问题,我在很多平台上看到有人吐槽,从一二三测到现在的开服公测,大家吐槽最多的就是图标的“辨识度不够”,或者说“辨识度压根就没有“。其实大家都已经说到最核心的点子上了,但是为什么还是要写这篇文章呢,主要还是想从专业交互设计的角度来重新组织一下。

希望ZZZ制作组的设计团队可以先提升自己的基础设计能力,或者说设计师要有自己的坚持,而不是被美术完完全全的裹挟。记住你是UI设计师,UI = User Interface,你是要为用户界面和玩家体验负责的人,要保证用户界面最低可用性。何况图标设计作为UI设计入门最基本的技能?

如果不是设计能力问题,那么我比较相信的是一个糟糕的设计想法背后,往往就有一个不是那么糟糕的意图了。

首先我们还是从一张界面开始,如果你是还没体验过ZZZ的玩家,那么你可以现在尝试在自己的认知中判断下以下这些图标代表了什么意思。当然我相信如果你本来就是ZZZ的玩家,你同样可以“回想”一下这些图标代表了什么。

我相信百分之九十九的玩家都没法一眼建立起对应的概念,如果费尽心思努力想去回想这些图标代表的含义/入口,那么恭喜你已经被驯化了。也恭喜绝区零的设计师,摒弃“不要让用户思考”的设计准则,反过来让“玩家学会思考”充分也证明了UI设计是灾难级别的。

识别而不是回忆

在交互设计和UI设计领域,有一个新人设计师入门必须要知道的可用性启发式准则。

Recognition rather than recall,翻译成中文就是 (让用户)识别而不是回忆,简称可识别性,那么反义词其实就是大家在吐槽的“辨识度差”。

在认知心理学中存在有两种类型的记忆检索模式:识别与回忆。识别是指能够“识别”事件或信息“转换”为熟悉内容的能力,而回忆则是指从记忆内存中检索相关细节。

在心理学研究中,记忆组织是由基本的相互联系的单位组成的,两个信息块之间的连接称为关联。举个例子,如果说起最近最火的地理位置,巴黎一词,你可能会想到法国,美食,艾菲尔铁塔或拿破仑等,所有这些词在从小到大的社会规训下,都和巴黎紧密相关,当巴黎再次成为关注焦点时,比如你听过或读过它,它将激活扩散到与其相关的其他部分,并使它变得更加活跃。

这里具体涉及到的生物知识就省略了,我们常说的熟能生巧,练习一条信息次数越多,就越会记住它。绝区零的图标设计不管是因为设计能力有限还是刻意为之,我相信经过长时间的重复训练,确实是可以转化一批用户的固有认知的。

但是!但是!这是极少数的,就目前的用户数据而言,玩ZZZ大部分的玩家都是好几款游戏同修,也有很大一部分是比较资深的游戏玩家,这批玩家其实有多款游戏的经验,所以在认知中其实已经建立很多通识的游戏概念。尤其是这篇文章中要的重点,图标设计。

图标设计和符号学

以上图标在按照设计术语来说,都属于功能性图标,存在的意义就是用于功能性指示引导或操作。

作为图形资源的有效图标需要以用户立即理解的方式表达单个概念。

设计领域为什么会引入图标设计这个细分领域,其实是有道理的,第一,存在一些全球通用的图标,比如以下这些,我相信大部分只要有智能手机的人,都能第一时间反应过来这些图标代表着什么意思。因为能非常明确表达含义,快速向用户传达概念,所以就不再需要用文字再解释一遍了。那么除去这些通用型图标,其他自定义的功能图标往往在设计的时候,首先要考虑具有明确的表意功能,因为图标存在的作用就在于替代文字来指引用户进行快速导航,选用具有图形化的符号,会比文字更加直观,符合普罗大众的认知习惯,有助于用户形成记忆思维。

图标设计的理论支持其实是很庞大的符号学体系,图标/符号其实并非直接与其代表的对象相连,而是通过解释者也就是使用符号的人来建立连接。就是上文提到的可识别性。

符号学中最核心的观点就是表征物 - 解释者 - 对象三者之间的关系。

以最简单的箭头图标为例,表示特征的物体是箭头符号本身。它是一种视觉标志,通常用来指示方向或引导注意力。箭头的形状、方向和上下文决定了它如何被解释。对象是箭头符号所指向的事物,可以是实际的物理方向,比如物理位置的“向北”,或者是层级关系的“返回上一级”等,解释者是观察者对箭头符号的理解或解读。例如,当一个人看到一条指向右边的箭头时,他们可能会理解为需要向右转,也可能会理解成需要将注意力集中在右侧。

绝区零的实际图标设计

现在我们来看看现在ZZZ在含义上会比较相近的两个图标。位于中间区域的图形学上看起来解释为鼠标可点击的图标,在游戏内其真实交互含义是 可交互NPC - 选择交流。位于最右下角的图形学上看起来解释为向上?提升?升级? 的图标,在游戏内真实交互含义是奔跑。那么这样的交互隐喻和大部分人的认知习惯是否相匹配呢?

又比如,就以自己体验而言,开服到现在,也快小一个月的体验,然而,我目前还是不了解目前这超级高频的两个icon/图标代表的含义,每次都是抱着“点进去看看是不是这个”的心态去交互。

嗯就是这玩意,回到最开始提出的问题,现在公布这两个图标代表的含义/入口,上面的这个官方定义为“导航”,点进去呢实际上就是是小地图的切换。下面的那个官网定义为“绳网”,点进去呢其实就是任务列表。

你猜对了?你回想起来了嘛?(其实我也是再去游戏内确认了一遍

我们再来看看目前被互联网“规训”下的用户认知和用户概念下,这两个图标通常会代表着什么意思。

好了,就从这俩图标中,可以看出ZZZ目前的图标设计有多灾难,你可以说我是为了美术表现,但问题就是,一你为了视觉牺牲一定的辨识度也不是不可以,但是你说这玩意好看嘛?反正我是看不出来,现在就是既不好看,辨识度还是一坨。我比较相信的就是 UI设计师在”两耳不闻窗外事“”闭门造车“,你这搁在实习生身上,也是不应该出现的灾难性设计专业问题。

这俩还是目前大多数玩家每天都会去交互的图标/入口,你搁这儿就设计成这样徒劳增加用户的认知负荷?

其他图标的图形和实际含义的对应关系就更加灾难性了。把解释性的文字放上去可能都没法一一对应。

尤其是下面这个这左侧导航的4个图标代表着什么?这些图标完全就是为了占位置,是完全多余的设计,还不如文字来的直观。(学学隔壁原,原的UI水平从游戏交互和UI的角度是排得上国内手游界第一梯队的)。这张界面哪来的呢?说实话我也是为了写这篇文章入口都点了一遍才发现的,这里就有一个入口交互和层级交互的问题了,因为这次文章还是在图标设计上,下次再详细讲讲入口交互这块的问题。

这个图标水平,说实话真的很像这里一定必须要放图标,但是“能力有限”,只能敷衍随便设计放上去。

装备界面也就是熟悉的米家三件套之一圣遗物系统,咱们先就装备本身的特征设计按下不表(移动端下简直是视觉灾难),为了维持所谓“美观”放弃了最常用的用蓝/紫/金一眼就可以区分品质的模式,默认状态下变成了毫无区分度的展示。

只有玩家产生交互(选中某一个驱动盘)后,最重要的右侧展示模块才会有极小区域的B/A/S标志出现来表明品质。

然后我们再来看看自家的米游社是怎么进行展示的…就从用户体验来说,是不是直观多了。

目前上文分析的还是常规界面上的图标设计,走格子和战斗中的图标设计下次有机会再分析,要填的坑越来越大了…哎,ZZZ的设计师给点力啊。

图标设计真的很粗糙

其实说起图标设计,因为大部分图标都存在于界面的一小块像素面积空间内,所以大部分UI设计师通常入门会从icon/图标设计开始,目的是为了训练平时设计师群体自嘲的“像素眼“。

如果从像素眼的角度来看目前绝区零的图标设计还存在哪些体现设计水平很难评的问题呢?

首先我们先来看图标设计的原则之一。所有界面图标间需要保持视觉一致性。所有界面图标都需要在大小、细节程度、线条粗细和透视上保持一致。根据图标的视重,可能需要调整其尺寸以确保其在视觉上与其他图标显示一致。

看看ZZZ的图标实际表现,如果我们以第一个表示更多的图标作为基准,很明显就能看出来,表示成绩、绳网、代理人的这三个图标存在明显的违和感,并排的图标首先不说视觉平衡,就连基础的一致性都没有做到。

然后再来看图标实现的具体问题,嗯涉及到UI切图了,很细节,但是我们一款如果标榜美术质量的游戏内如果UI设计师没有这样的细节敏感性,那么你也不能指望这样的设计师可以设计出高质量至少说能到平均水平的交互体验。

放大了看起来了嘛?这些图标都缺了一小块。

你可以说大部分玩家都不会关注这个,但是作为专业设计师的像素敏感性,诸如这种图标的不完整性问题应该在验收的时候就指出,如果说还得依靠恰好是设计师的玩家指出?那么设计师的专业性应该怎么体现呢?

图标设计篇暂告一段落,最后还是那句话,在任何一款游戏中,界面UI里的按钮、图标和文字这些,才是玩家的手指可以触及并产生交互的东西。ZZZ的美术强归强,但还是希望UI能够以更专业的角度来看待。

关于绝区零的UI和交互问题很多,这个系列慢慢更吧。