哈喽，我是大鹏，这里是第二灵感库。
上两期我们聊了设计趋势和实用工具，后台收到不少私信，问得最多的问题是：
「大鹏，我的作品集投出去总是石沉大海，到底哪里出了问题？」
这个问题我也经历过。后来我发现，大多数人把作品集当成「截图集」来做——把做过项目的界面往上一放，加上几行文字说明，就完事了。
但你去看看那些拿 Awwwards、被大厂疯抢的作品集——它们不是在「展示作品」，而是在「讲一个只有你能讲的设计故事」。
这期，我从知识库里挑了 6 个资源，帮你从 Logo → 网站 → 建站工具 → 商业表达，重新理解「如何让作品被记住」。
📋 本期速览
|
|
|
|
|
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Logo System —— 你的品牌识别嗅觉，应该从哪里练起？
🔗 https://logosystem.co/
一句话介绍
Logo System 是目前最大的 Logo 设计灵感库之一，收录了 1000+ 个真实及虚构品牌的 Logo，按「类型」和「颜色」两大维度分类。它不是让你抄 Logo，而是帮你建立品牌识别的判断力。
它能干什么？
|
|
|
|
|---|---|---|
|
|
|
|
|
|
|
|
除了浏览，它还支持设计师上传自己的作品。这意味着你看到的不仅有成熟品牌（比如知名设计公司 Pentagram 的作品），还有大量独立设计师的新鲜创意。
设计理论：Logo 不是一个「图标」，是一套「视觉语法」
很多设计师有一个误区：把 Logo 理解为「好看的图标」——找个圆形，加点几何元素，配个字体，搞定。
但真正好的 Logo 设计是一套视觉语法：
- 图形标（Symbol）
：用户看到的是图形，但大脑解码的是「隐喻」（比如 Nike 的勾 = 运动中的轨迹） - 字标（Wordmark）
：字体本身就在传达品牌性格（细线无衬线 = 高级感；粗体手写 = 亲切感） - 图文组合
：图和文字的主次关系、比例、间距决定了品牌的「专业程度」
在 Logo System 上浏览 50 个同一类型的 Logo，你会开始注意这些细节：
-
为什么某些品牌的圆角是 2px，另一些是 8px？（圆角越锐 = 越专业；越圆 = 越友好） -
为什么金融品牌几乎全是蓝色字标？（蓝色 = 信任；字标 = 稳重） -
为什么互联网品牌喜欢用多彩渐变？（多彩 = 包容；渐变 = 动态 = 科技）
对你的学习价值
① 作品集的「封面」升级
作品集的封面是面试官最先看到的东西。如果你只是放「张三 · UI 设计师」几个字，那和 99% 的候选人没有区别。
用 Logo System 的思路来设计你的个人品牌标识：
-
找一个隐喻（你的设计风格是什么？极简还是大胆？理性还是感性？） -
确定一个核心视觉（图形标还是字标？什么颜色？什么字体性格？） -
把这个标识贯穿整个作品集（封面、项目页、简历头——统一的视觉符号 = 被记住的概率 ×3）
② 面试时的专业表达
面试官问「你对品牌设计有了解吗」，如果你能说：
「我平时会研究 Logo System 上的 Logo，我发现同一个行业的设计有很多共性，比如金融类偏好蓝色字标，因为蓝色传递信任感、字标传达稳重感……」
这比「我学过品牌设计」有说服力 10 倍。
2. Phantom Studios —— 不是「展示作品」，是「创造体验」
🔗 https://www.phantom.land/
一句话介绍
Phantom 是一家总部位于伦敦和新西兰的数字创意代理，客户包括 Google、Netflix、YouTube、Sony Music。他们的官网展示了 91 个项目（从 2016 到 2026），是研究「顶级作品集叙事方式」的最佳案例之一。
设计风格分析
Phantom 的网站设计有几个非常鲜明的特征：
① 时间线叙事，而不是瀑布流
大多数作品集是你从上往下滚动，看到一堆卡片堆叠。Phantom 用的是按年份组织的时间线——每个年份是一个区块，区块下面展示那一年的项目。
这种结构的好处：
-
面试官一眼就能看到你的成长轨迹（「2020 年做的项目还很基础 → 2023 年的项目明显成熟了」） -
年份本身就是「可信度」和「经验值」的信号 -
项目之间有了时间关系，而不只是并列的卡片
② 项目卡片本身就是一帧电影海报
Phantom 的每个项目卡片不是一张截图 + 一段文字，而是一个完整的迷你视觉体验：
-
动态封面（GIF / 短视频片段） -
简洁的标题（不做过多解释，让视觉说话） -
鼠标悬停有微妙的动效（不是花哨，是质感）
③ 技术栈的选择服务于叙事
Phantom 大量使用 WebGL、Three.js、实时交互——但所有技术都服务于一个目的：让用户「进入」你的作品，而不是「浏览」你的作品。
设计理论：作品集的「空间叙事」
这和第一期拆过的 Basement.studio 是同一套哲学：「空间叙事」。但 Phantom 把它用在了作品集场景上：
传统作品集是 「列表思维」：
项目1 → 项目2 → 项目3 → 项目4
Phantom 是 「体验思维」：
年代语境（这一年发生了什么）
→ 核心项目（那个年度的代表性作品）
→ 辅助项目（同一时期的其他作品）
你把作品集当成「展览」，面试官就是「参观者」。参观者不会记住每一件作品，但会记住「那个做Google项目的设计师、用的全是3D技术」。
对你的学习价值
① 现在立刻重构你的作品集结构
从「项目列表」改成「成长故事」：
-
分成 2-3 个阶段（比如「实习期 → 成长期 → 主导期」） -
每个阶段选 1-2 个代表作 -
阶段之间写一段「这一阶段我学到了什么」
这不是吹嘘，是让你的能力路径可视化。
② 学会用「上下文」提升项目价值
不要只说「我设计了一个App界面」，要说这个项目的上下文：
-
这个产品要解决什么问题？ -
你的设计决策是什么？放弃了哪些方案？ -
上线后数据怎么样？
Phantom 的项目卡片简洁但不空洞——因为他们用视觉回答了「这个项目给客户带来了什么」。你的作品集也要做到：每张图背后有一个可以被理解的故事。
3. Tubik Studio —— 好设计机构不只会做设计，还会「讲」设计
🔗 https://tubikstudio.com/
一句话介绍
Tubik 是一家获奖 UX/UI 设计机构（Webby、Red Dot、FWA、Awwwards），客户包括华为、Adobe、喜力、联合国。但最值得学的不是他们的案例，而是他们的 「设计博客」——他们把做项目的经验，转化成了可以传播的知识内容。
设计思路：为什么一流的机构都在做内容？
你可能觉得奇怪——一个设计机构，为什么要花时间写博客？
Tubik 的答案是：「你能讲清楚一个设计问题，才说明你真的解决了它。」
他们的博客覆盖了这些主题：
-
UX 评审方法论（怎么做设计评审才有效？） -
No-Code 工具对比（什么场景用什么工具？） -
动效设计的原理（什么时候该加动效、什么时候不该加？） -
品牌视觉识别的执行流程（从策略到交付）
这些文章的背后逻辑是同一件事：把「不可言说的设计经验」转化为「可复用的方法论」。
对你学习设计的帮助
① 你的作品集项目说明，应该重写
绝大多数设计师的项目说明长这样：
「这个项目我负责界面设计，使用了 Figma，参考了 Material Design……」
对比 Tubik 的项目描述方式：
「这个项目的核心挑战是用户对流程的理解成本太高——研究表明新用户平均需要 4.2 分钟才能完成首次操作。我们的解决方案是……」
区别在哪？前者在说「我做了什么」，后者在说「我解决了什么问题」。
② 建立你自己的「设计方法论输出」习惯
面试官最怕的是：
「你的设计理念是什么？」「嗯……就是好看、好用、用户体验好。」
如果你能像 Tubik 一样，把做过的项目总结成一条条可以复用的原则——
比如：「我在做 B 端后台时发现，信息密度和操作效率之间存在一个『认知负载平衡点』——超过 7 个核心操作项，用户效率开始下降……」
——面试官会觉得你是一个「有体系」的设计师，而不是一个「会画图」的设计师。
③ 把学习成果公开，是建立个人品牌的最快路径
Tubik 的博客给他们的业务带来了什么？当潜在客户搜索「UX设计评审怎么做」时，搜到的是 Tubik 的文章——这就是内容获客。
如果你在公众号/小红书/知乎上输出你的设计思考，同样的事情也会发生在你身上。
4. Peach Web —— 不会写代码，也能做出 3D 作品集
🔗 https://peachweb.io/
一句话介绍
Peach Web 是一个无代码 3D 网站构建器，被 Muzli 评为 2025 年顶级网页设计趋势。它让你通过拖拽操作就能创建一个带 WebGL 3D 效果的交互式网站——不需要会 Three.js，不需要会写 Shader。
设计功能分析
它能做什么？
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
怎么用？
-
选择行业/身份方向 -
从模板市场选一个模板 -
拖拽编辑 → 发布
它有模板市场、视频教程、Discord 社区、甚至「雇佣专家」服务——几乎是一个完整的无代码 3D 建站生态。
设计理论：为什么「3D」是作品集的正确方向？
这不是赶时髦。3D 作品集之所以在 2025-2026 年爆发，有 4 个硬逻辑：
① 视觉差异化 在 HR 每天看 50 个 2D 作品集后，你的 3D 作品集会被自动标注为「与众不同」。
② 空间展示优势 2D 网页只能「上下排列」，3D 网页可以「空间布局」——你的不同项目可以放在不同空间位置，面试官通过「探索」而非「翻阅」来了解你。
③ 技术能力的隐性证明 一个设计师说「我懂 3D 设计」和「这是我的 3D 作品集网站，你体验一下」——后者带来的信任感高 100 倍。
④ Peach Web 把门槛降到了零 以前做 3D 网站需要学 Three.js + WebGL + Shader，现在 Peach Web 把这个过程变成了「选模板 → 替换内容 → 发布」。对于设计师来说，这等于把外行技能变成了内行工具。
对你的学习价值
① 最直接的：做出一个让人「哇」的作品集
如果你的作品集还是 PDF 或 Notion 链接——用 Peach Web 花一个周末重做一版 3D 作品集。不一定要炫酷到让 HR 头晕，但一定要让他觉得：「这个人不只做设计，还关注前沿趋势。」
② 学习 3D 设计思维
用 Peach Web 的过程，本身就是在学空间构图和摄像机语言——而这些技能可以直接迁移到实际工作中。比如：
-
怎么安排 3D 场景中的「前景、中景、背景」？（对应产品页的信息层级） -
摄像机的移动速度多快合适？（对应页面滚动的节奏感） -
3D 元素和 2D 文字怎么配合？（对应混合现实界面的设计规则）
5. Animus Studios —— 最「不好看」的客户，怎么做出最「好看」的设计？
🔗 https://www.animusstudios.com/
一句话介绍
Animus 是一家专注医药和科技行业的视频创意代理，客户包括辉瑞、吉利德、富士胶片、Thoughtworks 等。它的 slogan 是 「Find Your Fascinating」——你的客户也许是做芯片的，但 Animus 能把它讲成一个让人激动起来的故事。
设计思路：B2B 的「无聊诅咒」怎么破？
很多设计师面临一个困境：接了一堆「无聊」的客户——SaaS、企业服务、医疗、工业……产品本身没什么视觉亮点，怎么做设计？
Animus 的答案是：不是客户无聊，是你还没找到讲故事的切入点。
他们处理 B2B 项目的方式：
- 把「技术参数」变成「人类故事」
：不是展示芯片能跑多少帧，而是展示「一个人用这个芯片创造了一个全新的世界」 - 给冷冰冰的数据一个「温度」
：医药公司不是展示分子结构，而是展示「一个人因为这款药重新站起来了」 - 用一个核心视觉符号贯穿始终
：比如「火焰」——在他们的网站上，火焰不仅是装饰元素，更是「创意勇气」的品牌隐喻
对你的学习价值
① 作品集如何处理「看起来不酷」的项目
如果你做过 B 端后台、企业官网、数据看板——不要跳过它们。用 Animus 的思路重新组织：
-
不要说「这是企业后台管理系统」 -
要说「这个系统让 2000 名运营人员每天节省 2 小时」
B2B 设计的美，不在视觉上，在效率上。你要展示的是 「设计决策带来的业务价值」。
② 「不好看的设计」也有设计价值
如果一个界面「看起来不好看」，但你研究了背后的信息架构和用户流程，发现它其实是不得已的最优解——把这个推导过程写进作品集。
这比展示 10 张漂亮的 Dribbble 图更能证明你是一个「解决问题的人」，而不是一个「画图的人」。
6. Good Eat'n —— 品牌电商的 Neobrutalism 落地实验
🔗 https://goodeatn.com/
一句话介绍
Good Eat'n 是 NBA 球星 Chris Paul 创立的植物基零食品牌。这是一个教科书级别的案例：如何让「设计风格」从视觉实验变成「品牌竞争力」。
设计风格分析
我们在第1期深度拆了新粗野主义（Neobrutalism）的设计原则。Good Eat'n 把这些原则完整地应用到了一个商业品牌上：
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
设计理论：风格不只是「好看」，是「品牌人格」
新粗野主义在很多设计师眼中是一种「潮」——潮过了就算了。但 Good Eat'n 证明了：风格是品牌人格的视觉翻译。
植物基零食的传统设计语言是什么？绿色、叶子、健康、小清新。
Good Eat'n 的选择是：大胆的红色、粗边框、街头文化感——它翻译出来的品牌人格是「我是植物基，但不无聊」。
这就是设计的价值——不是把产品做得「好看」，而是把品牌做得**「有脾气」**。
对你的学习价值
① 学会「风格的选择逻辑」
下次你接到品牌设计需求，不要直接问「你喜欢什么颜色？」，而是：
-
这个品牌的核心人格是什么？（专业？有趣？叛逆？温暖？） -
什么设计语言能翻译这个人格？（极简=专业，Neobrutalism=叛逆，复古=温暖怀旧……） -
找 3-5 个对照案例给客户看，而不是直接给配色方案
② 电商设计的「转化逻辑」不只是视觉
Good Eat'n 的设计不仅仅是好看——它的每个设计决策都有转化目的：
-
大字号产品名 → 降低阅读成本 -
滚动条打标签 → 反复强化购买理由 -
真实客户评价 → 社会认同，减少决策障碍 -
「首次订单 10% OFF」弹窗 → 捕获犹豫期用户
这些都是 UI 设计师需要理解的东西——你的设计不是为了像素完美，而是为了行为转化。
📌 大鹏的碎碎念
这期走了一圈：从 Logo（品牌起点）→ 作品集案例（Phantom / Tubik）→ 建站工具（Peach Web）→ B2B 商业表达（Animus）→ 风格落地实验（Good Eat'n）。
你会发现，它们指向同一件事：
「被记住」不是靠炫技，是你在每个环节都比别人多想了一层。
Logo 多想一层——它不是图标，是视觉语法。 作品集多想一层——它不是截图，是成长故事。 风格多想一层——它不是好看，是品牌人格。 设计价值多想一层——它不是 Dribbble 的赞，是真实的业务影响。
🗂️ 关于「第二灵感库」知识库
上面拆的 Logo / 作品集 / 建站工具 / 品牌案例，其实都来自我知识库里的**「网站合集」「设计文章与理论」「职业发展」**等模块。
我的知识库目前有 11 个模块，覆盖了一个 UI/UX 设计师从入门到进阶到职业发展的完整路径：
|
|
|
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
如果你想系统提升设计能力，而不是每次都靠「刷 Dribbble 找灵感」——在评论区留言**「资源」**，我会把详细信息发给你～
如果你已经在其他平台关注了「第二灵感库」，也欢迎来打个招呼 👋