沒有什么比產(chǎn)品展示頁更能向世界呈現(xiàn)自己的設(shè)計(jì)實(shí)例了。對(duì)于設(shè)計(jì)師而言，沒有什么比自己的作品展示頁面更能說服客戶的了。實(shí)際上我們所熟知的世界范圍內(nèi)的設(shè)計(jì)師和設(shè)計(jì)工作室基本都有自己的作品展示頁面，獨(dú)到的創(chuàng)意和優(yōu)秀的作品使得這些網(wǎng)站非常值得玩味，值得學(xué)習(xí)。今天的文章搜集了許多風(fēng)格獨(dú)特、氣質(zhì)非凡的設(shè)計(jì)師作品展示頁，如果你正在籌劃自己的網(wǎng)站，不妨打開這些網(wǎng)站參考學(xué)習(xí)。

ANDREA PILUTTI

Andrea Pilutti 是一位活躍于意大利和瑞士的設(shè)計(jì)師，他的個(gè)人網(wǎng)站中大量使用了HTML5技術(shù)，視頻背景和流暢的動(dòng)效。雖然這可能會(huì)讓滾動(dòng)效果不是那么流暢，但是體驗(yàn)也算得上非常不錯(cuò)了。

MIKHA MAKHOUL

Mikha Makhoul 的作品展示頁則使用了今天所流行的全屏式設(shè)計(jì)，排版漂亮，這和他的設(shè)計(jì)作品一樣，優(yōu)雅又有性格。
?

JULIEN RENVOYé

和許多偽PPT風(fēng)格的頁面一樣，Julien Renvoyé 也比較認(rèn)可這種簡單的單欄式的頁面設(shè)計(jì)，不過和其他同類頁面不同的地方在于，他的頁面設(shè)計(jì)更加優(yōu)雅，在動(dòng)效設(shè)計(jì)上也更加妥帖。
?

BRYN TAYLOR

Bryn Taylor 大膽地使用了大量的高飽和度的色彩在他的網(wǎng)站中，有趣的是，通過合理的色彩組合，他的配色并沒有讓用戶感到太過晃眼。這種設(shè)計(jì)還很好地照顧到了視覺障礙用戶。
?

STUDIOBRAVE

StudioBrave 的頁面使用了非對(duì)稱式設(shè)計(jì)，為了更好的體驗(yàn)，打開網(wǎng)頁的時(shí)候還使用了預(yù)加載模式，其中點(diǎn)綴的等寬字體讓整個(gè)網(wǎng)站呈現(xiàn)出一種獨(dú)特的氣質(zhì)。

CO PARTNERSHIP

Co Partnership 的頁面設(shè)計(jì)可以說簡約到了極致，設(shè)計(jì)師僅僅是將品牌相關(guān)的所有東西都展示了出來，讓它自然而然地在用戶心中構(gòu)建出品牌形象。
?

BIG FAN

在空間利用上Big Fan的頁面設(shè)計(jì)可以說是掌握了響應(yīng)式的精髓，平衡的布局不僅在手機(jī)上獲得了良好的體驗(yàn)，在大屏幕上看起來更加壯觀。
?

NO DIVIDE

絕大多數(shù)的網(wǎng)站的布局設(shè)計(jì)其實(shí)談不上優(yōu)秀，但是No Divide 幾乎是完全靠布局設(shè)計(jì)脫穎而出的。網(wǎng)站的結(jié)構(gòu)和其他的網(wǎng)站似乎有許多相似之處，但是良好的執(zhí)行使得整個(gè)頁面大放異彩。

GARBETT DESIGN

大膽的用色，大氣的布局，布滿屏幕的小圓點(diǎn)，一雙盯著你眨的眼睛，這大抵就是Garbett Design 的網(wǎng)頁給人的整體印象。盡管這個(gè)網(wǎng)頁看起來像是現(xiàn)代藝術(shù)設(shè)計(jì)下的產(chǎn)物，但是網(wǎng)站的可用性還非常不錯(cuò)，體驗(yàn)也非常流暢。
?

PILLAR STUDIO

作為一個(gè)采用經(jīng)典網(wǎng)頁布局的網(wǎng)頁而言，Pillar Studio 的頁面并不像其他網(wǎng)站那么沉悶單調(diào)，因?yàn)檫@個(gè)團(tuán)隊(duì)把許多常見的網(wǎng)頁元素設(shè)計(jì)的非常漂亮，此外，他們針對(duì)鏈接常用的藍(lán)色進(jìn)行了色彩調(diào)整，看起來極為漂亮，我想你很難忽略這一設(shè)計(jì)。

SAM DALLYN

如果你正在找極簡風(fēng)格的作品展示頁案例就應(yīng)該看看Sam Dallyn 的這個(gè)頁面，除了導(dǎo)航設(shè)計(jì)上有點(diǎn)小問題，其余部分的設(shè)計(jì)都非常到位。

JORDAN EGSTAD

Jordan Egstad的這個(gè)作品展示頁的奇怪的地方在于，它看起來非常專業(yè)，但是又非常的個(gè)人。這種“個(gè)人”的感覺是源自于在家工作的Banner圖，但是這張圖又出奇地貼合整個(gè)網(wǎng)站氛圍。

