Design as Chess
本文以围棋为喻,探讨设计与战略思维的相似性,分析如何通过围棋般的全局观和策略性思维提升设计品质。
Design as Chess
本文以围棋为喻,探讨设计与战略思维的相似性,分析如何通过围棋般的全局观和策略性思维提升设计品质。
调情是一步一拍的心跳,对弈是落子无悔的章法。
设计,恰好在两者之间。你或许刚读过那篇《设计是调情?》。是的,设计需要吸引、需要分寸、需要让人想靠近。但只有吸引是不够的。一场好的对话能开启关系,而一局好的棋,才能走得更远。
设计,也如棋。
棋局开始前,棋盘是空的。
空,不是无,是可能。设计师面对空白画布、新建文档、空白页面时,和棋手面对空棋盘是一样的。焦虑和兴奋并存。第一子落向哪里?第一个色块、第一行字、第一个区块,怎么放?
不是随便放。是根据全局来放。
棋手落第一子时,脑子里已经有了前三步、后五步的推演。设计师做视觉时,心里也该有“信息层级—阅读节奏—情感反馈”的完整路径。这一步下去,是为后面的所有让步。
一、棋子:你的设计元素
棋盘上有车马炮,设计中有颜色、文字、图形、留白、动效。
每个棋子走法不同,每个设计元素“性格”也不同。
设计元素 如棋角色 特性 主色 将/帅 定全局基调,不可轻动 辅色 士/象 护卫主色,丰富但不乱 文字(标题) 车 横冲直撞,快速传达核心 文字(正文) 兵/卒 一步步推进,提供细节 留白 河界 无棋子的地方,才是战场 图片/图形 马/炮 跳跃、出奇,打破沉闷 你不会用“车”走“马”的步法。
你也不该用主色的方式去处理辅助信息。
二、开局:定式与变式
棋有定式,比如中炮对屏风马。
设计也有定式:F型阅读、Z型布局、黄金分割、网格系统。定式有用吗?
有用。它是前人总结的最优路径,能让你在开局不落下风。但只会背定式的棋手,永远成不了高手。
只会套模板的设计师,也做不出让人心动的作品。真正的高手,在定式里藏变式。
大家看棋路,你看棋势。好比那张截图里提醒的:“这种颜色组合可能让人难以阅读。”
这就是定式给你的警告——不是限制你,是保护你不被自己的一时喜好带偏。
三、中局:计算与直觉
棋到中局,盘面复杂。
你既要算三步后的得失,也要相信“这里感觉应该走这步”。设计也一样。
截图右侧有一堆插件:MetaSlider、对象缓存、UpdraftPlus、WP-Optimize……
这是后台的工具,就像棋手旁边的计时器、记录本。有用,但不是棋本身。棋本身,是盘面上的博弈。
设计本身,是用户看到的那一刻的感受。中局时,棋手会面临选择:
- 求稳?还是冒险搏杀?
- 保子?还是占势?
- 攻对方弱点?还是补自己缺陷?
设计师也会问:
- 留白再多一点?还是加个装饰?
- 颜色更跳一点?还是更雅一点?
- 信息一次说清?还是分步引导?
没有标准答案。
但有一个判断标准:这一步,是让用户更靠近,还是更远离?
四、残局:细节见功夫
棋局到残局,大子少了,兵卒的作用凸显。
设计到最后阶段,大框架定了,细节决定高下。一个像素的对齐。
一种灰色的冷暖倾向。
一行字是14号还是16号。
一个按钮的圆角是4px还是8px。这些细节,不懂的人觉得“差不多”。
懂的人知道:差很多。就像棋手在残局里,多一个兵或少一个兵,结局完全相反。
设计师在最后阶段,多一次预览或少一次预览,上线后的体验天差地别。截图底部有一个“排版字号”选项:S、M、L、XL。
选哪个?
不是随便选,是为用户选。
用户是年轻人多还是年长多?在手机看还是电脑看?阅读环境亮还是暗?设计不是为自己做,是为对面的那个人做。
像棋手,永远在揣摩对手的心理。
五、复盘:设计如何长进
棋手进步最快的方式,不是一直下,而是复盘。
把下过的棋重新摆一遍:这里为什么走这步?还有没有更好的走法?设计也一样。
那篇《设计是调情?》里最后一段写得很好:“感觉是答案,只是需要被翻译。设计师的工作,有一部分就是把‘觉得好’翻译成‘为什么好’。”
复盘,就是翻译的过程。
打开你已经做完的设计:
- 用户第一眼看到哪里?是你想让他看的地方吗?
- 他看完之后,是继续往下,还是关掉了?
- 那个颜色组合,真的让人舒服吗?还是只是你自己喜欢?
不要怕否定自己。
大师和普通人的区别,不是大师从不犯错,是大师每次犯错后,都能让错误变成经验。截图里有一句话是提示:“请尝试使用较亮的背景颜色或较暗的链接颜色。”
这不是批评,这是复盘给你的建议。
六、对手:用户、客户,还是自己?
棋有对手。
设计的对手是谁?有人说是用户——你要“赢”得他的注意力。
有人说是客户——你要“赢”得他的认可。
但我更愿意相信:设计的对手,是上一个自己。上一版的设计,哪里不够好?
上一个项目,哪里可以优化?
上一次你“凭感觉”做决定的地方,现在能不能“有依据”?公司叫“上海翼起品牌设计有限公司”,APEXWINGS——顶尖之翼。
名字里藏着一种态度:不是跟别人比,是跟自己比,飞得更高一点。截图里有句话:“17vis色彩构成:让色彩从‘凭感觉’走向‘有依据’。”
对。
感觉是起点,依据是终点。
中间那条路,叫专业。
七:设计如棋,落子无悔
但无悔不是不反思。
无悔是落子那一刻,你已经尽了当时所有的判断。之后复盘、改进、重来。
下一局,你会更沉稳一些。设计也一样。
发布那一刻,就是落子。
不能撤回。
但下一篇文章、下一个页面、下一个项目,你可以落得更好。
本文概要
本文以“棋”为隐喻,将设计的系统性、策略性和判断力与棋局对弈相对应。内容涵盖设计元素的棋子角色、开局定式、中局决策、残局细节、复盘成长以及对手认知。强调设计不仅是情感上的“调情”吸引,更是结构上的“对弈”推演。好设计需要吸引人走进来,更需要沉得住气走下去。
English Summary
This article draws an analogy between design and chess, exploring the strategic, systematic, and judgmental aspects of visual communication. Just as a chess player considers opening routines, mid-game calculations, endgame details, and post-game analysis, a designer must balance attraction (flirting) with structure (chess). Key elements such as color, typography, whitespace, and layout are compared to chess pieces, each with distinct roles. The article emphasizes that good design is not just about making users feel something—it’s about making that feeling repeatable, defensible, and improvable over time. Design, like chess, is a game of decisions where every move matters, and every game teaches you how to play the next one better.
本文概要
本文以围棋为喻,深入探讨设计与战略思维的相似性,分析如何通过围棋般的全局观和策略性思维提升设计品质。文章将调情的心跳互动与围棋的落子无悔进行对比,指出设计恰好处于两者之间,既需要情感的吸引力,又需要战略的预见性。
English Version
Design as Chess: Strategic Thinking in Visual Communication
This article uses the game of chess as a metaphor to explore the similarities between design and strategic thinking, analyzing how to enhance design quality through chess-like holistic perspective and strategic mindset.
While flirting represents step-by-step heartbeat interactions, chess embodies irreversible moves with careful planning. Design恰好 occupies the space between these two approaches. You may have just read the article “Design is Flirting?” Yes, design requires attraction, requires分寸, requires creating emotional connections, but it also demands the strategic foresight and precise execution of chess.
Chess teaches us several important design principles:
- Holistic Perspective: Just as chess players must consider the entire board, designers must maintain a comprehensive view of the entire project.
- Strategic Planning: Every move in chess has consequences; similarly, every design decision affects the final outcome.
- Adaptive Thinking: Chess requires adapting to opponents’ moves; design requires adapting to audience responses and market changes.
- Patience and Timing: The right move at the wrong time can be disastrous in chess, just as premature design execution can fail in the market.
Design, like chess, is not just about individual elements but about the relationships between them. The placement of each piece (design element) affects the entire composition. Successful designers, like skilled chess players, can anticipate multiple moves ahead, understanding how current decisions will impact future outcomes.
This article suggests that designers should study chess strategy to improve their design thinking. The discipline, foresight, and adaptability required in chess are equally valuable in design. By adopting a chess-like approach, designers can create more strategic, impactful, and enduring visual communication.
Just as grandmasters spend years studying棋局, designers should continuously study successful design案例, understanding the strategic thinking behind each decision. This chess-inspired approach to design can transform ordinary visual communication into strategic masterpieces that stand the test of time.