那些有趣而先鋒的作品展示網站設計

(點擊上方公號,可快速關注)

  英文:webdesignerdepot

  作者:EZEQUIEL BRUNI

  譯者:優設網 – 陳子木

  鏈接:

  編者按:設計個人作品展示頁的時候,我們常常因為缺乏創意而著急撓頭,那麼如今最先鋒、最好玩的展示頁都是怎麼做的呢?今天一起看看這些令人腦洞大開的設計吧。

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

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

  FABIO ROCHA

  

  讓我們從Fabio Rocha 的作品站開始吧。這個網站設計並不復雜,設計師並未固定頁面寬度,但是排版和圖片素材的處理都相當的用心。整個網站最值得學習的是黃色的運用。

  K LOGIC

  

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

  GORAN FILIPOVIC

  

  Goran Filipovic 的設計優雅而時尚,同時兼顧了漂亮而大氣的版式。

  LEEROY

  

  Leeroy 是一個加拿大的法語機搆,他們的網站設計相對更加經典,縴細的字體和大量的留白賦予了網站以極簡的風格。雖然網站有點依賴動畫,桃園網頁設計,但是整體體驗並不差。

  TRAMA STUDIO

  

  漂亮的排版和裝飾性的斜線搭配在一起,常常能夠帶來不錯的視覺體驗。Trama 工作室的展示頁也是這麼做的,漂亮的色彩在優秀的佈局之下讓整體顯得更加視覺化,而斜線搆成的裝飾元素,台中網頁設計,讓略顯簡單的極簡佈局不再單調。

  MUTE

  

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

  DAVID GUBA

  

  如果網站內容很少,應該如何處理?David Guba 的這個網站就給我們上了一課,如何活用內容,借助有限的內容讓網站顯得不是那麼空,響應式網頁設計

  TARFUL

  

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

  COSME FAÉ

  

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

  MOSAIKO

  

  Mosaiko 的作品頁的設計也相當獨特。這家公司的設計作品多是其他企業和公司外包給他們的,高雄網頁設計,所以如果你想查看他們的作品需要相應的權限……他們官網的設計因此也相當的極簡,真正的極簡。

  SHAWN PARK

  

  如果你希望自己的網站中動效無處不在,那麼它們需要足夠清爽、美觀,民宿訂房系統。Shawn Park 就成功的實現了這一點,通過它你能看到大量元素是如何組合搭配聯動的。

  KULTAR SINGH

  

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

  CONVOY INTERACTIVE

  

  Convoy Interactive 在整體視覺上做的相當大氣,台北網頁製作公司,導航元素使用了明亮的綠色,深色的揹景大量的留白,當你適應了整個氛圍之後,會沉迷於這種毫無乾擾的瀏覽體驗。

  LYNN SCHMIDT

  

  Lynn Schmidt 作品頁設計充滿了後現代的設計氣息,個性十足,不過在可用性上稍微差了點。儘管如此,網站中還是包含了許多有趣的內容,值得探索。

  CLAUDIA DOMS

  

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

  VELVET

  

  Velvet 的這個作品展示頁是一個典型的單色設計,抽象的圖形使得它看起來不那麼接地氣,SEO優化,而這種獨特的設計美學可能更容易被那些經過專業訓練的用戶所欣賞,網路開店。這個網站是相當值得探索也研究的。

  ABBY STOLFO

  

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

  OUI R

  

  OUI R 的網站將橫向的輪播圖控件發揮到了極緻,每個作品集都是用這樣的方式來展現,同時控制好留白,確保整體體驗的優雅。

  JEREMY VITTE

  

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

  BEN PEARCE

  

  Ben Pearce 是一個雕塑家,如果他的網站不需要預加載就瀏覽的話,體驗就會更好。好在加載完了之後,網站還相當的具有娛樂性。

  FEMMEFATALE

  

  設計機搆Femmefatale 的網站相比其他顯得更加先鋒,台北網頁設計,現代而光怪陸離的元素同動效結合起來,看起來讚爆了。在這種情況下,設計師還保持了整個網站的可用性,可以說是相當的用心了。

  ROFIKUL SHAHIN

  

  Rofikul Shahin 的作品頁給人的感覺更加傳統,沉穩而又大膽的配色讓人印象深刻,細緻到位的設計雖然沒有噱頭,但是效果和體驗則做到了儘善儘美。

  PETER HOL

  

  Peter Hol 的這個單頁作品展示站,不僅僅是展示作品,還起到了簡歷的作用。

—————— 推薦 ——————

  範品社推出的極客T卹,含程序員、電影、美劇和物理題材,面料舒適、100%純棉,有黑、白、灰、藏青色,單件 ¥59.9、兩件減¥12、四件減¥28、六件減¥42,詳見網店商品頁介紹。

(上面為部分 T 卹款式)

  網店地址:https://fanpinshe.taobao.com/

  淘口令:復制以下紅色內容,然後打開手淘即可購買

  範品社,使用¥極客T卹¥搶先預覽(長按復制整段文案,打開手機淘寶即可進入活動內容)