VILJAMI SALMINEN

Viljami Salminen 的網(wǎng)站設(shè)計(jì)說來也是奇怪，他并沒有把作品展示放在首頁，反而讓用戶一開始就閱讀他的博客。如果你看了，你會(huì)發(fā)現(xiàn)不虛此行的。內(nèi)容和排版都非常的精湛。

JULIEN BAILLY

Julien Bailly 的 “PopUpFolio”頁面非常的獨(dú)特，其中囊括了他近期的項(xiàng)目。他不僅展示了項(xiàng)目的進(jìn)度，還講述了每個(gè)項(xiàng)目背后的故事。很明顯Julien的項(xiàng)目重視質(zhì)量遠(yuǎn)勝過數(shù)量。
?

KYLE MAC

為了保持頁面的簡單，Kyle Mac 在設(shè)計(jì)頁面的時(shí)候，僅僅給用戶以最關(guān)鍵的信息。想看他的作品？向下滾動(dòng)，就這么簡單。

CLARQA TUDELA

像 Clara Tudela 這樣設(shè)計(jì)的設(shè)計(jì)師并不多，甚至可以說非常少。她并沒有針對(duì)每個(gè)項(xiàng)目詳細(xì)說明，只是提供了少量的信息：截圖、標(biāo)題和鏈接。不過這可能和她的工作性質(zhì)有關(guān)，她供職于Google。

IMPORTANT LOOKING PIRATES

作為一個(gè)專精于視效和動(dòng)畫的工作室，視頻制作是Important Looking Pirates 最重要的組成部分。他們的每一個(gè)項(xiàng)目都配有相應(yīng)的視頻背景和過度動(dòng)效，這也是他們的優(yōu)勢所在。

DEUX HUIT HUIT

Deux Huit Huit 是一個(gè)精心設(shè)計(jì)的網(wǎng)站，雖然看起來不起眼，但是網(wǎng)站中的動(dòng)畫設(shè)計(jì)都非常的友好到位。盡管我非常討厭預(yù)加載，但是網(wǎng)站打開的時(shí)候有大概4秒的動(dòng)畫大概也是起了相同的作用，但是并不讓人厭煩，甚至得益于這次的預(yù)加載，網(wǎng)頁中的文字內(nèi)容顯得非常的耐看。
?

TUNDRA

Tundra的頁面設(shè)計(jì)其實(shí)并沒有太過特殊的地方，盡管沒有過于突出的設(shè)計(jì)，網(wǎng)站依然設(shè)計(jì)得非常漂亮、流暢，即使是在低端的Moto G上瀏覽，也不會(huì)覺得卡頓。
?

FANNY MYON

我通常比較著迷于靜態(tài)或者極簡動(dòng)效的網(wǎng)頁界面，因?yàn)樵谟脩趔w驗(yàn)設(shè)計(jì)上有著更多的可能性。Fanny Myon 的網(wǎng)頁則為我展示了未來動(dòng)態(tài)界面設(shè)計(jì)的另外一種可能性。打開網(wǎng)站，你會(huì)發(fā)現(xiàn)它的運(yùn)作并不慢。
?

BY ASSOCIATION ONLY

良好的理念，出眾的執(zhí)行力，界面優(yōu)雅，速度快，這是By Association Only 的頁面設(shè)計(jì)的特色所在。它做到了Flash頁面能做到的事情，但又不用消耗更多的性能。

ARIEL BENINCA

Ariel Beninca 的作品展示頁的設(shè)計(jì)足夠簡約，版式出眾，采用了不對(duì)稱的設(shè)計(jì)，配合微妙的動(dòng)畫效果。整個(gè)頁面看起來花哨，但是確實(shí)有用。
?

ADMIR HADZIC

Admir 是一個(gè)屢獲殊榮的設(shè)計(jì)師品牌，而這個(gè)品牌的網(wǎng)頁也確實(shí)漂亮，典型的雜志排版，看起來藝術(shù)感十足的布局設(shè)計(jì)。但是即便如此，用戶可以很容易找到他們想要的內(nèi)容。

FANTASY

背景動(dòng)畫，簡約的文案，直觀的案例研究，F(xiàn)antasy 就是這么簡單直接。

DEREK BOATENG

Derek Boateng 的網(wǎng)站非常有趣，每個(gè)項(xiàng)目都圖文并茂。

【你必須知道的設(shè)計(jì)趨勢】

用戶體驗(yàn)設(shè)計(jì)趨勢：
《設(shè)計(jì)行業(yè)大起底！圖說2015用戶體驗(yàn)行業(yè)調(diào)查報(bào)告》

配色搭配趨勢：
《業(yè)界良心！2015年最優(yōu)秀的20款網(wǎng)站配色方案（附配色工具）》

網(wǎng)頁設(shè)計(jì)趨勢：
《你知道了嗎？2015年網(wǎng)頁設(shè)計(jì)的9大趨勢》

原文地址：webdesignerdepot
優(yōu)設(shè)譯文：@陳子木

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量106萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com