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

推荐订阅源

月光博客
月光博客
N
Netflix TechBlog - Medium
罗磊的独立博客
博客园 - 聂微东
美团技术团队
GbyAI
GbyAI
Microsoft Security Blog
Microsoft Security Blog
Recent Commits to openclaw:main
Recent Commits to openclaw:main
博客园_首页
宝玉的分享
宝玉的分享
G
GRAHAM CLULEY
Microsoft Azure Blog
Microsoft Azure Blog
量子位
SecWiki News
SecWiki News
F
Fortinet All Blogs
J
Java Code Geeks
S
SegmentFault 最新的问题
V
V2EX
Martin Fowler
Martin Fowler
F
Full Disclosure
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
P
Proofpoint News Feed
S
Security Affairs
Application and Cybersecurity Blog
Application and Cybersecurity Blog
K
Kaspersky official blog
S
Secure Thoughts
S
Schneier on Security
MongoDB | Blog
MongoDB | Blog
博客园 - 三生石上(FineUI控件)
Cloudbric
Cloudbric
雷峰网
雷峰网
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Cloudflare Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
爱范儿
爱范儿
V2EX - 技术
V2EX - 技术
H
Hackread – Cybersecurity News, Data Breaches, AI and More
腾讯CDC
阮一峰的网络日志
阮一峰的网络日志
Apple Machine Learning Research
Apple Machine Learning Research
H
Help Net Security
C
Check Point Blog
T
The Blog of Author Tim Ferriss
D
DataBreaches.Net
Hacker News - Newest:
Hacker News - Newest: "LLM"
G
Google Developers Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
T
Tenable Blog
博客园 - 【当耐特】

机核

游戏性能旗舰最强之选,一加 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-26 · via 机核

这次先聚焦在看起来最严重也是影响最多玩家心态和游戏体验的字体显示上。可以说ZZZ的GUI设计师把能踩的坑都踩了一遍,或者说ZZZ的UI设计师极其不专业的设计素养(可能被迫?)

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

首先我们先从我认为最能反应目前ZZZ UI问题的一张界面,如果你还没玩过,那么你可以先初步感受下第一次看到这个界面带来的视觉感知。

如果从一位交互设计师的角度来分析这张界面存在的基础UI和交互问题,甚至说平面设计设计问题,都可以罗列一大筐,但是因为此文暂时仅局限在字体和整体显示问题上,其他先按下不表(后面会逐个分析问题)。

关于纯黑和纯白

我们先看整张界面如果抛开彩色,运用大篇幅的背景色-黑色和文本前景色-白色。

这是用颜色吸管取出来的背景色色值,黑色是纯黑#000000

这是我用颜色吸管取出来的文本颜色色值,白色是纯白#FFFFFF

人脑对于色彩的记忆度要远高于对形态的记忆,这也是人脑会对颜色感知非常敏感的原因。

为什么用纯黑色和纯白色会造成如此大的色彩敏感性,乃至产生严重的视觉疲劳。

作为设计师,尤其是UI设计师(注意非平面设计师)如果你能遇到一个靠谱的设计前辈,肯定会告诉你一定要避免使用纯黑色和纯白色,尤其是要保证文本可读性和易读性的话。

首先在认知科学中,会有一个基础的经过论证的实验结论,白底黑字会过度刺激人眼中的OFF神经节细胞,黑底白字则会过度刺激ON神经节细胞。也就是白底黑字会刺激近视的产生,而黑底白字可以抑制近视的加深。

阅读文本的时候,采用白底纯黑字,也就是在白色的亮度为100%,黑色的亮度为0,这种亮度差异会形成非常强烈的光线效应,会造成过度刺激眼睛的情况,眼睛能做的就是通过视网膜努力去适应这种高亮度差异带来的感受。

试想一个场景,在一个黑暗的房间打开一盏非常亮的白炽灯,光照条件的剧烈变化会产生非常“刺目”的视觉感受。但是如果打开的这一盏灯的光线比较温柔,视网膜并不会因为光线的极度增加而被迫过度的刺激。

这也是通常在考虑一张页面的文本颜色时,会极力避免采用纯黑的文本颜色,会适当进行灰度(明度)处理。

