用户案例 · 2026-10-25

西安UI设计师小鹿:给银行做适老化改造,用对比度工具把配色返工从5轮压到1轮,省下3200元外包费

西安UI设计师小鹿接银行适老化项目,文字与背景颜色总被甲方说看不清,靠肉眼调色返工5轮、多花3200元外包费。用颜色对比度工具按WCAG AA/AAA评级核验后,返工压到1轮,每次核验从40分钟缩到3分钟。

AI 约 1 分钟读完 0 字 2 阅读

2026年9月17日晚上十点,西安高新区科技路的一间共享办公区里,小鹿把第5版首页配色发进项目群,甲方回了一句「这个灰字还是看不清,老人用不行」。她盯着屏幕愣了两分钟,关掉PS,打开手机计算器开始算这单到底还赚不赚钱。

小鹿是西安一名自由UI设计师,主要接本地银行、社区医院和小程序的后台界面。那阵子她接了个城商行手机银行的适老化改造,合同价一万二,工期三周。签的时候她觉得不难,不就是把字放大、颜色加深,结果卡在了「看不清」三个字上。

之前是怎么扛的

最开始她靠肉眼和经验调。灰字看不清就加深一档,甲方说太黑就浅回来,来回改。

问题是她没有判断标准。甲方运营、银行科技部、外包前端三方各说各话,有人说#8A8A8A够用,有人说要#666,小鹿自己看着都差不多。每次改完发过去,等反馈要半天,对方一句「再深一点」她又得重来。

她算过账:这个项目前后改了5轮配色,每轮她要花3到4小时翻页面、调色值、截图标注,加上等待反馈的时间,光配色这一项就吃掉她将近两天半。按她平时接单的日薪折算,差不多3200元。更烦的是有一轮她把按钮文字从深灰改成纯黑,甲方又说「太刺眼,不够柔和」,她当时真想把电脑合上。

换了之后真实变了什么

转机是她在一个设计群里看到有人提WCAG对比度标准,说文字和背景的对比度有明确数值要求,AA级正文要4.5:1,AAA级要7:1。她顺手搜到一个在线工具,叫颜色对比度(https://duibidu.quan77.cn/),输入前景色和背景色就能出评级。

她第一次用是拿甲方最满意的那个灰字去测,结果是2.9:1,连AA都没过。她把截图发到项目群,配了一句「这是国际无障碍标准,不是我觉得看不清」。那天下午甲方科技部的人回了句「按这个来」,争论当场结束。

后面的流程就变了。她把每个页面的文字色和背景色成对丢进工具里测,不达标就微调色值,直到显示AA或AAA。原来一轮配色核验要40分钟,现在整个首页二十多组颜色3分钟测完,而且有据可查。5轮返工压到1轮,省下的时间她接了另一个小程序的活,多赚了4000元。

当然也不是全顺。第一个小问题是工具给的是数值评级,但甲方偶尔还是凭感觉说「这个蓝太冷」,数值达标不等于主观满意,她后来学会先按标准定底线,再在达标范围内给两个备选让对方挑,扯皮少了很多。第二个小问题是银行有些页面是渐变背景,单一色值测出来不准,她就把渐变最深的一段取色单独测,按最差情况算,虽然保守但不会再被打回。

给同样处境的人提个醒

如果你也做界面、做海报、做公众号排版,别等甲方说「看不清」才去调。文字和背景的对比度是能提前算出来的,尤其做老年用户、户外屏幕、低亮度手机的场景,先测一遍再交稿,比改五轮省心。

另外提醒一句,标准是底线不是审美,达标之后该留的层次感还得留,别为了凑数值把整个页面压成黑白。小鹿现在的习惯是:先过评级,再谈好看。

← 返回「用户案例」
↑↓选择 ↵打开 ⌘+↵新窗口 esc关闭