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

推荐订阅源

V
Vulnerabilities – Threatpost
月光博客
月光博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
美团技术团队
Last Week in AI
Last Week in AI
Jina AI
Jina AI
P
Privacy International News Feed
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
T
Tenable Blog
阮一峰的网络日志
阮一峰的网络日志
P
Proofpoint News Feed
T
Tailwind CSS Blog
Apple Machine Learning Research
Apple Machine Learning Research
P
Privacy & Cybersecurity Law Blog
人人都是产品经理
人人都是产品经理
S
Schneier on Security
Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
C
Cisco Blogs
K
Kaspersky official blog
C
Cybersecurity and Infrastructure Security Agency CISA
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
O
OpenAI News
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
IT之家
IT之家
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
酷 壳 – CoolShell
酷 壳 – CoolShell
T
Tor Project blog
博客园 - 【当耐特】
腾讯CDC
V
V2EX
A
Arctic Wolf
Webroot Blog
Webroot Blog
S
Securelist
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
D
Darknet – Hacking Tools, Hacker News & Cyber Security
博客园 - 三生石上(FineUI控件)
The GitHub Blog
The GitHub Blog
量子位
J
Java Code Geeks
博客园 - 叶小钗
S
SegmentFault 最新的问题
Project Zero
Project Zero
www.infosecurity-magazine.com
www.infosecurity-magazine.com
Scott Helme
Scott Helme
Cyberwarzone
Cyberwarzone

机核

游戏性能旗舰最强之选,一加 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
从《IXION》简单聊聊UI设计
Pigeon-hcy · 2023-01-24 · via 机核

这篇文章也在bilibili专栏发布过,B站id: 鸽子今天鸽了嘛 是我本人

最近买了《IXION》这个游戏,这是一款环带空间站建造游戏,游戏的背景设定得相当的浪漫,你管理的环带居住站将成为人类最后的希望方舟,帮助人类找到新的家园。

这是一个在商店里面让人眼前一亮的游戏,因为这游戏拥有极其优秀的美术。我主要就是冲着这一点来的,但是实际上手游玩之后却发现这个游戏存在着很大的问题,排除游戏的难度不说,这游戏的UI让我不爽,不仅仅是看着不爽,而且用起来相当的不直观。在玩了一整子之后,我实在是受不了这个UI了,便退出了游戏准备退款,结果发现我玩了不多不少正好2.3个小时。不能退款了,于是我就打算写这篇文章,至少我的钱不能白花,多少也要学到点什么。

首先要明确一点,我不是专业的UI设计师,我只是从一名玩家和一名学习游戏设计专业半年的学生的角度写的这篇文章,所以在一些地方可能会有专业性的错误,欢迎指出。

UI的作用在我看来更像一种放大器,一个好的游戏不一定有好的UI,一个好游戏中的好UI可以创造更加沉浸的,更加优秀的体验。而坏游戏的中的粪UI,会让玩家更加的难以继续玩下去这款游戏。那么什么是一个好的UI?UI说到底就是信息的呈现,玩家通过UI来与游戏进行沟通。一个好的UI应该同时满足两种条件,实用和风格,对一个好的UI来说两者缺一不可。实用指的是玩家可以很清楚的明白这个UI是应该要怎么使用的,玩家可以很方便的和系统进行沟通。而风格就是指的是UI的风格可以很好的贴合游戏的主题,风格贴合的UI可以增加游戏的沉浸感和使用的体验。

《IXION》的UI问题

《IXION》中,游戏的前期生存压力很大,玩家需要面对很多资源短缺的问题,但问题是游戏的UI又是如此的稀烂,以至于加大了前期的那种不爽的感觉。

我们先来看看这个UI有什么问题以及它的构成。

正上方那一堆东西是游戏中所有的玩家可以使用的资源了,上方那些是比如粮食和建材之类的各种消耗资源(黄字是当前区域的数量,白字是总数量),左边的那个三个小方块堆在一起的图标是一个观看建筑包含的资源数量的滤镜,右边那个是当前这个区块内是多少人口(黄字)以及总的人口,下方那个黄色条条是电力,以及整体剩余的电量。左右两边是空间站的完整性和人们的信任度,任何一个归零都会导致游戏结束。

这里最大的问题就是这里的信息文字太密集了,很多的信息都挤在一起,导致看起来有点信息过载。

正下方从左往右依次是建筑菜单——用于建造建筑,研究菜单——用于研究新的科技,政策菜单(没解锁)——云了一下,是管理每个区域的政策的,资源管理——管理整个空间站的资源的,人口管理——管理整个空间的人口,船队——管理玩家拥有的船队。

这里没啥其他问题,大部分的东西都比较好记忆。

