构建最佳 UX 作品集网站

工具有哪些 

作为一名资深 UX 设计师深知作品集的重要性。

作品集不仅仅是一个设计师的成长轨迹；也是一个设计师的能力展示，还是一个个设计项目故事，更是一个通往理想企业的金钥匙。

在过去，每当我需要整理作品集的时候，也是我有一些绝妙的创意灵感涌现的时候，然而，此时总会因一件事让我有些许迟疑（影响我拔刀的速度）。这是为什么呢在多种多样的设计工具中，我应该选择哪一款工具呢

没办法，类似的平台和工具实在太多了，多到难以选择，总让我不知所措，对初级设计师而言更是如此。

看似差不多的平台和工具，所能提供的功能也大致相同，但是，当我使用后，感受和效果都截然不同，各有各的特色和优势。在我从事设计师 15 年里，不断尝试这些能够构建作品集的工具，喜欢捣鼓，喜欢折腾，我始终也选定了适合我的工具。

这里我提供市面上常用的顶级作品集网站构建工具，并且提供一点点个人使用心得，希望能够帮助每一位初级 UX 设计师，助力他们选到适合自己的工具，并做出更好的作品集展示网站。

话不多说，让我们开始吧 ?

如果我们想展示一些高级的交互和丰富的动画效果，Webflow 能够满足，UX 案例合集展示很需要。拥有强大的响应式设计能力，能够确保我们的用户无论使用什么设备都能获得流畅的体验。

价格：大部分免费

评分：8/10

❤️ 我为什么喜欢它：

Webflow 让我们能够自由将最具挑战的 UX 案例研究变为现实，并且不需要大量的编码。其高度可定制性能够让我们的 UX 作品集脱颖而出。

✅ 优点：

• 提供广泛的定制选项 

• 轻松整合动画和交互效果 

• 具有响应式设计功能

❌ 缺点：

• 有一定的学习曲线 

• 可能不适合基础作品集

Behance 

如果我们希望立即获得作品集的曝光和反馈，Behance 的社区平台是我们构建作品集的首选。其社交属性能带来额外的机会，比如：项目合作和潜在的工作机会。

价格：大部分免费

评分：6.5/10

❤️ 我为什么喜欢它：

Behance 提供了一个庞大的设计师交流社区。这是一个很不错的垂直社交平台，我们不仅可以展示作品，还可以从其他设计师那里汲取绝妙灵感。

✅ 优点：

• 社区驱动的平台 

• 易于使用和设置 

• 提供知名度和社交机会

❌ 缺点：

• 个性化程度不如独立网站 

• 可能会淹没在众多设计师作品集中

• 不能深度描述和解释设计决策

Squarespace 

如果我们非常着急，需要马上构建我们的作品集网站，并且希望不要投入太多精力学习，能够轻松设置，那么，Squarespace 值得推荐，凭借其精美的模板能够快速设置我们的 UX 作品集。

价格：15 美元+/月

评分：8.5/10

❤️ 我为什么喜欢它：

Squarespace 简约且优雅。我可以快速为我的 UX 项目设置一个看上去很不错的设计展示，我们不需要太深入的定制，非常适合迅速建立作品集网站，也能达到相当美观度。

✅ 优点：

• 直观的设计 

• 精美的模板 

• 无需编码

❌ 缺点：

• 与 Webflow 相比灵活性较差

• 长期计划可能价格较高

• 高级交互功能有限

Dribbble 

如果我们的作品集主要是以视觉效果的方式展示， Dribbble 就非常适合快速将我们 UX 作品呈现给更庞大的专业设计师群体。希望与全球设计社区保持互动，这是一个必不可少的平台。

价格：专业版 8 美元/月

评分：6.5/10

❤️ 我为什么喜欢它：

我们可以在 Dribbble 分享设计项目的一小部份，就能够获取专业设计师的反馈，同时，我们还能了解设计的最新趋势。这是一个为放眼全世界的设计师量身定制的社交网络平台。

✅ 优点：

• 非常适合小型展示 

• 提供社交和工作机会 

• 在设计界很受欢迎

❌ 缺点：

• 仅限于小型“作品”展示 

• 可能无法呈现完整的 UX 流程 

