你有没有遇到过这样的局面:明明看清了活三,落子前却总觉得棋盘在抢你的注意力?线太重,底色太亮,黑白子像浮在屏幕上。五子棋的判断已经足够紧张,棋盘不该再制造第二层噪音。
ThemeTokens 先把颜色变成可复用的判断
我们不是从“这块棋盘好不好看”开始,而是从ThemeTokens开始。底色、线色、棋子对比、阴影、悬停态、最后一手标记,都先被拆成可命名的决定。
这样做有一个好处:每次调整都不会只盯着单点。线色一变,黑子边缘会变;底色一暖,白子的存在感也会变。棋盘是一组关系,不是一张背景图。
第一次调色:在屏幕上看清底色与线
第一次调色很直接:打开棋盘,看它是否成立。底色要托住棋子,线要提供坐标,交点要足够明确,但不能像网格纸一样压到前景。
这里最容易犯的错,是把线调得过重。线一重,空棋盘会显得利落;可一旦落了十几手,棋子、线、阴影叠在一起,局部会变脏。
我们会特别看边路和角部。因为很多设计稿在中心很顺眼,到了边线却显得拥挤;而实战里,冲四、防四、追杀并不会只发生在漂亮的中心区域。
棋盘越安静,判断越清楚。
第二次调色:在一盘棋里检查节奏
第二次调色必须下棋。只看静态图,容易把棋盘调成一张好看的海报;真正的问题,要在第十五手、第三十手、胜负将分的时候出现。
比如最后一手标记。它必须被看见,因为复盘时你要迅速回到刚才的选择;但它又不能像警告一样扎眼,否则每一手都会把注意力拉回标记本身。
悬停态也是同样的道理。预落子需要清楚,尤其在小屏幕上;可如果悬停影子过厚,棋盘会一直像在催促你落子。五子棋需要紧张,但界面不必紧张。
棋子对比不是越强越好
黑子和白子当然要清楚。问题在于,对比太强时,棋子会像贴在玻璃上,触感反而消失。一个打磨过的棋盘,应当让棋子有重量,也有边界。
白子尤其敏感。它需要从底色里浮出来,却不能亮到破坏整盘的平衡;黑子也不只是纯粹的暗,它的边缘、阴影和交点关系,决定了你能不能一眼数清连珠。
我会用一个很普通的测试:在中腹摆出一个活三和一个眠三,然后快速扫视。若第一眼只看到颜色冲突,而不是棋形差异,说明这次对比还没有调好。
第三次调色:隔一段距离再回来
第三次调色最慢。它发生在一天之后,或换一台设备之后,或在夜里重新打开之后。很多颜色当下觉得精致,隔一段距离看,才知道是不是耐看。
这一步会检查环境。手机屏幕、平板、桌面浏览器,亮度和观看距离都不同;中文、英文、日文界面的留白节奏也不同。棋盘要适应这些差异,但不能变成四种性格。
有些方案会在第三次被放弃。不是因为不好看,而是因为太会表现自己。好看,本身就是理由;但在五子棋里,真正耐看的好看,往往懂得克制。
标记与阴影只负责轻轻指路
最后一手、可落点、胜负提示,这些都属于辅助层。辅助层的任务不是装饰,而是指路;它们要在你需要时出现,在你思考时退开。
好看的棋盘,先学会退后。
三次调色,最终是在保护一手棋
回到开头的那种局面:你在判断对方的双三威胁,下一手可能决定整盘棋。此时最好的棋盘,不会提醒你它用了多少层 token,也不会展示自己多么特别。
它只是让线保持清楚,让棋子站稳,让最后一手有位置,让你的眼睛安静下来。三次调色,调的不是颜色本身,而是颜色和判断之间的距离。
下次打开棋盘时,可以留意一下自己最先看见什么。如果先看见棋形,而不是界面,颜色就做对了一半。然后,试一局。