对于设计师来说，作品集不只是实力的最好证明，更是求职时的金牌敲门砖。一份集特色、美观、实用于一体的作品集，往往能在设计师求职过程中发挥重要的作用。如今，越来越多的设计师选择将作品集放在线上，以个人网站的形式展示。那么如何做出一个好的个人作品集网站呢？别着急，小摹为大家精选了25个优秀的作品集网站，一定能让你灵感爆表。

 

 

1.Charlie Waite

 

Charlie Waite 目前就职于 Uber ，曾担任 GoPro 的UX总监和 Focus Lab 的互动总监。Charlie Waite 在个人网站的首页表明了自己的身份是“设计师、思想家、丈夫&父亲”，除了工作之外，也展示了生活对他的重要性。因此 Charlie Waite 的网站也采用的温暖的配色方案，作品采用了背景图拼接的方式展示，左右滑动可以查看更多内容。

 

 

 

2.Circularchaos

 

来自伦敦的自由产品设计师 Balraj ，从事设计工作已有8年以上，积累了丰富的设计经验。Balraj 认为自己是一个“狂热的梦想家”，因此在设计上也喜欢使用热情饱满的颜色。在设计个人网站时，使用了黑色背景来突出自己的设计。

 

 

 

3.Bady.co

 

Bady 是一位来自新加坡的UI设计师，他热爱设计，认为设计是解决人类问题的最好方法。Bady 在设计作品集网站时，采用了大量的留白，界面干净而舒适。此外，网站还增设了一个日志栏目，来记录自己的设计灵感。

 

 

 

4.Markwheeler

 

Mark 是一位专注于用户体验设计、交互设计和UI设计的资深设计师，目前就职于微软。Mark的作品兼具了创意与实用性，在设计作品集网站时，也采用了整屏铺陈作品的方式来展示，没有多余的信息。

 

 

 

5.Tangerine Industries

 

Tangerine Industries 是设计师 Corey Snyder 的个人作品集。Corey Snyder 非常有名，曾获得包括艾美奖在内的多个奖项。他的作品集网站最大的特色是采用了水平滚动的方式来展示，有点类似于查看幻灯片的感觉。

 

 

 

6.Dan Shin

Dan Shin 来自纽约，在交互方面有着丰富的经验。他的作品集网站主要由3个部分组成：首页、项目列表和作品展示，首页大图和超大号文字形成了强烈的对比，整体布局简洁合理。此外，Shin 还采用了视差滚动设计，来让自己的网站更加丰富有趣。

 

 

 

7.Beta Takaki

 

温哥华高级产品设计师 Beta 对设计充满了热情，喜欢创造令人愉悦且具有意义的产品，来兼顾用户的需求和作品的业务目标。Beta 的网站风格典雅，主要分为UX案例研究和UI设计两部分，UI设计作品可自由查看，UX案例研究则需要单独输入密码。

 

 

 

8.Dine hq

 

Dine 是一家位于北京的创意设计工作室，这个网站则汇集了该工作室所有设计师的作品。Dine 在早期专门从事创业公司的产品设计，如今，Dine 已经创建了许多优秀的作品，同样，这个交互流畅，排版精炼的作品集网站也是 Dine 的作品之一。

 

 

 

9.Bryan Medway

 

Bryan Medway是一位拥有超过17年设计经验的创意总监，用色大胆，喜欢使用红色的背景或按钮颜色。他认为红色可以很好地引起用户注意，并影响用户的情绪和下一步动作。这一点在他的作品集网站中，也有所体现。

 

 

 

10.Jermshaw

 

Jeremiah Shaw 是一位致力于3D插画、动画、UI设计和品牌设计的设计师，目前在Google工作。Jeremiah Shaw 的作品集网站，采用了深色背景，3D几何图形漂浮在背景中，导航和个人介绍则采用了与背景色对比强烈的白色线形文字，极具特色和艺术感。

 

 

 

11.Chris Kirknielsen

 

Christopher Kirk-Nielsen 是一名设计师出身的开发人员，专注于动态网站设计。Chris 的个人网站融合了他对版式设计、色彩、构图和动画的研究，风格复古，有种在观看90年代科幻大片开头部分的感觉。

 

 

 

12.By Matt Lee

 

UX设计师 Matt Lee 帮助品牌打造创意十足的解决方案。他的创意在他的个人网站中同样有所体现。黑色系的个人网站中，暗含着像素元素，字体及LOGO也进行了不同层次的灰度处理，配合流畅的交互效果，给人眼前一亮的感觉。

 

 

 