左下方的是区块地图和当前区块的状态,其中需要留意的一般是心情,加班状态和当前水量,其他的基本上是统计信息,这里最大的问题是这里有很多平时用不到的统计信息,比如说电量统计这种基本上我用不上的东西就可以收起来。

右下角是,时间,时间加速按钮,切换按钮,切换空间内视角,空间站外部视角和星图的按钮。没什么好说的,没啥问题。左边一侧是历史警告,这里最大的问题是字太小了,打开之后会发现很多字挤在一起非常难阅读。

一眼看上去,这个UI存在一个很大问题,就是信息太多太密集了,我问过了很多人相同的问题他们也基本给出了相同的答案。这个游戏的UI太密集太复杂了,并且在下面存在大量的可以利用的空间和空白并没有用上。

如何做出一个好UI

当然做一个好的UI需要的不仅仅只有这些,这只是一部分。

  • 文字少一点

正如《design doc》系列的作者所说:我不仅仅喜欢华丽,动感的UI,我也喜欢极简的UI,当你清理掉多余的部分越多,你越可以让使用者关注到重点。当游戏好玩,很好理解,并且无法再去除任何部分,那就是最美妙的框架。

一个好的UI应该是直观的,干净的,玩家可以直接一眼从UI中看出这些东西是干嘛的,以及哪些东西最重要哪些东西最不重要。玩家绝对不会想看到一堵严严实实的文字墙。那么如何让UI干净一点呢?我认为《Mini Motorways》给出了这道问题的答案——用图标或者是颜色的变化来说明一切

《Mini Motorways》是一款交通规划游戏,玩家要做的就是构建一个禁得住时间考验的交通系统。游戏中有两个元素需要玩家注意,第一个元素就是各种颜色的大房子和各种颜色的小房子。小房子代表了一家人,而大房子代表了那一家人要去的地方。玩家需要做的就是把对应的大房子和小房子连起来并且保证交通的顺畅。第二个元素就是那些黑色的图钉,那些代表了这里还有多少人需要到达,玩家需要确保这些图钉的数量不超过6个。倘若当一个地方的图钉的数量超过了6个它们就会变成一个大号的图钉,开始发出哔哔哔的叫声并且开始不耐烦的跳动。同时一个黑色的计时器出现在图钉上面,当计时结束的时候,游戏就结束了。

很明显《Mini Motorways》是一款信息量极大的游戏,玩家需要顾及很多的地方的交通情况并且对齐进行优化或者改进。但是《Mini Motorways》用其简洁干净的UI做到了高效率的信息沟通,而不是让玩家陷入文字地狱中。我们可以看见,游戏的背景是十分干净且灰度较大的米色和淡绿色,这可以让玩家很好的将注意力直接集中在颜色鲜艳的大房子和小房子上。并且一些关键信息十分的容易甄别,玩家一眼就可以看出那些站点缺乏运输能力,那些地方的计时器即将到点。《Mini Motorways》让玩家可以把游戏中的重心放在游戏本身上,而不是被其他的东西所分心。

  • 让UI有点层级

在很多的UI设计中,视觉层次是一个相当重要的东西,所谓视觉层次指的是页面上的元素按照重要性或意义的顺序排列的方式。它是一种组织页面上的元素的方式,使浏览者的视线首先被吸引到最重要的元素上,然后以一种逻辑的、连贯的方式被吸引到次要的或三级的元素上。一个拥有着好的视觉层次的UI,可以让信息变得更加的好消化以及UI看上去更加的整齐和有组织,以及用最快的速度让玩家知道什么是重要的,什么是不重要的。

举个例子,这是《冰气时代》的UI,现在我们假设去掉画面中的城镇。你第一眼回去看什么,我相信大部分的人都会先把眼睛放在那个巨大的,-50度的球上面,这是这游戏中最重要的一个元素:温度。这是一个会影响全城的元素,温度会影响住在屋子里面的会不会因为过于寒冷而生病甚至死亡,温度会影响工作的人们会不会因为过于寒冷而手上等等。而这一切都会成为最后城市大崩溃的导火索。

这就是游戏中玩家时时刻刻都需要留意的元素,因为玩家需要时时刻刻根据温度更改自己的运营策略,是今天应该加班从而应对明天的暴风雪,还是就索性不工作在家吃粮来降低伤亡?都是需要玩家根据当天的气温考虑的。

接下来玩家会注意到唯一一个在UI中异样的红色,那就是储量很低的食物,在整体偏冷偏蓝的UI中,这个深红色可以很好的抓住玩家的眼球,让玩家一下就知道,噢,这下我的食物不足了。因为这是第二重要的信息,玩家需要知道自己的资源是否够用。因为这些信息十分重要所以在UI中就被用不同的方式重点强调了。然后才是比较重要的资源,研究进度这类的。这样子,通过调用玩家的注意力就可以十分高效的传递信息,也可以引导玩家去了解那些信息是重要的,哪些可以先放一放。甚至有些不重要的信息,就干脆收纳起来就好了

  • 让其易用

