設(shè)計(jì)個(gè)人作品展示頁的時(shí)候，我們常常因?yàn)槿狈��?chuàng)意而著急撓頭，那么如今最先鋒、最好玩的展示頁都是怎么做的呢?今天一起看看這些令人腦洞大開的設(shè)計(jì)吧。

作品展示類網(wǎng)站絕對(duì)是大家最熟悉的網(wǎng)站類別之一，不僅僅是實(shí)際需求多，而且對(duì)設(shè)計(jì)師而言，展示個(gè)人作品也是常見需求。新技術(shù)的加入讓網(wǎng)頁設(shè)計(jì)和藝術(shù)之間的界限越來越模糊，這也是為什么許多設(shè)計(jì)師的個(gè)人作品站開始越來越富有后現(xiàn)代的美感了。

在這個(gè)“后可用性時(shí)代”，藝術(shù)和可用性之間的關(guān)系越發(fā)的微妙，而這種關(guān)系在各類作品展示站上表現(xiàn)的相當(dāng)明顯。作為設(shè)計(jì)師的展示作品的平臺(tái)，這類網(wǎng)站通常在藝術(shù)上顯得更為先鋒，在技術(shù)的選取上也頗有想法。所以，當(dāng)你開始研究這些優(yōu)秀的作品展示站的時(shí)候，不妨從它們的美學(xué)特征開始著手，再研究其中CSS和HTML代碼的運(yùn)用。

FABIO ROCHA

讓我們從Fabio Rocha 的作品站開始吧。這個(gè)網(wǎng)站設(shè)計(jì)并不復(fù)雜，設(shè)計(jì)師并未固定頁面寬度，但是排版和圖片素材的處理都相當(dāng)?shù)挠眯摹Ｕ麄�(gè)網(wǎng)站最值得學(xué)習(xí)的是黃色的運(yùn)用。

K LOGIC

K Logic 是一個(gè)營(yíng)銷公司的展示站，網(wǎng)站按照項(xiàng)目被劃分為不同的色塊，而網(wǎng)站語言則是英文和希伯來語混用。雖然這類“盒子式”的網(wǎng)站布局往往顯得單調(diào)，但是K Logic 則展示出這類網(wǎng)站同樣是可以做的足夠漂亮的。

GORAN FILIPOVIC

Goran Filipovic 的設(shè)計(jì)優(yōu)雅而時(shí)尚，同時(shí)兼顧了漂亮而大氣的版式。

LEEROY

Leeroy 是一個(gè)加拿大的法語機(jī)構(gòu)，他們的網(wǎng)站設(shè)計(jì)相對(duì)更加經(jīng)典，纖細(xì)的字體和大量的留白賦予了網(wǎng)站以極簡(jiǎn)的風(fēng)格。雖然網(wǎng)站有點(diǎn)依賴動(dòng)畫，但是整體體驗(yàn)并不差。

TRAMA STUDIO

漂亮的排版和裝飾性的斜線搭配在一起，常常能夠帶來不錯(cuò)的視覺體驗(yàn)。Trama 工作室的展示頁也是這么做的，漂亮的色彩在優(yōu)秀的布局之下讓整體顯得更加視覺化，而斜線構(gòu)成的裝飾元素，讓略顯簡(jiǎn)單的極簡(jiǎn)布局不再單調(diào)。

MUTE

Mute 同樣是采用的經(jīng)典的配色經(jīng)典的設(shè)計(jì)，得體的字體、微妙的紋理和強(qiáng)對(duì)比的元素設(shè)計(jì)賦予頁面足夠的信息量，矢量插畫和非對(duì)稱的布局讓頁面美感爆棚。

DAVID GUBA

如果網(wǎng)站內(nèi)容很少，應(yīng)該如何處理?David Guba 的這個(gè)網(wǎng)站就給我們上了一課，如何活用內(nèi)容，借助有限的內(nèi)容讓網(wǎng)站顯得不是那么空。

TARFUL

Tarful 是一個(gè)專攻網(wǎng)頁和APP的工作室，雖然他們的官網(wǎng)看起來略顯平庸，但是整體體驗(yàn)完全沒的說，排版和樣式也控制的很好，最關(guān)鍵的是他們完全不用JS!一點(diǎn)都沒有!

COSME FAÉ

Cosme Faé 的這個(gè)個(gè)人作品頁面應(yīng)該是已經(jīng)掛了，但是它確實(shí)是圖片文字部分疊加這一設(shè)計(jì)趨勢(shì)的典型應(yīng)用案例，它的優(yōu)秀之處在于對(duì)比度、排版和字體的搭配。

MOSAIKO