13.Malte Gruhl

 

自由设计师 Malte Gruhl 的网站和他的名字一样，充满了奇妙的色彩。黑色背景+白色动态元素，看似简约，却有不能用“简约”来形容他的设计特点。漂浮的介绍窗口、hover后的颜色切换、意义不明的白色线条……无一不彰显出这个网站“迷幻”的设计精髓。

 

 

 

14.Ben Bate

 

来自英国的产品设计师Ben，从事设计行业已有数十年。Ben为初创公司或老牌公司提供产品设计服务，来改善其产品的易用性。具体工作包含了线框和原型制作、界面设计以及前端开发等。Ben的个人网站以文字内容为主，首屏设计了大量留白，保持了极简的设计风格，也提升了用户的阅读体验。

 

 

 

15.Booreiland.amsterdam

 

Simon Ammann 在设计网站时，采用了一种反常规、反套路的模式。网站使用了大量的留白和少量的文字，看起来非常干净。而作为页面中唯一的元素，这些文字信息反而显得更加突出，且别具特色。

 

 

 

16.Timothyachumba

 

《 Interface Lovers》是一本面向专业人士的在线杂志，其设计师 Timothy Achumba 所创建的网站，目标和杂志一样，都是为了给用户打造一个专注于浏览和阅读体验的环境。因此这个网站无论是设计风格还是配色，都渗透着熟悉又现代的感觉。

 

 

 

17.Latinmedios

 

这个名为Latin Medios 的设计机构，整个网站的设计都充满了复古的感觉。看似凌乱的元素、古早的界面，配合视差滚动效果，反而让网站拥有了更多的记忆点。

 

 

 

18.Dries Van Broeck

 

动效设计师 Dries Van Broeck 在个人网站中融入了各种充满心机的小设计，循环播放的作品集封面图，可以瞬间抓住访客的眼睛。精美的布局排版和令人舒适的配色方案，都是网站的加分项。

 

 

 

19.George Hastings

 

产品设计师 George Hastings 喜欢在界面设计中隐藏一些不经意的视觉交互效果，来激发用户的兴趣。首页除了风趣的自我介绍以外，还展示了三个不同类型的案例介绍，可以直观了解到他的设计风格。

 

 

 

20.Anakin.co

 

Anakin 是一家设计工作室，在品牌推广和界面设计方面都拥有非常丰富的经验。Anakin的客户主要以品牌方、代理机构或政府为主，所以在设计上除了简洁，保持典雅的设计风格也是他们的设计目标之一。

 

 

 

21.Mrcthms

 

Marc Thomas 的作品集网站设计，在标题中采用了“问候”式的文案，创造了一种同访客互动和对话的感觉，拉近了彼此的距离。首页背景使用了红绿拼接，活泼的颜色，加上细节的处理，显得俏皮而又不失分寸。

 

 

22.Derek Boateng

 

Derek Boateng 拥有15年的创意策划与品牌推广经验，擅长通过树立品牌特性来推动增长。在设计个人作品集网站时，也采用了独特的配色方案，让人眼前一亮。

 

 

 

23.Lisher

 

Oli Lisher 除了网站设计外，也擅长平面设计，插画也是他的拿手好活之一。他的作品集网站，使用了大量插画元素，用插画来隐喻他们像客户提供的各种服务。

 

 

 

24.Studio Thomas

 

Studio Thomas 是一个设计工作室网站，网站在保持整体的简约设计风格外，还融入了一些有趣的动效。首屏的巨大色块，会随着鼠标的移动而移动，别出心裁又不影响使用。通过这样大胆的设计，可以更快给访客留下深刻的印象。

 

 

25.Bepatrickdavid

 

意大利设计师 Bepatrickdavid 的作品集网站，采用了hover展示的效果，既不占用版面，又能很好地展示作品。网站交互流畅，在底部导航中，还可以切换到彩色模式，切换后，页面部分文字会变成橙色，让黑白网页瞬间活泼起来。

 

 

 

小结

 

好的作品集可以体现出设计师良好的设计思维和能力，因此作品集也被称为设计师的“第二张脸”。以上介绍的25个作品集网站，除了展示设计师的设计能力，还融合了独特的创意，值得我们学习。如果想要搭建属于自己的作品集网站，先在摹客这样的专业原型设计平台绘制原型，验证想法，再进行设计和开发，是一个不错的选择。