UI还有一点就是重要的就是一定要好用,就是所谓的提供一个良好的反馈,不要把一个很简单的事情弄得很抽象。一个令人头晕目眩不知道其目的的UI会让玩家的游戏体验大打折扣。

这一点《IXION》做的很不好,举个例子,游戏中玩家需要派船队去外太空收集各种各样的矿物元素,而这一点《IXION》用了一种相当抽象的方式来表达。正常来说,一个玩家的思路应该是打开地图,在地图上选择矿点,派船过去。但是《IXION》却没有那样做,它选择了一个最为抽象的用法,它在把宇宙中所有的元素做了个表格,分别列出一共有多少元素。然后让玩家分别选择每个元素的采集优先级。之后收集船才会去收集那些矿物。倘若玩家需要让船只忽略一些东西,那么它们只能在星图上选择这个地方,让船队在采集资源的时候忽略它。当玩家选中一个资源点的时候唯一个可以交互的选项就是忽略,这真的很反直觉。

我至今为止没搞懂为什么要这样做,这样只是徒增了游戏的操作难度。而且它们也不是没有做那种点击一个地方,然后派船过去采集资源的模式(仅限科考船)。那么为什么不给采集船和运输船也做一个呢?非要让玩家学习一个新的系统。

我知道这游戏主打的就是一个后期的自动化,但是这些东西是在前期出现,而玩家前期是完全没有能力自动化的,所以这个系统只会徒增UI的操作难度和玩家的不满意程度,可以说这是一个质量相当差强人意的UI设计了。同样的,这也涉及到了一个游戏设计的原则,应该让游戏中的每个元素都保持一致性,如果一个元素是这样做的,那么另一个相似的元素也应该这样做。

如何改良?

其实我在写这篇文章之前调查的时候,脑子里面已经有一些大体上的思路了。

首先就是要合并不必要信息,我们看看左下角的那个轮盘里面就可以塞得下很多的信息,比如说我们可以把这里的加班情况和幸福程度以及用水情况这种会经常变化的东西直接表现在环带的轮盘上。比如说,人口高兴的话就把区块颜色变成绿色,人口处于比较危险的加班状态就可以修改编号外面的整个图形边框,然后用水可以在环带的上方加一个条状的东西。同时把其余不需要经常关注的东西(比如说人口,此区域的电力用量,电池等等)丢到统计信息里面去或者收起来,这样子就有一个比较干净的界面了。

同样的,上面那一条的希望和船体完整度完全可以直接和环带的信息归类在一起,因为他们是一类的信息。资源数量可以留在原地不动,但是最好,告诉玩家什么时候资源即将消耗干净,而不是玩家后知后觉的发现自己的资源已经消耗干净了。提前告诉玩家,让他们提前计划,而不是直到用完的时候才告诉玩家。如果乐意的话可以把资源界面拆开,放在最下面,因为下面比较空,可以利用下面比较空的空间,比如做一个表格什么的(6x2就行了,第一排是可以转换的资源,第二排是不能的)。

最后的最后,优化一下采集的体验,怎么改已经在之前的章节中说过了,在照顾自动化的同时,也要照顾下前期的感受,同时最好可以添加如《冰气时代》那样的队列探索。

一个省事的,高效的UI可以最大程度的帮助玩家优化他的游戏体验,但是一个复杂的,低效的UI却会徒增游戏的难度。

后记

在这篇文章发出去之后,塞群老大立刻对我的这篇文章进行一个指导。主要还是第二部分缺少的一些东西。

  1. 尊重用户的期望,也就是说要避免歧义,保证功能的一致性,在《IXION》中船队的操作方式就应该拥有统一性。

  2. 将相关的东西放在一起,不能把元素到处连丢

  3. 提供视觉层次,上面说过了(

  4. 精心设计文字信息,比如说字体,清晰的背景,易读的字体,避免长篇大论等等

  5. 理解人类的色觉,不能使用太难看的颜色搭配

  6. 避免让信息放在边界,放在一切明显的为止

  7. 不能希望用户记住东西放在哪里,比如说《马造2》会把用户常用的12个工具放在首页

  8. 提示用户,不要妄想用户在使用UI的时候会去思考,主动的帮用户分类

  9. 选择题比填空题好做,图象比文字更清楚

  10. 用户不喜欢学习,所以需要合并相似的词汇概念,谁都不喜欢上来就看到一大堆的专用名词,并且给与用户修改错误的机会

  11. 用户耐心有限,为用户提供及时的反馈,他们要知道任务是否在做了。同时允许用户在等待的时候做别的事情,还要知道大约需要花费多少时间,可以取消任务等等