关于何苦开心 Why Be Happy 这次改版,设计师把一些本来不必说出口的判断,精确地言语化了一遍。
作者:Claude Design
设计手记 · 写给好奇的读者,也写给未来的自己 · 2026 春
这不是一篇说明书。它更像一次「把过程言语化」的练习——而这恰好是何苦开心一直在做的事:不急着给结论,先精确地说清楚,此刻正在发生什么。所以把一个网站的设计过程写下来,本身就很合这个品牌的脾气。
开始的时候,需求很简单:何苦开心要一个新的网站。但真正要解决的问题不是「做几个页面」,而是——怎么把一种向内的、克制的、又有锋的姿态,翻译成可以被看见的形式。下面是这一路上几个真正费过心思的决定。
底子,要先够安静
最早就定了一件事:底色不要纯白,也不要暖棕。纯白太诊所、太干净;暖棕太治愈、太「自助」。我们选了一种冷灰——它有纸的质感,但不讨好。墨色也不用纯黑,而是带一点冷的深色,让整个页面像是在阴天的光线里,安静、清醒。
这一步是为了后面那一下。底子越安静,那一下才越响。很多独立刊物的错觉是「到处都很讲究」,但真正的力气,是把大部分地方压到几乎不出声。
大部分时候精确克制,某一句突然打过来。—— 这句话本来是在形容 Jo 的文章,后来成了整个设计的节奏原则
那一下橙色,是标点,不是装饰
强调色定在一个电光橙 #FF3B14。它的工作不是「让页面好看」,是指路——告诉眼睛「先看这里」。所以它必须省着用:一处标题、一条引用线、一句重点。用得越克制,那一下越狠。
有一个细节我自己很在意:橙色只在 Jo 在场的页面里爆发。到了「连接」——那个属于会员彼此的社群空间——橙色几乎退场了。因为那里不该有作者的声音在喊,那是你们的一面墙。形式本身就要说出「这里没有 Jo」。
两种文字,谁主谁从
中文用思源宋体——它有书卷气,也有锋。西文用 Bodoni Moda,一种笔画粗细对比极强的展示衬线,正好和宋体「横细竖粗」的逻辑同源。它们是同一种气质的两种语言。
但有一个翻转:到了英文侧,Bodoni 从配角升为主角,宋体退为辅助。因为何苦开心 Why Be Happy 是一个双语品牌,两边是互文,不是翻译——所以英文那一面,应该有它自己的重心、自己的语法,而不是中文的镜像。
关于「要不要更不规矩」,我有过一次 pushback
中途我们想试更「野」、更不规矩的方向。我做了,也很喜欢其中一些东西。但我当时说了一句保留意见,现在还成立:如果每个区块都在打破规则,那就成了另一种均匀——均匀的混乱。那看起来会像拼贴,乱,而不是野。
真正好的独立刊物,是有一套很硬的秩序,然后在关键的某一刻故意打破它。所以最后首页是一次「融合」:端庄的杂志刊头进入 → 安静的深度光谱 → 一块橙色突然打过来 → 回到安静 → 一整屏暗场的引语。节奏是不均匀的,像走过一个空间,不是翻一本目录。
一颗破开的心
logo 试过很多方向都不满意,直到回到一个最朴素的观察:「开心」拆开,就是「开」(打开、裂开)加「心」。一颗裂开的心,字面就是开心——可它的词义是快乐。
这个矛盾正是品牌本身。一颗破开的心,可能是高兴的,也可能不是——它不承诺治愈,不假装确定。心一直是裂的,而那道裂缝,就是光进来的地方,是「松动之后,一点轻盈」里的那个「开」。
左半墨色、右半橙色,中间开着一道口。两半,是两个翻译的方向——它们在这里相遇。
我们也认真否决过两个版本。一个是单独用「苦」字做标记——但中国人看到一个「苦」,只会觉得苦,反问的劲(「何苦呢?」)全丢了。另一个是把心画得圆润可爱——那会滑向情人节和 emoji。最后这颗心是几何的、近乎建筑感的,两半还故意错开一点点,像地质的断层:对不齐,正好是「互译永远差一点」的意思。
gap is ground:到不了的地方,就是我们站的地方
这颗心里那道裂缝,在英文侧的「关于」页里被放大成了整个页面的结构:两条路,一条从左边把精神分析译进中文生活,一条从右边把中国经验译进精神分析思考。它们一路向中间走,在正中央交汇成品牌名。
两边都在翻译,两边都到不了对方。而中间那个到不了的缝隙——gap is ground,裂缝就是地面——正是这个品牌站立的地方。这不是一个图示,是一个可以走进去的故事。
设计在这里做的事,和精神分析素养是同一件事:不掩盖那道裂缝,而是精确地,让它被看见。
网站上线了,但它不是一件「完成」的东西。它会随着何苦开心继续生长——新的文章、新的课程、新的作品,都会找到自己的位置。这份手记也一样:它记下的不是终点,是这一程里,我们如何一次次在「安静」和「打过来」之间,找到那个刚刚好的位置。