ISSUE 59 · 作品集网站 · 系列第3期
你的作品集是橱窗,他们的是作品?
4个把作品集
本身做成作品的人
Nick Jones · Elliot Jay Stocks · Chungi Yoo · Moe Amaya
作品集的天花板不是展示作品,是把自己做成一件作品。
哈喽,我是大鹏,这里是第二灵感库。
作品集系列写到第3期了。前两期讲了"商业路线"和"作品集人格",都是教你往作品集里塞什么。这期反过来,聊聊作品集的外壳本身。
我扒作品集的时候经常遇到一种情况:作品很好,但页面就是中规中矩的网格+大图+几个case study,看完转头就忘。但也有一小撮人,你打开他网站的第一秒就被震住了——不是因为他作品多牛,而是他的作品集本身,就是一件作品。
这期我从素材库里挑了4个"外壳成精"的样本:一个打开先警告你恐高勿入,一个长得像一份报纸,一个把自己做成游乐场,还有一个把简历伪装成了代码编辑器。看完你就明白:作品集的天花板不是展示作品,是把自己做成一件作品。
PART 01
Nick Jones
实验装置流:作品集本身就是个原型
网址:作品集
第一个,我先给你打个预防针——打开这个网站前,他先给你个警告。
Nick Jones,自称"Interface Prototyper"(界面原型师)。他的作品集 narrowdesign.com,第一屏除了"Hello"和导航,就是一行大写的警告:
WARNING: Do not proceed if you suffer from vertigo or find experimental interfaces offensive.
(警告:如果你恐高/晕眩,或者觉得实验性界面冒犯了你,请不要继续。)
我第一次看到作品集里写"恐高勿入",直接笑出声——然后下一秒就被拽进他的世界。整站就是一个可以玩的交互原型,滚动、位移、3D翻页,你本身就是这个"实验"的一部分。他还贴心地留了个"More accessible version"(无障碍版本)入口,实验归实验,该有的包容性一点不少。
他的项目也个个是"实验品"级别:
● Stripe Press:给 Stripe 出版社的书做了3D翻页界面——让书本身变成网页的主角,用他的话说,"这是3D物体第一次成为主要界面,而不是锦上添花的装饰"
● Game of Thrones(权力的游戏):HBO官方项目,让粉丝收集、展示、投票最棒的剧集内容,精选出来的还被印刷装订、火漆封缄寄给幸运粉丝
● Spent:一个关于"无家可归者一天"的公益游戏,被美国几百所学校纳入课程,600万+次游玩,拿过Webby奖——他说"玩完它会让你难受,但我这辈子可能再难爱上别的项目"
他自己有句话特别戳我:
"Design something familiar, program it to do something unexpected, make sure people feel something."
(设计一个熟悉的东西,用代码让它做出意想不到的事,确保让人有所感受。)
大鹏说:Nick 让我最服的不是技术,是"定位一致"——他的身份是原型师,所以他的作品集本身就是一个原型,从你打开第一秒就开始"表演"。想想你的作品集:你号称自己是做交互动效的,页面却是静态截图堆起来的;你号称自己讲究体验,结果访客进来连怎么滚动都要想一下。作品集的形式,应该第一个替你说话。
PART 02
Elliot Jay Stocks
主编办报流:把个人网站做成一份报纸
网址:作品集
第二个,一位把作品集做成"报纸"的人。
Elliot Jay Stocks,英国设计师,自我介绍是"Designer, author, speaker, and all-round typography nerd"(设计师、作者、演讲者,以及彻头彻尾的字体狂人)。你可能没用过他的名字,但你八成用过他参与的东西——Google Fonts、Adobe Fonts,他都深度合作过。
他的个人网站 elliotjaystocks.com,打开就像翻开一份精心排版的大报:头条区、栏目、区块、字号层级,密密麻麻全是"字",却一点不乱,反而有种纸媒的秩序美感。Pafolios 收他的时候给的评语是:"乍一看,这几乎不像个网站,像一份大型报纸。"
更狠的是,他把自己活成了一家"媒体公司":
● 杂志:创办过两本纸质杂志——8 Faces(专门聊字体排印的访谈杂志)和 Lagom
● 出书:写了《Universal Principles of Typography》(排版通用法则,2024年出版,收录100个字体选择/搭配/使用的关键概念,著名设计学者 Ellen Lupton 写序)和《Fine Specimens》(当代字体设计精选,2026年3月出版,已开放预订)
● 播客:Hello Type Friends!——"没有脚本,没有计划,也没有贝塞尔曲线"
● 订阅:还有一份叫 Typographic & Sporadic 的 newsletter
你发现没有——他的首页几乎不展示"作品大图",全站就是内容、内容、内容:书、杂志、播客、博客。因为他最值钱的作品,就是"他对字体的判断力",而他把这种判断力直接摊开给你看。
大鹏说:Elliot 提供了一条作品集的隐藏路线:当你的作品集不再需要展示作品,而是成为别人持续订阅的内容源,你就从"找工作的人"变成了"有影响力的人"。设计师到了一定阶段,作品集拼的不是案例数量,是你有没有"观点"可输出——书、播客、杂志都是观点的容器。哪怕你现在没有这些,也可以从一个 newsletter 或一份字体观察笔记开始,先让自己"有话说"。
PART 03
Chungi Yoo
插画游乐场流:欢迎来到我的游乐场
网址:作品集
第三个,视觉上最快乐的一个——把自己做成游乐场的人。
Chungi Yoo(刘正允),德国的一位 Art Director & Illustrator(艺术指导 & 插画师)。她的网站 chungiyoo.com,打开第一屏就是一行超大字号、带笑脸图标的欢迎语:
"Welcome to the playground of chungi yoo."
(欢迎来到 Chungi Yoo 的游乐场。)
整个网站就是这句话的展开:巨大的字体在页面里跳跃,高饱和的色彩、圆滚滚的插画角色、箭头引导你往下探索,像走进了一本立体童书。Pafolios 收她时的评语是:"漂亮的排版、漂亮的插画、漂亮的配色。"
她的项目也贯彻着这种"玩"的气质:
● Illustrations:商业和个人插画项目合集
● Bangs:一个虚构的美发沙龙品牌——"谁需要剪头发?"用亮眼的色彩和有趣的角色,把一家假想理发店做成了完整的视觉世界
● Cube:一个概念项目——走路去超市、骑车通勤、在club里跳舞,人类每时每刻都在产生动能,如果把这些能量收集起来会怎样?
最妙的是她自己那个品牌项目,页面文案特别诚实:
"Branding for yourself is by far the most difficult thing to do. You tend to critique and procrastinate endlessly."
(给自己做品牌是最难的事——你会无止境地自我批判、拖延。)
一个插画师,把"给自己做品牌"这件苦差事,做成了一场欢迎你来玩的派对。
大鹏说:Chungi 的厉害在于人设与形式的高度统一——她做的是插画和品牌,于是她的作品集本身就是一幅巨型插画,甚至故意留着一股"手作感"。这给我们的启发是:别把你的作品集做成一模一样的"网页模板脸"。你是做可爱风的,页面就该是糖果色;你是做粗野主义排版的,页面就该有力量感。作品集的风格,就是你递给别人的第一张名片。
PART 04
Moe Amaya
代码彩蛋流:把简历伪装成代码编辑器
网址:作品集
最后一个,最"极客"的一个——把简历伪装成代码编辑器的人。
Moe Amaya,墨西哥裔设计师,MIT 学过 Design Computation,前 Figma 设计师(2019年在 Figma 增长团队),也是建筑项目管理软件 Monograph 的联合创始人,现在在湾区一家叫 Operate 的公司当联创。
打开他的个人网站 moeamaya.com,你会以为自己开错了页面——整个界面就是一个代码编辑器的样子:顶栏是文件标签 "index.html",旁边立着 README.md,侧边写着 "Color: 0018ED"、"Type: IBM Plex Mono"、"Zoom: 33.5%",像极了一个正打开着的 IDE。
然后他开始用"字体"写简历。他的每个项目,封面都是一款字体名:
● Pilat→ Monograph(他联合创始的产品)
● Inter→ designsystems.com / Figma(他在Figma做的设计系统网站)
● Whyte→ figma.com 首页改版项目
● Ideal Sans→ Spoke 公司官网
● Canela→ danielaandmoe.com——他和同为设计师的妻子合办的网站,岗位写着"Typesetter & Husband"(排版工 & 丈夫)
懂的人看到这里已经会心一笑:设计师的简历不用文字写"我服务过谁",一款字体就是一种审美立场,一个项目标题就是一段经历。把自己的职业史压缩成一排字体,这大概是设计师最浪漫的自我介绍了。
大鹏说:Moe 的网站是"内行梗"的极致——普通访客可能一脸懵,但设计师同行看一眼就懂,还会忍不住会心一笑。这其实点破了作品集的一个真相:你的作品集是给谁看的,就该用什么语言。投大厂、接高端客户,你的页面就该用他们能秒懂的行话和品位来沟通。Moe 这种玩法不一定适合所有人,但"用同行语言说话"这个思路,谁都能用。
LAST PART
4个把作品集做成作品的人
最后收个尾。这4个人,各自把作品集做成了和自己身份严丝合缝的"作品":
● Nick Jones → 实验装置流:身份是原型师,作品集就是一个交互原型,打开先警告你"恐高勿入"
● Elliot Jay Stocks → 主编办报流:身份是字体控+出版人,作品集就是一份报纸+一座媒体矩阵
● Chungi Yoo → 插画游乐场流:身份是插画师,作品集就是一张邀请你来玩的大画布
● Moe Amaya → 代码彩蛋流:身份是工程师型设计师,简历就伪装成代码编辑器,用字体写经历
看完这4个,我最深的感受是:作品集的天花板不是展示作品,是把自己做成一件作品。
前两期讲的是"往里装什么"——商业路线、作品人格。这期讲的是"外壳长什么样"——而你会发现,最顶级的4个人,外壳从来不是套模板套出来的,是从自己的身份里长出来的。你是做什么的、信什么、为谁而做,你的作品集就该长成那个样子。
所以别急着换模板。先问自己一句:如果我的作品集是一件作品,它会是什么形态?这期是"作品集网站"系列第3期。想看更多作品集拆解,评论区告诉我,第4期已经在路上了。
#作品集网站 #设计灵感 #UI设计 #第二灵感库
觉得有用的话,点赞 + 在看 + 转发三连支持一下
ISSUE 59 · SEE YOU NEXT WEEK

