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

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

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

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

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

Leeroy 是一個(gè)加拿大的法語(yǔ)機(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)并不差。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文來(lái)自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián) 

標(biāo)簽：創(chuàng)新互聯(lián),高端網(wǎng)站建設(shè),企業(yè)建網(wǎng)設(shè),響應(yīng)式網(wǎng)站