沒有什么比產(chǎn)品展示頁更能向世界呈現(xiàn)自己的設(shè)計實(shí)例了。對于設(shè)計師而言,沒有什么比自己的作品展示頁面更能說服客戶的了。實(shí)際上我們所熟知的世界范圍內(nèi)的設(shè)計師和設(shè)計工作室基本都有自己的作品展示頁面,獨(dú)到的創(chuàng)意和優(yōu)秀的作品使得這些網(wǎng)站非常值得玩味,值得學(xué)習(xí)。今天的文章搜集了許多風(fēng)格獨(dú)特、氣質(zhì)非凡的設(shè)計師作品展示頁,如果你正在籌劃自己的網(wǎng)站,不妨打開這些網(wǎng)站參考學(xué)習(xí)。
ANDREA PILUTTI
Andrea Pilutti 是一位活躍于意大利和瑞士的設(shè)計師,他的個人網(wǎng)站中大量使用了HTML5技術(shù),視頻背景和流暢的動效。雖然這可能會讓滾動效果不是那么流暢,但是體驗(yàn)也算得上非常不錯了。
MIKHA MAKHOUL
Mikha Makhoul 的作品展示頁則使用了今天所流行的全屏式設(shè)計,排版漂亮,這和他的設(shè)計作品一樣,優(yōu)雅又有性格。
?
JULIEN RENVOYé
和許多偽PPT風(fēng)格的頁面一樣,Julien Renvoyé 也比較認(rèn)可這種簡單的單欄式的頁面設(shè)計,不過和其他同類頁面不同的地方在于,他的頁面設(shè)計更加優(yōu)雅,在動效設(shè)計上也更加妥帖。
?
BRYN TAYLOR
Bryn Taylor 大膽地使用了大量的高飽和度的色彩在他的網(wǎng)站中,有趣的是,通過合理的色彩組合,他的配色并沒有讓用戶感到太過晃眼。這種設(shè)計還很好地照顧到了視覺障礙用戶。
?
STUDIOBRAVE
StudioBrave 的頁面使用了非對稱式設(shè)計,為了更好的體驗(yàn),打開網(wǎng)頁的時候還使用了預(yù)加載模式,其中點(diǎn)綴的等寬字體讓整個網(wǎng)站呈現(xiàn)出一種獨(dú)特的氣質(zhì)。
CO PARTNERSHIP
Co Partnership 的頁面設(shè)計可以說簡約到了極致,設(shè)計師僅僅是將品牌相關(guān)的所有東西都展示了出來,讓它自然而然地在用戶心中構(gòu)建出品牌形象。
?
BIG FAN
在空間利用上Big Fan的頁面設(shè)計可以說是掌握了響應(yīng)式的精髓,平衡的布局不僅在手機(jī)上獲得了良好的體驗(yàn),在大屏幕上看起來更加壯觀。
?
NO DIVIDE
絕大多數(shù)的網(wǎng)站的布局設(shè)計其實(shí)談不上優(yōu)秀,但是No Divide 幾乎是完全靠布局設(shè)計脫穎而出的。網(wǎng)站的結(jié)構(gòu)和其他的網(wǎng)站似乎有許多相似之處,但是良好的執(zhí)行使得整個頁面大放異彩。
GARBETT DESIGN
大膽的用色,大氣的布局,布滿屏幕的小圓點(diǎn),一雙盯著你眨的眼睛,這大抵就是Garbett Design 的網(wǎng)頁給人的整體印象。盡管這個網(wǎng)頁看起來像是現(xiàn)代藝術(shù)設(shè)計下的產(chǎn)物,但是網(wǎng)站的可用性還非常不錯,體驗(yàn)也非常流暢。
?
PILLAR STUDIO
作為一個采用經(jīng)典網(wǎng)頁布局的網(wǎng)頁而言,Pillar Studio 的頁面并不像其他網(wǎng)站那么沉悶單調(diào),因?yàn)檫@個團(tuán)隊把許多常見的網(wǎng)頁元素設(shè)計的非常漂亮,此外,他們針對鏈接常用的藍(lán)色進(jìn)行了色彩調(diào)整,看起來極為漂亮,我想你很難忽略這一設(shè)計。
SAM DALLYN
如果你正在找極簡風(fēng)格的作品展示頁案例就應(yīng)該看看Sam Dallyn 的這個頁面,除了導(dǎo)航設(shè)計上有點(diǎn)小問題,其余部分的設(shè)計都非常到位。
JORDAN EGSTAD
Jordan Egstad的這個作品展示頁的奇怪的地方在于,它看起來非常專業(yè),但是又非常的個人。這種“個人”的感覺是源自于在家工作的Banner圖,但是這張圖又出奇地貼合整個網(wǎng)站氛圍。
VILJAMI SALMINEN
Viljami Salminen 的網(wǎng)站設(shè)計說來也是奇怪,他并沒有把作品展示放在首頁,反而讓用戶一開始就閱讀他的博客。如果你看了,你會發(fā)現(xiàn)不虛此行的。內(nèi)容和排版都非常的精湛。
JULIEN BAILLY
Julien Bailly 的 “PopUpFolio”頁面非常的獨(dú)特,其中囊括了他近期的項(xiàng)目。他不僅展示了項(xiàng)目的進(jìn)度,還講述了每個項(xiàng)目背后的故事。很明顯Julien的項(xiàng)目重視質(zhì)量遠(yuǎn)勝過數(shù)量。
?
KYLE MAC
為了保持頁面的簡單,Kyle Mac 在設(shè)計頁面的時候,僅僅給用戶以最關(guān)鍵的信息。想看他的作品?向下滾動,就這么簡單。
CLARQA TUDELA
像 Clara Tudela 這樣設(shè)計的設(shè)計師并不多,甚至可以說非常少。她并沒有針對每個項(xiàng)目詳細(xì)說明,只是提供了少量的信息:截圖、標(biāo)題和鏈接。不過這可能和她的工作性質(zhì)有關(guān),她供職于Google。
IMPORTANT LOOKING PIRATES
作為一個專精于視效和動畫的工作室,視頻制作是Important Looking Pirates 最重要的組成部分。他們的每一個項(xiàng)目都配有相應(yīng)的視頻背景和過度動效,這也是他們的優(yōu)勢所在。
DEUX HUIT HUIT
Deux Huit Huit 是一個精心設(shè)計的網(wǎng)站,雖然看起來不起眼,但是網(wǎng)站中的動畫設(shè)計都非常的友好到位。盡管我非常討厭預(yù)加載,但是網(wǎng)站打開的時候有大概4秒的動畫大概也是起了相同的作用,但是并不讓人厭煩,甚至得益于這次的預(yù)加載,網(wǎng)頁中的文字內(nèi)容顯得非常的耐看。
?
TUNDRA
Tundra的頁面設(shè)計其實(shí)并沒有太過特殊的地方,盡管沒有過于突出的設(shè)計,網(wǎng)站依然設(shè)計得非常漂亮、流暢,即使是在低端的Moto G上瀏覽,也不會覺得卡頓。
?
FANNY MYON
我通常比較著迷于靜態(tài)或者極簡動效的網(wǎng)頁界面,因?yàn)樵谟脩趔w驗(yàn)設(shè)計上有著更多的可能性。Fanny Myon 的網(wǎng)頁則為我展示了未來動態(tài)界面設(shè)計的另外一種可能性。打開網(wǎng)站,你會發(fā)現(xiàn)它的運(yùn)作并不慢。
?
BY ASSOCIATION ONLY
良好的理念,出眾的執(zhí)行力,界面優(yōu)雅,速度快,這是By Association Only 的頁面設(shè)計的特色所在。它做到了Flash頁面能做到的事情,但又不用消耗更多的性能。
ARIEL BENINCA
Ariel Beninca 的作品展示頁的設(shè)計足夠簡約,版式出眾,采用了不對稱的設(shè)計,配合微妙的動畫效果。整個頁面看起來花哨,但是確實(shí)有用。
?
ADMIR HADZIC
Admir 是一個屢獲殊榮的設(shè)計師品牌,而這個品牌的網(wǎng)頁也確實(shí)漂亮,典型的雜志排版,看起來藝術(shù)感十足的布局設(shè)計。但是即便如此,用戶可以很容易找到他們想要的內(nèi)容。
FANTASY
背景動畫,簡約的文案,直觀的案例研究,F(xiàn)antasy 就是這么簡單直接。
DEREK BOATENG
Derek Boateng 的網(wǎng)站非常有趣,每個項(xiàng)目都圖文并茂。
【你必須知道的設(shè)計趨勢】
用戶體驗(yàn)設(shè)計趨勢:
《設(shè)計行業(yè)大起底!圖說2015用戶體驗(yàn)行業(yè)調(diào)查報告》
原文地址: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è)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量106萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運(yùn)星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