哈喽，我是大鹏，这里是你的 UI/UX 第二灵感库。
很多设计师做个人网站、作品集、工作室官网时，最容易犯一个问题：
把页面当成“展示柜”，不停往里塞作品、服务、经历、客户、联系方式。
但用户真正想知道的是：
你是谁？
你擅长解决什么问题？
我为什么要信任你？
我下一步该看作品、读文章，还是联系你？
这一期我们拆 6 个网站，重点看个人品牌、作品集、设计工作室和服务型官网，怎么建立专业感和信任感。
01. Dapper
链接： https://www.dapper.agency/
Dapper 是一家 B2B Marketing Agency，主要帮助 B2B 品牌做增长、内容、广告投放、数据衡量和需求生成。
它的页面非常适合学习“服务型官网怎么卖自己”。很多 agency 官网会写一堆抽象词，比如创意、策略、增长、全案，但 Dapper 很快就把服务拆清楚：内容与创意、付费媒体、数据衡量、Demand Team、培训，并且用大量结果数据和客户案例证明自己。
设计亮点：
它很会用数字建立信任，比如增长百分比、线索数量、客户评价、案例结果。页面不是只说“我们很专业”，而是不断用结果告诉用户“我们确实能带来业务变化”。
设计参考价值：
适合参考咨询公司、设计工作室、营销服务、自由职业者官网。尤其是做作品集时，不要只展示视觉结果，要补上背景、目标、过程和结果。
这里可以学一个方法：
作品集和服务官网最重要的不是“我做了什么”，而是“我带来了什么变化”。
02. Tubik Studio
链接： https://tubikstudio.com/
Tubik Studio 是一家 UX 和品牌设计工作室，长期输出 UI、品牌、插画、动效、产品设计相关内容。
它的网站适合学习“设计机构如何建立长期专业资产”。它不只是展示案例，也会通过文章、案例研究、设计资源和服务介绍，让用户感受到这是一个有方法、有经验、有持续输出能力的团队。
设计亮点：
Tubik 的优势是内容体系很完整。它把作品、服务、文章、设计观点结合在一起，不只是一个 portfolio，而像一个持续更新的设计品牌。
设计参考价值：
适合参考设计工作室官网、设计师个人品牌、内容型作品集。对于个人设计师来说，也可以借鉴它的思路：除了作品，还要有文章、案例拆解、设计观点和方法总结。
这里可以引出一个职业发展点：
设计师的专业感，不只来自作品数量，也来自你能不能把设计过程讲清楚。
03. Rico 的设计漫想
链接： https://blog.ricocc.com/
这是设计师 Rico 的个人博客和作品集，里面有文章、项目、网页作品、UI、3D、工具和设计资源导航。
它很适合中文设计师参考，因为它不是一个单纯简历站，而是把个人作品、设计文章、资源项目和外部平台整合在一起。用户进入后，可以很快看到他的身份：写代码的设计师，关注网页设计、视觉落地和开发探索。
设计亮点：
它的内容分类很清楚：文章、项目、网页、UI、3D、Tools。对于一个持续输出的人来说，这种分类能让访问者快速理解你长期在做什么。
设计参考价值：
适合参考个人知识库型作品集。尤其是你想做个人品牌时，不一定只放大项目，也可以把文章、工具、资源库、实验作品放进去，形成“我一直在研究和输出”的感觉。
这里可以学一个方法：
个人网站不一定要像简历，更可以像一个长期生长的个人系统。
04. Onur.dev
链接： https://onur.dev/
Onur.dev 是一个软件工程师个人网站，包含 Home、Writing、Journey、Stack、Workspace、Bookmarks 等栏目。
它的风格非常克制，几乎没有复杂视觉，但信息组织很清楚。你能快速知道他是谁、做什么、写过什么、用什么技术、工作经历如何、平时关注哪些东西。
设计亮点：
它用“目录式信息架构”建立秩序感。相比很多花哨个人网站，它更像一个可浏览的个人档案库，适合技术人、产品人、设计师参考。
设计参考价值：
适合学习极简个人站的信息组织。尤其是当你没有很多视觉作品时，可以用写作、经历、技术栈、书签、工作空间这些内容补充个人可信度。
这里可以引出一个 UX 点：
极简不等于内容少，而是让用户更快找到有价值的信息。
05. Manon Jouet
链接：https://manonjouet.com/
Manon Jouet 是一个互动艺术指导的个人网站。页面公开文字很少，但它用字母、加载状态和动效建立了强烈的个人风格。
它和 Onur.dev 正好相反：Onur.dev 靠结构建立专业感，Manon Jouet 靠第一眼的视觉和交互记忆点建立个人印象。
设计亮点：
它适合观察创意型作品集怎么做“开场”。对于互动设计师、视觉设计师、艺术指导来说，作品集的首屏本身就是能力展示。用户还没点进项目，就已经感受到你的审美和互动能力。
设计参考价值：
适合参考创意作品集、互动设计师主页、艺术指导个人站。尤其是想做差异化个人品牌的人，可以学习它如何用少量文字和强动效制造记忆点。
这里可以学一个判断：
作品集首页不一定要解释所有事，但必须让用户记住你。
06. Tobacco Theater
链接：https://tobacco.nl/
Tobacco Theater 是阿姆斯特丹的剧场和活动空间网站，内容包括演出节目、场地租赁、画廊、新闻、活动合作和联系方式。
它最值得学习的是：一个文化场馆如何同时服务两类用户。普通观众想看节目、买票、了解活动；商业客户想看空间、租赁场地、联系团队。Tobacco Theater 把文化内容和商业转化放在同一个网站里，但没有显得割裂。
设计亮点：
页面有很强的剧场氛围，同时又保留了清晰的导航和联系入口。它不是只做艺术感，也考虑到了场地租赁、活动合作、Newsletter 和联系方式。
设计参考价值：
适合参考文化空间、展厅、剧场、艺术机构、商业活动场地官网。尤其是当网站有多类用户时，要学会把入口分清楚，而不是让所有人走同一条路径。
这里可以引出一个信息架构方法：
多用户网站要先识别不同任务，再设计不同入口。观众要买票，客户要租场地，媒体要看资料，合作方要联系负责人。
本期总结
这一期 6 个网站，可以拆出 6 个设计关键词：
Dapper：用结果数据证明服务价值。
Tubik Studio：用持续内容建立专业资产。
Rico 博客：把个人输出整理成长期系统。
Onur.dev：用极简信息架构建立清晰印象。
Manon Jouet：用强开场制造个人记忆点。
Tobacco Theater：为不同用户设计不同入口。
如果你正在做作品集或个人网站，可以先问自己 5 个问题：
我希望别人 5 秒内记住我什么？
我的项目是在展示页面，还是在证明能力？
我有没有把过程、思考和结果讲清楚？
用户想联系我时，路径是否足够清晰？
我的网站是一次性展示，还是能长期更新？
我做 UI/UX 知识库，也是想帮大家把这些方法系统整理起来。不是只收藏好看网站，而是学会拆：信息架构、视觉层级、用户路径、作品集表达、案例复盘和个人品牌。
想系统补齐 UI/UX 能力，少走弯路，可以来我的私域了解。下一期，我们继续拆 6 个值得收藏的网站。