ISSUE 64 · 会写作的设计师
图、动效、3D、配色…
我把794份设计师作品集翻了一遍
混得好的都在写东西
Frank Chimero · Maggie Appleton · Robin Rendle · Ahmad Shadeed
设计师最贵的资产,不是作品集里的图,是作品集里的字。
哈喽,我是大鹏,这里是第二灵感库。
上一期我扒了600个新官网,结论是"官网即内容"。这期换个方向——我不看网站了,我看人。
我把手上那批作品集素材又过了一遍(Pafolios,794份设计师作品集)。这次我故意不点开页面,只看一个字段:身份标签。
结果有个数字挺意外:
"Writer"(写作者)这个标签,出现了 42 次。
看起来不多,但接下来这点才是关键——这些人几乎都不是"文案设计师"。他们的身份是叠着的:Writer / UX & Product Designer、Writer / Software Developer、Designer / Writer。
一边做设计,一边写东西。
我把这42份作品集翻了一遍,发现一件更值得说的事:他们当中出了设计教育里的标准读物、出了苹果的设计师、出了靠写作把一本书一门课卖到全球的人。
对比一下数据:
794份作品集 · 身份标签统计
● UX & Product Designer 501份(63.1%)—— 绝对主流
● Creative Designer 140份 / Software Developer 88份
● Design Agency 82份 / Brand Designer 51份
● Writer 42份(5.3%)—— 少数派,但名字你都听过
也就是说,"会写"在设计圈是少数派——但这一小撮人的名字,你大概率听过。
所以这期我想聊一个很多人都听过、但没真做的事:写作。不是让你去当作家。是——为什么这些人的作品集已经够强了,还要花大量时间写字?我挑了4个我认为答案最清楚的,一起看。
PART 01
Frank Chimero · 靠一本书,把自己变成"教材"
他的简历里,最占篇幅的不是项目,是观点
网址:frankchimero
第一个人最好讲,因为他把"写"这件事做到了极致。
Frank Chimero,纽约设计师,客户的名单是这样的:Wikipedia、Microsoft、Nike、The New York Times、NPR。
而且他参与的都不是小角落——NPR 的在线音频播放器是他设计的,Wikipedia 的文章页他也参与设计过。就是那个你每天可能都会打开、但从来没注意过是谁做的页面。
如果他只做这些,这已经是一份很好的简历了。但真正让他被整个行业记住的,是2012年的一件事:
他自己写、自己设计、自己画插画,出版了一本书——《The Shape of Design》。一本给新设计师看的书,讲设计的思维方式,而不是工具和方法。
他在自己的关于页面上是这样说的:
"a little book for new designers about the design mindset and making things for other people."
(一本给新设计师的小书,讲的是设计思维,以及为别人做东西这件事。)
结果这本书成了设计教育里的标准读物,读者远远超出了设计圈。
我特意去看了他的"关于"页,它的结构特别值得抄:自我介绍 → 经验 → 采访 → 奖项 → 媒体 → 演讲。演讲列表里排着哈佛、SXSW、Awwwards、dConstruct。
你发现没有:他的简历里最占篇幅的,不是"我做过什么项目",而是"我讲过什么、被谁采访过、被谁引用过"。
大鹏说:Frank 这条路径其实很反常识。大部分设计师的简历是"我做过什么",他的简历是"我说过什么"。项目是谁都能做的,但观点只有你有。而书这个东西最强的地方在于——它把你的判断固化成了一个可以流传的东西。项目会下线、网站会改版,书不会。对我们普通人来说,不用一上来就想出书,但可以借用这个逻辑:把你最擅长的那个领域,写成一篇能站得住的深度内容。一篇被反复引用的长文,效果和半本书差不多。
PART 02
Maggie Appleton · 把想法"画"成文章
她的作品集里没有项目截图,全是判断
网址:maggieappleton
第二个是我个人最喜欢的一个作品集,因为她的写法几乎没法被替代。
Maggie Appleton 的自我介绍第一句就很有意思:
"Designer, anthropologist, and mediocre developer."
(设计师、人类学家,以及一个平庸的开发者。)
"mediocre"(平庸的)这个词是她自己加的。在一堆把自己包装成"资深专家"的作品集里,这种自嘲反而特别显眼——你立刻会觉得这是个真人。
她现在的身份是在 GitHub Next 探索 AI 和软件工程。而她网站首页的主标题,一句话说明了她在干什么:
"Maggie makes visual essays about programming, design, and anthropology."
(Maggie 制作关于编程、设计和人类学的视觉文章。)
visual essays,视觉文章。这是她自创的形态——不是博客、不是教程,是"用图讲清楚一个抽象想法"的论文。
她的网站首页有4个板块,值得逐个看:
● Essays(长文):她自己描述成"有观点、长篇的叙事写作"。代表作有《A Treatise on AI Chatbots Undermining the Enlightenment》——讲 chatbots 的谄媚和被动性;还有《The Dark Forest and Generative AI》,讲在AI内容泛滥的网上如何证明自己是个人。
● Notes(笔记):她说这是"关于我还没完全搞懂的事情的、松散而不那么有观点的笔记"。包括《Statistically, When Will My Baby Be Born?》这种——你很难想象这出现在一个设计师的作品集里。
● Patterns(模式库):这是我最想推荐的部分。她从自己的观察和研究里整理交互设计模式,比如 Ambient Co-presence(环境的共在感)、Historical Trails(历史轨迹)、Command K Bars(快捷键命令栏)、Folk Interfaces(民间界面)。每一条都是一个可以直接拿去用的设计判断。
● Library(书架):她读过的书。"books I've read and books I like the idea of having read."(我读过的书,以及那些我"喜欢自己读过"这个想法的书。)
最后那句话又是个玩笑,但你会因此记住这个网站。
大鹏说:Maggie 最值得学的是那个 Patterns 板块。这是一个天才设计——她把"写作"变成了作品集的弹药库。别人作品集里放项目截图,她放的是"我总结出来的一套判断",而且这些判断比她任何一个项目都有生命力。
手把手给你抄:你可以建一个自己的"模式库",不用画图,就是把你工作里反复踩过的坑、反复用到的规律,一条条写成小卡片。比如你做电商落地页,就攒"首屏怎么放价格才不掉转化"、"实拍图和模特图分别适合什么场景"。攒到20条,这个板块就是你最硬的作品集。它证明的不是你会做,是你会想。
PART 03
Robin Rendle · 他把个人网站当成一台印刷机
不是往里摆作品的地方,是往外生产东西的地方
网址:robinrendle
第三个,我想讲一个"长期主义"的版本。
Robin Rendle,现在在苹果做软件设计师。之前待过 Gusto、Sentry、Retool。而他从 2014 到 2022 年,在 CSS-Tricks 当了8年的专职写作者——那个几乎所有前端都看过的网站。
他"关于"页里有几句话,我认为是这期最该抄的:
"Over the years I learned how to poke at words until they made sense and how to break up big concepts into teeny tiny interactive demos."
(这些年我学会了怎么反复戳那些词,直到它们讲得通;以及怎么把庞大的概念拆成一个个极小的、可以上手玩的 demo。)
"poke at words until they made sense"——把词反复戳到讲得通。这个动作,其实就是设计里"反复调整直到对"的同一种能力。他说得很清楚:写作和设计,练的是同一块肌肉。
第二句更狠:
"Since 2012 this website has been a blog—sure, yes, okay—but I've always seen it as a printing press first."
(从2012年起这个网站就是一个博客——好吧,是的,没错——但我一直把它首先当成一台印刷机。)
他没把网站当作"展示柜",当作"印刷机"。一个往外生产东西的地方,不是往里摆作品的地方。
他文章的主题也完全不"设计":《This Glorious Machine》《In Praise of Shadows》《Dartmoor, Death Stranding, and me》《Systems, Mistakes, and the Sea》——从字体聊到摄影,从电子自行车聊到游戏。
最后一页的总结,他写的是:
"It's all just publishing, man."
(这全都是出版啊,兄弟。)
大鹏说:Robin 这期给我最大的提醒是——别把"写"当成项目,把它当成一种持续的生产。8年,他每周都要交稿,这个量本身就是护城河。你不需要8年,你需要的是"持续"这两个字:每周一条也行,一个月一篇也行,但别停。
而且注意他说的"印刷机"这个视角。很多人做作品集的心态是"攒够3个漂亮项目再上线",结果一等就是一年,最后一堆半成品。印刷机的思路是:先开机,边印边改。你的网站有点丑、文章有点糙,都没关系——空着的网站才是最差的网站。
PART 04
Ahmad Shadeed · 写作长成了产品,产品长成了收入
从一篇篇技术小文,长出一套书和一门课
网址:ishadeed
最后一个,是最"实在"的那个:写作直接变成了能卖的东西。
Ahmad Shadeed,他给自己的定位一句话说清了:
"I bridge the gap between design and development."
(我连接设计和开发之间的那道鸿沟。)
他自称 design engineer(设计工程师),"一个会写代码的设计师"。
他的作品集首页结构很标准:介绍 → 作品 → 文章 → 产品。但真正的重点在他"写"出来的那些东西:
● 他创造了"Defensive CSS"(防御性CSS)这个概念——"写面向未来的CSS,减少界面崩坏"。这个概念现在整个前端圈都在用,而且它是以他的名字传播的
● 他写了一本书《Debugging CSS》,官网上一句文案很有意思:"Debugging CSS 不只是给所有元素加个红色描边"——直接戳中所有前端最原始的调试手法,然后告诉你书里有更好的办法
● 他做了一个课程"The Layout Maestro"——专门讲"怎么从零搭布局,以及怎么修AI搭错的布局"
● 还有 RTL Styling 101 和 iShadeed Lab——一个是全网最详细的阿拉伯语RTL布局指南,一个是他的CSS实验库
你看这条路径:写文章 → 沉淀出概念 → 概念变成书 → 书变成课程 → 课程变成收入。
而他公开发表的文章,从 "The CSS lh unit"(lh 单位)到 "Rebuilding FIFA Standings Layout with CSS Subgrid"(用CSS子网格重建世界杯积分榜布局),全是极其具体的技术细节。没有一篇是"如何提升设计品味"这种空话。
大鹏说:Ahmad 这条最值得普通设计师学,因为它不需要你很有名。他的起点就是在博客里写"这个CSS单位怎么用"这种小问题——写得足够清楚、足够具体,就会有人搜到、有人收藏、有人转发。攒够了,它自然会长成书、长成课。
这里有个判断标准我想给你:当你能把一件事讲到"别人不用再问第二遍"的程度,你就已经拥有一个产品了。做设计的人也一样——你最擅长的那个环节(比如电商主图怎么排版、B端表格怎么做),如果你能写成一份别人看完就照做的指南,那就是你的《Debugging CSS》。
LAST PART
4个人,4种写法,同一件事
收个尾。这4个人"写"的东西,其实完全不是一回事:
● Frank Chimero:写出思想——用一本书《The Shape of Design》成为设计教育里的标准读物
● Maggie Appleton:写出体系——用 Patterns 模式库把日常观察沉淀成可复用的设计判断
● Robin Rendle:写出持续——8年不间断地写,把个人网站当成一台印刷机
● Ahmad Shadeed:写出产品——从一篇篇技术文章,长出"防御性CSS"这个概念、一套书、一门课
4种写法,指向同一件事:设计师最贵的资产,不是作品集里的图,是作品集里的字。
图证明你会做,字证明你会想。而"会想"这件事,才是甲方、面试官、合作方真正愿意付溢价的部分——因为执行可以被替代,判断不能。
我说句实话,写作这事对设计师来说确实是反人性的:不擅长、没时间、写出来怕被同行笑。但你回头看这4个人,没有一个是"文笔好"才开始的。Robin Rendle 的原话是"不知道怎么把词戳到讲得通",Ahmad Shadeed 最早写的也只是 CSS 小技巧。
他们只是开始写了,并且没停。
如果你今天想动手,我给你三个最小可行的起点:
今天就能开始的三件事
1、从你踩过的坑开始——不要写"我的设计理念",写"我上次做落地页时踩的3个坑"。具体的东西才有人看。
2、一周一条,只看能不能讲清一件事——不求长,求"别人看完不用再问第二遍"。
3、把它放在你自己的网站上——不用另开账号,作品集里加一个"笔记/模式库"板块就够了,那是你唯一不会被平台收回的资产。
关于这组数据,说清楚来源
本期数据来自作品集素材库 Pafolios(794份设计师作品集),统计的是每份作品集的"身份标签"字段,一个作品集可以同时有多个身份标签。它代表的是"这批被收录的作品集",不等于整个行业的设计师分布——被画廊收录本身就是一次筛选,所以请把数字当趋势看,不要当行业报告用。
这期是作品集网站系列第4期,下期想看什么类型,评论区告诉我。
#设计师成长 #作品集 #写作 #UI设计 #第二灵感库
觉得有用的话,点赞 + 在看 + 转发三连支持一下
ISSUE 64 · SEE YOU NEXT WEEK

