【干货】打造设计师的“第二张脸”:25个精选作品集网站赏析
对于设计师来说,作品集不只是实力的最好证明,更是求职时的金牌敲门砖。一份集特色、美观、实用于一体的作品集,往往能在设计师求职过程中发挥重要的作用。如今,越来越多的设计师选择将作品集放在线上,以个人网站的形式展示。那么如何做出一个好的个人作品集网站呢?别着急, 小摹 为大家精选了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个作品集网站,除了展示设计师的设计能力,还融合了独特的创意,值得我们学习。