對(duì)于設(shè)計(jì)師而言，作品集的重要性不言而喻。在作品集中展現(xiàn)自己的設(shè)計(jì)作品只是它最基本的功能之一，使用實(shí)驗(yàn)性的技術(shù)來(lái)凸顯自己的獨(dú)到想法，使用緊跟潮流的風(fēng)格來(lái)呈現(xiàn)自己的調(diào)性，這些都是作品集網(wǎng)站的意義所在。

進(jìn)入2018年之后，不少設(shè)計(jì)師更新了自己的作品集網(wǎng)站。不過(guò)就目前來(lái)看，還沒(méi)有呈現(xiàn)出特別突出的趨勢(shì)或者特別流行的玩法，極簡(jiǎn)的設(shè)計(jì)風(fēng)格仍然是主流，在此基礎(chǔ)上融入一些獨(dú)創(chuàng)的設(shè)計(jì)則是許多設(shè)計(jì)師比較偏好的玩法。

在篩選過(guò)程中，我剔除掉了一些想法不錯(cuò)，但是可用性較差的網(wǎng)站。使用JavaScript 來(lái)實(shí)現(xiàn)全部的功能，有的時(shí)候可能并不理想。

CRUX

CRUX 在內(nèi)容的視頻化展現(xiàn)上花了不少心思，他們還將時(shí)間線的概念和導(dǎo)航融為一體，讓整個(gè)單頁(yè)的體驗(yàn)提升了起來(lái)。

Fons Hickmann

Fons Hickmann 的作品集網(wǎng)站簡(jiǎn)直是一個(gè)“野獸派PPT”合集！他將極簡(jiǎn)風(fēng)、粗野主義融入到展示型網(wǎng)站設(shè)計(jì)當(dāng)中，混搭出了這么一個(gè)劍走偏鋒的網(wǎng)站，仿佛是風(fēng)格截然不同的兩本設(shè)計(jì)手冊(cè)混合到一起。

Ben Mingo

Ben Mingo 的作品集網(wǎng)站則采用的是經(jīng)典的極簡(jiǎn)主義設(shè)計(jì)風(fēng)+動(dòng)效。他的作品集網(wǎng)站出現(xiàn)在這里很大程度上是因?yàn)樗牟季趾妥煮w元素都頗為可愛(ài)。

Zero

Zero 的網(wǎng)站設(shè)計(jì)采用的是現(xiàn)代極簡(jiǎn)風(fēng)，網(wǎng)站最為突出的設(shè)計(jì)是它的側(cè)邊欄菜單，動(dòng)效的加持使得菜單非常的富有韻律感和形式感。

Adoratorio

Adoratorio 這個(gè)作品集最令人著迷的是它的動(dòng)效設(shè)計(jì)。干凈而對(duì)比明顯的頁(yè)面布局采用的是幻燈片式的展示形式，而漂亮而自然的滾動(dòng)動(dòng)效和粘滯式的光標(biāo)動(dòng)效，讓整個(gè)交互體驗(yàn)顯得非常有趣。

Root Studio

Root Studio 的頁(yè)面設(shè)計(jì)采用了令人著迷的黃色，排版也非?？蓯?ài)，網(wǎng)頁(yè)中的長(zhǎng)頸鹿一直維持著咀嚼的動(dòng)作，顯得有趣而又魔性，怎么看都看不夠。

The Glyph Studio

The Glyph Studio是一個(gè)非常講究表現(xiàn)力的設(shè)計(jì)工作室，他們的網(wǎng)站和他們的調(diào)性也保持著高度的一致，優(yōu)雅，有趣又有品味。他們最著名的客戶之一就是建站服務(wù)供應(yīng)商 Wix。

Gabe Abadilla

Gabe Abadilla 的作品集網(wǎng)站算的上是四平八穩(wěn)，并沒(méi)有太多實(shí)驗(yàn)性的東西，可用性不錯(cuò)，他們最有意思的地方在于他們的域名gabadilla.com，巧妙地利用了自己名字中重疊的字母。

Jake Stangel

Jake Stangel 的網(wǎng)站將極簡(jiǎn)主義設(shè)計(jì)和視頻結(jié)合到了一起，創(chuàng)造出一種簡(jiǎn)單但是有效的用戶體驗(yàn)。不過(guò)其中文字的對(duì)比度可能有點(diǎn)不夠，不過(guò)視頻的展示彌補(bǔ)了這一缺陷。

