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

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

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

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

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

Leeroy 是一個加拿大的法語機構，他們的網(wǎng)站設計相對更加經(jīng)典，纖細的字體和大量的留白賦予了網(wǎng)站以極簡的風格。雖然網(wǎng)站有點依賴動畫，但是整體體驗并不差。

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

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

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

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

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

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

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

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

Convoy Interactive 在整體視覺上做的相當大氣，導航元素使用了明亮的綠色，深色的背景大量的留白，當你適應了整個氛圍之后，會沉迷于這種毫無干擾的瀏覽體驗。

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)站題目：有趣而先鋒的作品展示網(wǎng)站設計
網(wǎng)頁地址：http://redsoil1982.com.cn/news48/160548.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站設計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)