• 不能深度描述和解释设计决策

Portfoliobox 

在我还处于设计职业生涯的初级阶段的时候，就很需要一款快速构建 UX 作品集的工具，Portfoliobox 凭借其简单易上手的界面体验，成为我当时的一个非常好的选择。

价格：3.5 美元/月

评分：7/10

❤️ 我为什么喜欢它：

Portfoliobox 提供了一种直接、简单的方法。当我们需要快速设置 UX 作品集，如果我们不需要深入复杂的细节展示，它绝对是完美的选择。

✅ 优点：

• 无需编码 

• 提供免费和专业版本 

• 易于使用的界面

❌ 缺点：

• 模板有限 

• 对经验丰富的设计师可能缺乏高级功能

Adobe Portfolio 

如果我们对已经长期使用 Adobe 生态系统中好几款工具，那么，可以选择 Adobe Portfolio ，其表现也非常出色。如果你也是 Adobe Creative Cloud 的用户，那么，这个平台能够确保设计工具之间与你的 UX 设计的一致性和高度集成性。

价格：20 美元+/月

评分：7/10

❤️ 我为什么喜欢它：

作为一名经常使用 Adobe 的 UX 设计师，Adobe Portfolio 与其他 Adobe 产品的无缝连接，这一点是其最大的竞争优势。我们能够以统一且连贯的工作方式制作 UX 作品集。

✅ 优点：

• 与其他 Adobe 产品无缝集成 

• 使用简单 

• 响应式设计

❌ 缺点：

• 定制化很有限 

• 最好与 Behance 结合使用 

• 对非 Adobe 用户来说可能价格较高

Wix 

如果我们需要寻求 UX 作品集设置的灵活性与速度平衡的工具，那我会推荐 Wix ，它平衡了这两点。

价格：14 美元+/月

评分：8/10

❤️ 我为什么喜欢它：

Wix 在定制化和易用性之间取得相对的平衡。拖放式的界面交互很直观，丰富的模板也让我耳目一新。没有特别的偏重，其实也是优势。

✅ 优点：

• 拖放式界面 

• 大量模板选择 

• 与各种第三方工具集成

❌ 缺点：

• 对资深设计师来说灵活性较低 

• 部分模板不完全支持响应式设计

UXFolio 

如果我们正在转入 UX 设计领域，交互式原型制作能够看到实际的交互效果，面对看重交互细节的设计司机而言，就是一个福音。

价格：9 美元/月

评分：8/10

❤️ 我为什么喜欢它：

作为一名 UX 设计师，UXFolio 能够展示案例研究的深度和细节。是一款专为 UI/UX 专业人士量身定制的，提供了一个完美契合我们日常工作方式的工具。

✅ 优点：

• 专为 UI/UX 设计师量身定制 

• 支持交互式原型 

• 详细的案例研究结构

❌ 缺点：

• 与通用作品集平台相比更加小众 

• 相比之下，价格可能有点小贵

Framer 

如果我们希望更好的展示交互设计技能，Framer 是必不可少的工具。我们可以直接从 Figma 导入设计到 Framer。这正成为设计师们最受欢迎的网页设计工具。

价格：5美元+/月

评分：8.5/10

❤️ 我为什么喜欢它：

Framer 的优势在于其动态交互展示能力。作为 UX设计师，这是一个很不错的工具，不仅可以展示静态设计，还能让作品模拟真实效果。

✅ 优点：

• 灵活且交互性强 

• 直接从 Figma 导入设计稿件

• 多功能：设计、原型和创建一体化

❌ 缺点：

• 对初学者来说，有一定学习曲线

• CMS 功能价格较高

Semplice 

如果我们已经熟悉 WordPress，那么，Semplice 也是一个不错的选择。博客和作品集结合能够全面展示项目。我们可以把它看作一个以设计为商品的电商平台。

价格：119 美元+一次性付款

评分：7/10

❤️ 我为什么喜欢它：

基于 WordPress 构建，Semplice 提供较灵活的模版设置功能。以网格系统布局非常适合结构化，同时，又富有创意的展示。

✅ 优点：

• 基于 WordPress 构建，提供极大的灵活性 