Ben Wegscheider

在這個(gè)列表中，這個(gè)作品集網(wǎng)站是因其怪異而入選的。這個(gè)網(wǎng)站的動(dòng)態(tài)效果充滿了70年代科幻電影的風(fēng)格。為了平衡這些令人分散注意力的動(dòng)效，網(wǎng)站其他的地方都設(shè)計(jì)得非常的簡(jiǎn)約易讀。

Wibicom

Wibicom 是一個(gè)非常典型的展示型的作品集網(wǎng)站。打開(kāi)網(wǎng)站之后，向下滾動(dòng)你打開(kāi)的不是作品，而是導(dǎo)航，這個(gè)設(shè)計(jì)非常獨(dú)特。進(jìn)入作品頁(yè)面之后，借助幾個(gè)過(guò)渡動(dòng)效，你很快就可以開(kāi)始瀏覽具體作品設(shè)計(jì)了。

Sympozium

Sympozium 是一個(gè)法國(guó)設(shè)計(jì)機(jī)構(gòu)的網(wǎng)站，看起來(lái)可愛(ài)又專業(yè)，融合了諸多設(shè)計(jì)趨勢(shì)，比如不對(duì)稱的設(shè)計(jì)布局。網(wǎng)站帶有很明顯的藝術(shù)設(shè)計(jì)的特色。

Round

Round 所沿用的是經(jīng)典的極簡(jiǎn)主義設(shè)計(jì)風(fēng)，簡(jiǎn)約的網(wǎng)格和加粗的字體同樣是經(jīng)典的設(shè)計(jì)元素。

Tao Tajima

Tao Tajima 是一名電影制片人，它的網(wǎng)站幾乎不間斷地展示這他的作品，網(wǎng)站的動(dòng)畫(huà)和背景視頻都是其中主要的內(nèi)容，所呈現(xiàn)出來(lái)的功能也非常強(qiáng)大。

IPG Mediabrands

IPG Mediabrands的網(wǎng)站設(shè)計(jì)得非常有企業(yè)官網(wǎng)的質(zhì)感，當(dāng)然這樣的說(shuō)法并非貶義，看看他們的客戶名單吧，他們能夠看起來(lái)如此高大上和企業(yè)的底蘊(yùn)有著緊密的關(guān)聯(lián)。

Contemple

Contemple 網(wǎng)站的內(nèi)容和他們的域名一樣瘋狂。如果你也想讓自己的網(wǎng)站像PPT模板一樣，為什么不竭盡全力做到這樣的效果呢？至少 Contemple 借助動(dòng)效和內(nèi)容組織，達(dá)到了這樣的效果。

Pierre Georges

Pierre Georges 的作品集干凈而讓人舒適，文字易讀，圖片夠大，內(nèi)容讓人賞心悅目，好好享受就好。

Jessica Chabot

Jessica Chabot 的作品集組合簡(jiǎn)單得可怕，僅僅憑借一些簡(jiǎn)單的元素組合就營(yíng)造出驚艷的效果。即使其中內(nèi)容并不豐富，但是通過(guò)合理的設(shè)計(jì)讓人感覺(jué)它“功能齊全”。

Brad Geiger

Brad Geiger 的作品集從最初的后極簡(jiǎn)主義風(fēng)格逐漸回歸到經(jīng)典的極簡(jiǎn)主義設(shè)計(jì)上來(lái)。之前的交錯(cuò)式的布局重新回歸了經(jīng)典的不對(duì)稱布局和單色配色+超大的非襯線字體。

Bibliothèque

Bibliothèque 的整個(gè)設(shè)計(jì)是圍繞著布局來(lái)進(jìn)行的，幾乎所有的圖片都像磚塊一樣成為了搭建布局的基礎(chǔ)元素。

【2018年設(shè)計(jì)趨勢(shì)，一個(gè)都不要錯(cuò)過(guò)】

1. 《2018年，這10個(gè)LOGO設(shè)計(jì)趨勢(shì)值得你關(guān)注》
2. 《超全面總結(jié)！2017年UI設(shè)計(jì)領(lǐng)域流行過(guò)這21個(gè)設(shè)計(jì)趨勢(shì)》
3. 《掌握這12個(gè)移動(dòng)端UX設(shè)計(jì)趨勢(shì)，你就掌控了2018年》
4. 《這款獨(dú)特的紫色，是為你指引2018年設(shè)計(jì)方向的年度潘通色》

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com