Mosaiko 的作品頁的設(shè)計(jì)也相當(dāng)獨(dú)特。這家公司的設(shè)計(jì)作品多是其他企業(yè)和公司外包給他們的，所以如果你想查看他們的作品需要相應(yīng)的權(quán)限……他們官網(wǎng)的設(shè)計(jì)因此也相當(dāng)?shù)臉O簡(jiǎn)，真正的極簡(jiǎn)。

SHAWN PARK

如果你希望自己的網(wǎng)站中動(dòng)效無處不在，那么它們需要足夠清爽、美觀。Shawn Park 就成功的實(shí)現(xiàn)了這一點(diǎn)，通過它你能看到大量元素是如何組合搭配聯(lián)動(dòng)的。

KULTAR SINGH

Kultar Singh 的同樣也是一個(gè)瀏覽體驗(yàn)舒適，還兼顧漂亮的網(wǎng)頁作品，這樣的網(wǎng)站常常能給人一種干練而又專業(yè)的體驗(yàn)。設(shè)計(jì)師在網(wǎng)站中大量運(yùn)用留白，偶爾出現(xiàn)的不對(duì)稱設(shè)計(jì)讓整個(gè)網(wǎng)站看起來相當(dāng)漂亮。

CONVOY INTERACTIVE

Convoy Interactive 在整體視覺上做的相當(dāng)大氣，導(dǎo)航元素使用了明亮的綠色，深色的背景大量的留白，當(dāng)你適應(yīng)了整個(gè)氛圍之后，會(huì)沉迷于這種毫無干擾的瀏覽體驗(yàn)。

LYNN SCHMIDT

Lynn Schmidt 作品頁設(shè)計(jì)充滿了后現(xiàn)代的設(shè)計(jì)氣息，個(gè)性十足，不過在可用性上稍微差了點(diǎn)。盡管如此，網(wǎng)站中還是包含了許多有趣的內(nèi)容，值得探索。

CLAUDIA DOMS

Claudia Doms 可能是今天所有作品展示頁中最獨(dú)特的一個(gè)。這個(gè)看起來就像是是表單一樣頁面就是這個(gè)作品展示頁的本體了。雖然這樣看起來不夠“多樣”，但是列表的呈現(xiàn)方式反而能便于Doms 來“炫耀”她的作品豐富。這種做法雖然看起來奇怪，但是確實(shí)很新奇。唯一的問題就是這個(gè)表單并非響應(yīng)式的……

VELVET

Velvet 的這個(gè)作品展示頁是一個(gè)典型的單色設(shè)計(jì)，抽象的圖形使得它看起來不那么接地氣，而這種獨(dú)特的設(shè)計(jì)美學(xué)可能更容易被那些經(jīng)過專業(yè)訓(xùn)練的用戶所欣賞。這個(gè)網(wǎng)站是相當(dāng)值得探索也研究的。

ABBY STOLFO

Abby Stolfo 的這個(gè)作品展示頁可能是目前這個(gè)列表中看起來最可口的一個(gè)網(wǎng)站了。美食既是網(wǎng)站的主要內(nèi)容，也被用來作為網(wǎng)站的裝飾。

OUI R

OUI R 的網(wǎng)站將橫向的輪播圖控件發(fā)揮到了極致，每個(gè)作品集都是用這樣的方式來展現(xiàn)，同時(shí)控制好留白，確保整體體驗(yàn)的優(yōu)雅。

JEREMY VITTE

Jeremy Vitte 的作品展示頁采用的是單頁設(shè)計(jì)，頁面中大量的留白和相對(duì)散漫的作品擺放布局，充滿了后現(xiàn)代的美感。為了幫助用戶導(dǎo)航，每個(gè)項(xiàng)目都可以在側(cè)邊欄上定位找到，兼顧到了體驗(yàn)和視覺。

BEN PEARCE

Ben Pearce 是一個(gè)雕塑家，如果他的網(wǎng)站不需要預(yù)加載就瀏覽的話，體驗(yàn)就會(huì)更好。好在加載完了之后，網(wǎng)站還相當(dāng)?shù)木哂袏蕵沸浴?/p>

FEMMEFATALE

設(shè)計(jì)機(jī)構(gòu)Femmefatale 的網(wǎng)站相比其他顯得更加先鋒，現(xiàn)代而光怪陸離的元素同動(dòng)效結(jié)合起來，看起來贊爆了。在這種情況下，設(shè)計(jì)師還保持了整個(gè)網(wǎng)站的可用性，可以說是相當(dāng)?shù)挠眯牧恕?/p>

ROFIKUL SHAHIN

Rofikul Shahin 的作品頁給人的感覺更加傳統(tǒng)，沉穩(wěn)而又大膽的配色讓人印象深刻，細(xì)致到位的設(shè)計(jì)雖然沒有噱頭，但是效果和體驗(yàn)則做到了盡善盡美。

PETER HOL

Peter Hol 的這個(gè)單頁作品展示站，不僅僅是展示作品，還起到了簡(jiǎn)歷的作用。