• 为设计师量身定制

• 先进的网格系统

❌ 缺点：

• 需要对 WordPress 有一定了解 

• 对较小较简单的作品可能过于复杂

Dunked 

如果我们优先考虑制作效率和简洁外观，那么 Dunked 是一个很不错的选择。响应式设计能够让作品集在任何设备顺畅的预览。

价格：8 美元+/月

评分：7/10

❤️ 我为什么喜欢它：

Dunked 提供非常简洁视觉美学。对比那些复杂的设计工具而言，不要要太多学习曲线，就更容易上手使用。

✅ 优点：

• 易于设置 

• 干净、极简的模板 

• 响应式设计

❌ 缺点：

• 与专业工具相比定制化有限 

• 缺乏一些高级功能

 Weebly 

如果我们计划构建是一个设计作品集展示，并且能够实现设计产品的商业化，Weebly 能够实现这一目标。

价格：10 美元+/月

评分：7/10

❤️ 我为什么喜欢它：

Weebly 提供了一个全面的设计销售平台，不仅仅是作品集，还拓展到销售设计产品，集成了电商功能。

✅ 优点：

• 拖放式界面 

• 各种各样的模板 

• 集成的电子商务功能

❌ 缺点：

• 高级设计能力有限 

• 如果没有大量定制可能感觉比较通用

Carbonmade 

如果我们希望与众不同是，并且不怕拥抱独特的风格，那么 Carbonmade 能够进入我们的视野。

价格：9 美元+/月

评分：7/10

❤️ 我为什么喜欢它：

Carbonmade 的独特美学是一个不错的卖点。该平台允许创建一个不仅专业而且散发着趣味性和古怪感的 UX 作品集。

✅ 优点：

• 异想天开且有趣的界面 

• 无需编码 

• 流畅的动画和过渡效果

❌ 缺点：

• 可能不适合所有专业场合 

• 局限于其自身的美学风格

Notion 

如果我们想要一个超越传统 UX 作品集结构的工具的设计师会发现 Notion 的价值。使用它需要一点创造力，但最终结果是一个真正个性化的空间。

? 价格：基本免费

? 评分：8.5/10

❤️ 我为什么喜欢它：

Notion 的多功能性是很强的。它提供了一张白纸，让设计师设计自己独特作品集空间，同时也服务于其他多种功能。

✅ 优点：

• 易于更新 

• 为写作优化 

• 不仅仅是作品集工具，非常适合笔记、任务等

❌ 缺点：

• 本质上不是作品集平台 

• 需要更多的设置和设计直觉

最好的UX作品集网站构建工具到底是哪一个呢

创建 UX 作品集是每一位初级设计师的成长的必经之路。也是设计师与现实世界之间的桥梁，展示我们的才华和热情。正因如此，选择正确的工具也就显得尤为关键。

我们总结一下，以下是值得每一位 UX 设计师考虑的作品集网站构建工具清单：

Webflow：适合复杂的设计和动画 

Behance ：用于社区互动和反馈 

Squarespace ：追求优雅和简洁 

Dribbble ：用于简短的视觉展示 

Portfoliobox：快速简便的设置 

Adobe Portfolio：适合 Adobe 使用者

Wix ：提供时尚的拖放体验 

UXFolio：专为 UX/UI 设计师打造，深入的案例研究 

Framer：适合动态交互；灵活展示视觉实力 

Semplice：基于 WordPress 构建，是博客和作品集的结合 

Dunked：直接明了且具现代感，提供简洁的模板 

Weebly：一体化平台，适合考虑销售设计

Carbonmade：古怪有趣的界面而独具特色 

Notion：易于更新，适合探索功能的多用途

我的小小建议： 

对于设计初学者，建议使用 Notion 专注于写作，记录我的成长过程，并定期更新。轻松分享链接供招聘人员在线查看。

对于资深设计师，建议使用 Framer 展示个人品牌并提高脱颖而出的机会。至少投入 50 小时精心制作视觉上吸引人的内容，让客户印象深刻。

记住：UX 作品集是设计师生命的一种延续。

选择一个与我们风格相呼应的平台或工具，能够有效地展示我们作品，让我们在众多设计师中脱颖而出。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。