上面讲到黑底白字可以抑制近视的加深,好像有好处是吧?但是这是有前提的,也就是在不采用纯黑和纯白的基础上。现阶段智能手机多采用 OLED 屏幕,当背景颜色为纯黑色值时,屏幕集成中的发光管是不会被点亮的,而在进行界面操作时,发光管则会因为滑动到有色部分而被点亮。

简单来说就是大面积使用纯黑色值就会造成发光管一直处于即开即关的状态,长时间使用便会导致较为严重的拖影现象。

纯黑纯白造成的高对比度会让人阅读起来非常费劲,因为你必须睁大眼睛才能吸收足够多的光线来进行判断,长时间进行也就产生了“眼花”。白色的文字会渗入到黑色背景中,造成文本模糊的感受,不夸张的讲,这种晕影会影响到本就是有散光的用户。

关于饱和度

讲完了ZZZ纯黑和纯白的滥用,下一个就是元素饱和度的问题了。

绝区零整体UI效果其实比较接近常规APP中我们常说的深色模式,而在常规经过验证的深色模式中,采用较浅的色调也就是我们平时说的饱和度较低的颜色会有比较好的可读性效果。现在我们还是回到绝区零实际的页面表现。

这是我用颜色吸管随机取出来的某个元素色块色值,蓝色的HSB中的S值是100,S即Saturation饱和度。100即为最大的饱和度值。

看到了嘛,这个颜色的饱和度甚至已经取到了最大值…

在UI中,较浅的颜色其实并不会降低UI的视觉表现力,但可以通过保持适当的对比度而不会引起眼睛疲劳,也就是减少用户视觉震动,但反过来如果采用了饱和度高的颜色呢?原本饱和度高的色彩易读性就较弱,很容易使眼睛产生疲劳感,而且很容易造成页面信息层级的混乱。(关于这个问题我们下次再聊)

关于字体选择

ok,现在来到了第三点,也是最重要的一点,字体的选择上(前面两点可能更多是铺垫)。

最核心的问题总结一句话就是,ZZZ选择了一套本应是用作标题场合的超粗黑体,然后将其没有节制地用在了各种场合,让玩家的视觉感受苦不堪言。

就字体的骨架造型而言,绝区零的字体大概率选的是印品鸿蒙体(不敢百分百肯定,但八九不离十)。

我们先来看看印品鸿蒙体的字体是什么样的。

公开的字体只存在粗体,好了现在如果你是设计师,遇到这样的字体,你第一反应是什么,是把这样的字体用在标题这种需要特别强调的地方还是通篇的正文和描述上?

这种一眼非常粗犷的字体的使用场景通常是标题海报,作为一种装饰性的文字存在。

可以说ZZZ整体的关键词就是“都市潮酷”,处处设计决策可能都围绕着营造视觉冲击力,但文本的存在,其第一优先级应该让玩家可以顺畅的阅读,唯独这块是不能向美术表现妥协的。

回到这个页面,实际这是我已经调整了粗细的效果,默认就是上面的那种超粗体,简直没法看。

同时结合颜色的问题,让我们看看从设计师的角度选择字体会有哪些考虑。

关于白色和黑色的实际视觉表现,白色相较于黑色会有比较明显的视觉扩充的效果,同样粗细,在白底上的黑字,白色会向内压的感受,所以会觉得字体较细;而在黑底上的白字,白色则向外扩会觉得字体较粗。

所以当大面积使用粗体时,字体的颜色加上本身就非常粗的字体结构,会造成非常强烈的视觉压抑的感受。

也就产生了大部分玩家都会有的看上去就是整个字糊成了一团,尤其是存在大量文本的时候(这又到了另一个文本显示上的UI问题了,先占坑),会有一种非常眼晕的感觉。

文字作为游戏界面的重要组成部分,是玩家需要长时间面对的内容没有之一,玩家是需要通过UI文本和元素来和游戏世界产生交互的,所以很难说绝区零这次的UI字体到底是专业问题还是单纯的刻意为之。

纯黑纯白的滥用,饱和度拉到顶,选了极不适合阅读的文字样式,三者取其一就会严重影响到玩家的实际游戏体验,更何况这次ZZZ把三者的坑全部踩了…

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

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