20 个网页设计作品集示例

1.罗比·莱昂纳迪

2. 尤尔·莫罗

3.丹尼尔·斯帕泽克

投资组合：danielspatzek.com

为何特别：丹尼尔展示了他的图形和网页设计技巧。

简介：作为图形和网页设计师，丹尼尔在他的作品集中完美地展示了他的技能。通过使用大量的 CSS 技巧和动画，他使一切变得栩栩如生，并创造了真正的动态体验。

4.玩具大战

投资组合：toyfight.co

为何特别：ToyFight 使用引人注目的配色方案，立即吸引访客的注意力。

简介：ToyFight 的这款精美简约且易于浏览的产品组合是一场视觉盛宴。简约的设计与鲜艳的色彩相结合，营造出一种创造力的氛围，并吸引访问者在网站上花费更多时间。

5. 舒尔克工作室

投资组合：studioschurk.nl

为何特别：Studio Schurk 使用插图和幽默来吸引游客。

简介：动画二人组 Studio Schurk 在他们的作品集网站上展示了他们的幽默感。当您向下滚动时，您会看到有趣且有趣的动画，突出了二人组的才华。

6.雷佐零

投资组合：rezo-zero.com

为何特别：Rezo Zero 为各种项目提供完整的案例研究。

简介：Rezo Zero 是一家专门从事品牌战略和数字创作的创意工作室。该作品集感觉就像一本数字杂志——充满了美丽的图像和精心挑选的字体。但让它变得更好的是每个项目的详细且经过深思熟虑的案例研究。

7.沃金

投资组合：wokine.com

为何特别：Wokine 遵循最新的视觉设计趋势。

简介：分屏（一个屏幕一分为二）是最新的视觉设计趋势。Wokine 在其主页设计中完美地融入了这一技术。该组合本身是超简约的，有很多间距和简单的配色方案。这创建了良好的视觉层次结构，并且可以一目了然地了解重要内容。

8. 跑腿工作室

投资组合：legworkstudio.com

为何特别：动画让《Legwork》脱颖而出。

简介：Legwork 是一家位于科罗拉多州丹佛市的独立工作室。他们创作动画和互动体验。大多数首次访问者都会对主页上独特的动画印象深刻 - 它不同于您以前见过的任何动画。

9.汉娜·普尔莫特

10. 沃克施塔特奇观

投资组合：werkstatt.fr

为何特别：Werkstatt Wundersite 为其产品组合找到了功能性与美观性之间的完美平衡。

内容：作品集网站需要精心设计并不意味着它需要奢华。事实上，许多有效的作品集网站更多地采用极简主义方法来设计网站本身。Werkstatt Wundersite 就是一个很好的例子。该网站是经典的简约风格，有大量的空白和大字体。该产品组合中对细节的高度关注才是真正使其脱颖而出的原因。

11.蒂姆·史密斯

投资组合：mypoorbrain.com

为什么它很特别：蒂姆创建了一个易于扫描的基于卡片的布局。

简介：伦敦设计师兼艺术家蒂姆·史密斯 (Tim Smith) 以简单却令人惊叹的方式展示了他的作品集。基于卡片的布局具有微妙的动画效果，可立即吸引用户。蒂姆使用有趣的动画效果，例如每件作品的剪切标题，当您将鼠标悬停在上面时，它们就会消失。

12. 休息室蜥蜴

投资组合：loungelizard.com

为何特别：Lounge Lizard 的产品组合营造出轻松的氛围。

内容：很难让一个网站既看起来专业又有趣，同时又不显得俗气。Lounge Lizard 轻松地实现了这种平衡。该团队将自己描述为“品牌招标者”，而这个以酒吧为主题的产品组合非常适合他们的工作和风格。该作品集充满了详细的案例研究和信息，并以友好的方式呈现。

13.STRV

投资组合：strv.com

为何特别：STRV 使用视频让访客了解该机构的运作方式。

公司简介：STRV 是一家专注于打造移动体验的数字产品机构。团队使用视频进行自我介绍 - 背景视频提供了团队如何工作的想法，单击播放按钮后屏幕上出现的全屏视频详细描述了整个过程。

14. 蛇蝎美人

作品集：femmefatale.paris

为何特别：这个作品集网站营造出一种奢华感。

简介：Femme Fatale 是一家专注于创作艺术作品的创意工作室。该团队将自己描述为“介于复杂与简单之间”，其产品组合完美地体现了这种基调：大胆的图像、黑色配色方案和清晰的字体营造出精致的外观。

15. 托比亚斯·阿林

投资组合：tobiasahlin.com

为什么它特别：托比亚斯让他的作品不言而喻。

内容简介：托比亚斯·阿林 (Tobias Ahlin) 在他的作品集中直入主题：“我设计和构建数字产品。”他使用简约的、基于卡片的布局和动画来展示他的作品。每个案例研究都直接与最终产品相关。

16. 臭工作室

投资组合：stinkstudios.com

为何特别：Stink Studio 展示了各种各样的项目。

简介：Stink Studio 致力于帮助具有前瞻性思维的客户在数字文化领域取得成功。工作室将他们的作品放在砖石布局的前面和中心。项目列表包括网站、促销活动，甚至 VR/360 体验。

17. 肖恩·哈尔平

投资组合：seanhalpin.io

为何特别：Sean 的作品集充满个性。

内容：作品集不仅仅是一份工作清单，它还是一个展示您作为创意人士的个人技能和个性的机会。Sean Halpin 的网站就是一个很好的例子。肖恩创建的不仅仅是一个作品集，而是一个绿色小世界，您可以在其中发现他如何帮助您构建完美的网站。

18.帕特里克·大卫

投资组合：bepatrickdavid.com

为什么它很特别：帕特里克成功地将他的整个作品集整合到一个页面中。

内容简介：帕特里克的作品集是单页长滚动网站的一个很好的例子。访问者向下滚动浏览美丽的英雄部分，看到他所从事的许多示例项目，然后是直接沟通的链接。简单，但非常有效。

19. 立体声

投资组合：stereocreative.com

为何特别：Stereo 专注于了解消费者与品牌的情感关系。

简介：总部位于伦敦的 Stereo Creative 机构创建了这个简单但引人注目的作品集网站。该机构的工作占据了其网站的中心位置，有大量彩色的全角图像和视频展示了他们的能力。立体声旨在与游客建立更深层次的情感联系。

20.史蒂文·门金

投资组合：stevenmengin.com

为什么特别：史蒂文为他的作品集创造了完美的介绍。

内容简介：史蒂文利用强烈的视觉效果让人们对他的能力一目了然。当访问者进入史蒂文的网站时，他们首先看到的是精美的动画云景效果。坐下来观看这种起伏真是一种纯粹的快乐。

2 个奖金投资组合网站

有了这么多优秀的网页设计作品集，我们决定再分享 4 个吸引我们眼球的作品集。

奥利维尔·吉勒

帕维尔·诺伯特

网页设计常见问题解答

网页设计的5个领域是什么？

• 版图设计
• 界面设计
• 用户体验设计
• 视觉设计
• 内容策略

网页设计包括哪些内容？

网页设计的4个阶段是什么？

• 规划：确定项目目标、研究目标受众、定义范围并创建时间表。
• 设计：开发网站结构、设计界面并创建内容。
• 开发：编写代码、集成功能并测试网站。
• 维护：更新内容、监控分析并响应反馈。