ISSUE 52 · 作品集网站 · 新系列
作品集到底该做成什么样？
看了100多个作品集
我只留下了这4个
Bruno Simon · Dennis Snellenberg · Peter Tarka · Fons Mans
作品集没有标准答案，但有标准问题——你想证明什么？
哈喽，我是大鹏，这里是第二灵感库。
前阵子我干了一件事：把100多个设计师作品集网站，一个一个点开看了一遍。
起因很简单——一个朋友要找工作，问我作品集该做成什么样。我发现自己虽然看过很多作品集，但真要说出个所以然来，还得系统过一遍。于是就有了这次"地毯式轰炸"。
100多个看下来，大部分其实平平无奇，但有那么几个，我点开之后就挪不开眼了。有的让我玩了半个小时才想起来是来看作品的，有的让我看完直接开始反思自己的职业方向。
今天这期，就把最值得看的4个作品集网站分享给你。不管你是要找工作、接外包，还是单纯想找设计灵感，这4个都值得放进收藏夹。
PART 01
Bruno Simon
创意技术流：把作品集做成3D驾驶游戏的男人
网址：资源
如果你只看一个作品集，就看这个。
Bruno Simon是法国的创意开发者（Creative Developer）。他的作品集是什么样？打开网站，你会看到一辆小吉普车，然后——你要开着这辆车在3D世界里逛，撞翻路障、按喇叭、玩液压弹跳，把车开到不同区域去看他的作品和介绍。
这不是一个"放着作品图的网站"，这是一个游戏。
几个让我印象深刻的点：
● 技术是WebGL/WebGPU：用Three.js渲染整个3D世界，支持键盘、手柄、触屏多种操作方式，甚至还有成就系统
● 细节多到离谱：内置地图功能、音效开关、画质切换，甚至有个"I'm stuck"按钮把你传回复活点——他把游戏产品的思维完整搬进了作品集
● 开源了全部代码：整个作品集的源码在GitHub上，MIT协议，连Blender建模文件都放出来了，想学的可以直接拆
● 他自己就是Three.js Journey课程作者：全球最火的Three.js教程就是他做的，这个作品集某种意义上就是他的"课程广告"
对设计师的启发是什么？作品集的本质不是"展示作品"，是"证明能力"。Bruno想证明的是创意编程能力，所以最好的证明方式就是——直接把能力做成作品集本身。你的作品集，就是你最强的那件作品。
如果你不是开发者怎么办？没关系，这个思路照样成立：做品牌的把作品集做成品牌，做排版的把排版做到极致，做交互的让翻页本身就有交互感。
大鹏说：我第一次打开这个网站的时候，戴着耳机玩了快半小时，撞了一路的东西，最后才想起来"我是来看什么的来着"。而且他连成就系统都做了——收集齐还有奖励，这种"过度设计"恰恰是顶级作品集的底气。建议用电脑打开，体验完整版。
PART 02
Dennis Snellenberg
设计开发全能流：一个人干成一个工作室
网址：资源
如果说Bruno Simon是"技术流天花板"，Dennis Snellenberg就是"设计感天花板"。
Dennis是荷兰的自由设计师兼开发者（Freelance Designer & Developer），他的自我介绍只有一句话："帮助品牌在数字时代脱颖而出，我们一起设立新的标准。"
他的作品集长什么样？极简、克制、但每一帧都在散发高级感。首页只有几个项目名称，滚动的时候文字和图片的衔接动画流畅得像电影转场。没有一个多余的元素，但每个停留的瞬间都值得截图。
看他的案例列表，你会更服气：
● TWICE：交互与开发，2024年作品
● The Damai：设计与开发，2024年作品
● FABRIC™：设计与开发，2023年
● Aanstekelijk：设计与开发，2023年
注意到了吗？他每个项目都是"Design & Development"一肩挑。这就是他反复强调的定位——"设计、代码与交互的热情，让我在网页设计世界里占据了一个独特的位置"。
这不是吹牛。在Awwwards（全球网页设计最高奖项平台）上，他是常客，多个项目拿了Site of the Day级别的荣誉。
对设计师的启发是什么？"设计+开发"双技能的组合拳，在市场上的稀缺性远超单一技能。你不需要成为顶级程序员，但如果你能理解网页的实现逻辑，你的设计落地质量会甩开纯视觉设计师一大截。Dennis的每个项目页都值得慢慢滚，注意看他的字体排印、留白节奏和加载过渡——这三个东西是"高级感"的来源。
大鹏说：我自己做电商素材的时候就发现，懂实现的设计师和不懂实现的设计师，做出来的东西就是两个档次。Dennis这种"一个人干成一个工作室"的模式，可能是很多设计师未来最值得走的路。他的作品集本身就是最好的接单广告——客户看到这个网站，基本就直接付款了。
PART 03
Peter Tarka
作品硬核流：Apple、Google、Nike案例压阵
网址：资源
前面两个是个人作品集，这个是"工作室级"的作品集。
Peter Tarka是伦敦的3D艺术指导（Art Direction & 3D），他的作品集打开就是一页项目列表——但每一行名字都吓人：
● Apple（保密项目）
● Google（Google IO 2019）
● Spotify（印刷与数字）
● Nike（保密项目）
● Green Mountain Energy（电视与数字）
● LG Signature / Land Rover / 全日空 ANA / Electronic Arts（EA）
● 还有Directus、LUMI、Molton Brown……基本把"你叫得出名字的大品牌"扫了一遍
他的风格是什么？精致的3D渲染。柔和的材质、干净的光影、克制的配色——每一张图都像品牌广告里的主视觉。他不玩花哨的交互动效，就是把3D做到商业级别的极致，然后用最简单的列表呈现。
这给我一个很重要的启发：作品集不需要花哨的形式，作品够硬，一页列表就够了。
很多设计师纠结作品集的形式——要什么动效啊、什么布局啊、什么风格啊。Peter Tarka告诉你：当你手里握着Apple和Nike的案例时，一个干干净净的列表就是最有说服力的排版。反过来，如果作品本身不够硬，再炫的壳子也撑不住。
对3D方向的设计师来说，他的项目几乎是教科书：注意看他的材质表现和构图——同样是产品渲染，他的图有"呼吸感"，物体之间的间距、光影的层次都经过精确计算。想走3D方向的同学，把他每个项目的视觉语言拆开分析，比自己瞎摸索一年都有用。
大鹏说：看他的作品集我想到一个词——"作品即简历"。他连客户名单都不用写，项目列表本身就是简历。这也是我建议大家努力的方向：与其把作品集做得越来越花，不如把手里的每个项目做到能写进列表的级别。
PART 04
Fons Mans
个人品牌流：把名字经营成资产
网址：资源
最后这个，是给"个人品牌"这条路的一个惊艳示范。
Fons Mans是荷兰设计师，现在的身份是Offgrid®的创始人——一家现代品牌设计工作室，客户包括Lovable、Intercom和Ramp。注意这三个名字：Lovable是当下最火的AI建站产品之一，Intercom和Ramp都是估值数十亿美元的科技公司。
他的作品集给我的第一感觉是：这不像一个"设计师的作品集"，像一个"品牌的官网"。
域名是fonsmans.com——就是他自己的名字。他把自己的名字经营成了一个品牌：统一的视觉语言、克制的配色、明确的定位陈述。他先是资深产品设计师，后来一步步走向品牌和工作室的方向，作品集也跟着完成了从"求职名片"到"品牌资产"的进化。
对设计师的启发是什么？你的名字，就是你的第一个品牌项目。
我们很多人做作品集的时候，想的是"怎么把作品展示好"，但很少想过"我这个人叫什么、我代表什么、别人提到我该联想到什么"。Fons Mans展示了另一种可能：把作品集当成品牌官网来做，域名用人名，视觉统一，定位清晰。这样积累下来，作品集就不只是找工作的敲门砖，而是你个人品牌的根据地——找工作、接外包、做工作室，都用得上。
而且他的路径特别值得参考：设计师→产品设计师→品牌设计→创立工作室。作品集跟着身份升级，每一步都踩得很清楚。你的作品集，应该反映你想成为的人，而不只是你做过的事。
大鹏说：这4个作品集里，Fons Mans给我的触动最大，因为他证明了"作品集是长出来的，不是一次性做出来的"。从个人名片到品牌根据地，作品集可以是活的。我也在琢磨把自己运营的账号当成品牌来做，这个思路大家可以一起试。
LAST PART
4个作品集，4条路
最后总结一下，这4个作品集分别代表了4种不同的方向：
● Bruno Simon → 创意技术流：把能力直接做成作品集本身，适合技术型/交互型设计师
● Dennis Snellenberg → 设计开发全能流：一肩挑设计与开发，Awwwards常客，适合想接高质量外包的
● Peter Tarka → 作品硬核流：Apple、Google、Nike案例压阵，一页列表就够了，适合深耕某一领域的
● Fons Mans → 个人品牌流：把名字做成品牌，作品集跟着身份一起进化，适合想长期经营个人IP的
看完100多个作品集，我最大的感受是：作品集没有标准答案，但有标准问题——你想证明什么？
证明技术，就像Bruno把作品集做成游戏；证明审美，就像Dennis把每个像素磨到极致；证明实力，就像Peter把客户名单亮出来；证明品牌，就像Fons把名字经营成资产。
想清楚这个问题，你的作品集就有了魂。
这期是新栏目方向"作品集网站"的第一期。所有的"网址资源"我都整理好了一份文档。
#作品集 #设计灵感 #设计师成长 #个人品牌 #第二灵感库
"作品集网站"新系列上线！点赞 + 在看 + 转发三连支持一下
ISSUE 52 · NEW SERIES STARTS HERE