那些有趣而先鋒的網(wǎng)站設(shè)計(jì)

2022-06-24    分類: 網(wǎng)站設(shè)計(jì)

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


下面成都網(wǎng)站建設(shè)公司就來和大家聊聊一些“后可用性時代”網(wǎng)頁設(shè)計(jì)


在這個“后可用性時代”,藝術(shù)和可用性之間的關(guān)系越發(fā)的微妙,而這種關(guān)系在各類作品展示站上表現(xiàn)的相當(dāng)明顯。作為設(shè)計(jì)師的展示作品的平臺,這類網(wǎng)站通常在藝術(shù)上顯得更為先鋒,在技術(shù)的選取上也頗有想法。所以,當(dāng)你開始研究這些優(yōu)秀的作品展示站的時候,不妨從它們的美學(xué)特征開始著手,再研究其中CSS和HTML代碼的運(yùn)用。
FABIO ROCHA
讓我們從Fabio Rocha 的作品站開始吧。這個網(wǎng)站設(shè)計(jì)并不復(fù)雜,設(shè)計(jì)師并未固定頁面寬度,但是排版和圖片素材的處理都相當(dāng)?shù)挠眯?。整個網(wǎng)站最值得學(xué)習(xí)的是黃色的運(yùn)用。
K LOGIC
K Logic 是一個營銷公司的展示站,網(wǎng)站按照項(xiàng)目被劃分為不同的色塊,而網(wǎng)站語言則是英文和希伯來語混用。雖然這類“盒子式”的網(wǎng)站布局往往顯得單調(diào),但是K Logic 則展示出這類網(wǎng)站同樣是可以做的足夠漂亮的。
GORAN FILIPOVIC
Goran Filipovic 的設(shè)計(jì)優(yōu)雅而時尚,同時兼顧了漂亮而大氣的版式。
LEEROY
Leeroy 是一個加拿大的法語機(jī)構(gòu),他們的網(wǎng)站設(shè)計(jì)相對更加經(jīng)典,纖細(xì)的字體和大量的留白賦予了網(wǎng)站以極簡的風(fēng)格。雖然網(wǎng)站有點(diǎn)依賴動畫,但是整體體驗(yàn)并不差。
TRAMA STUDIO
漂亮的排版和裝飾性的斜線搭配在一起,常常能夠帶來不錯的視覺體驗(yàn)。Trama 工作室的展示頁也是這么做的,漂亮的色彩在優(yōu)秀的布局之下讓整體顯得更加視覺化,而斜線構(gòu)成的裝飾元素,讓略顯簡單的極簡布局不再單調(diào)。
MUTE
Mute 同樣是采用的經(jīng)典的配色經(jīng)典的設(shè)計(jì),得體的字體、微妙的紋理和強(qiáng)對比的元素設(shè)計(jì)賦予頁面足夠的信息量,矢量插畫和非對稱的布局讓頁面美感爆棚。
DAVID GUBA
如果網(wǎng)站內(nèi)容很少,應(yīng)該如何處理?David Guba 的這個網(wǎng)站就給我們上了一課,如何活用內(nèi)容,借助有限的內(nèi)容讓網(wǎng)站顯得不是那么空。
TARFUL
Tarful 是一個專攻網(wǎng)頁和APP的工作室,雖然他們的官網(wǎng)看起來略顯平庸,但是整體體驗(yàn)完全沒的說,排版和樣式也控制的很好,最關(guān)鍵的是他們完全不用JS!一點(diǎn)都沒有!
COSME FAé
Cosme Faé 的這個個人作品頁面應(yīng)該是已經(jīng)掛了,但是它確實(shí)是圖片文字部分疊加這一設(shè)計(jì)趨勢的典型應(yīng)用案例,它的優(yōu)秀之處在于對比度、排版和字體的搭配。
MOSAIKO
Mosaiko 的作品頁的設(shè)計(jì)也相當(dāng)獨(dú)特。這家公司的設(shè)計(jì)作品多是其他企業(yè)和公司外包給他們的,所以如果你想查看他們的作品需要相應(yīng)的權(quán)限……他們官網(wǎng)的設(shè)計(jì)因此也相當(dāng)?shù)臉O簡,真正的極簡。
SHAWN PARK
如果你希望自己的網(wǎng)站中動效無處不在,那么它們需要足夠清爽、美觀。Shawn Park 就成功的實(shí)現(xiàn)了這一點(diǎn),通過它你能看到大量元素是如何組合搭配聯(lián)動的。
KULTAR SINGH
Kultar Singh 的同樣也是一個瀏覽體驗(yàn)舒適,還兼顧漂亮的網(wǎng)頁作品,這樣的網(wǎng)站常常能給人一種干練而又專業(yè)的體驗(yàn)。設(shè)計(jì)師在網(wǎng)站中大量運(yùn)用留白,偶爾出現(xiàn)的不對稱設(shè)計(jì)讓整個網(wǎng)站看起來相當(dāng)漂亮。
CONVOY INTERACTIVE
Convoy Interactive 在整體視覺上做的相當(dāng)大氣,導(dǎo)航元素使用了明亮的綠色,深色的背景大量的留白,當(dāng)你適應(yīng)了整個氛圍之后,會沉迷于這種毫無干擾的瀏覽體驗(yàn)。
LYNN SCHMIDT
Lynn Schmidt 作品頁設(shè)計(jì)充滿了后現(xiàn)代的設(shè)計(jì)氣息,個性十足,不過在可用性上稍微差了點(diǎn)。盡管如此,網(wǎng)站中還是包含了許多有趣的內(nèi)容,值得探索。
CLAUDIA DOMS
Claudia Doms 可能是今天所有作品展示頁中最獨(dú)特的一個。這個看起來就像是是表單一樣頁面就是這個作品展示頁的本體了。雖然這樣看起來不夠“多樣”,但是列表的呈現(xiàn)方式反而能便于Doms 來“炫耀”她的作品豐富。這種做法雖然看起來奇怪,但是確實(shí)很新奇。唯一的問題就是這個表單并非響應(yīng)式的……
VELVET
Velvet 的這個作品展示頁是一個典型的單色設(shè)計(jì),抽象的圖形使得它看起來不那么接地氣,而這種獨(dú)特的設(shè)計(jì)美學(xué)可能更容易被那些經(jīng)過專業(yè)訓(xùn)練的用戶所欣賞。這個網(wǎng)站是相當(dāng)值得探索也研究的。
ABBY STOLFO
Abby Stolfo 的這個作品展示頁可能是目前這個列表中看起來最可口的一個網(wǎng)站了。美食既是網(wǎng)站的主要內(nèi)容,也被用來作為網(wǎng)站的裝飾。
OUI R
OUI R 的網(wǎng)站將橫向的輪播圖控件發(fā)揮到了極致,每個作品集都是用這樣的方式來展現(xiàn),同時控制好留白,確保整體體驗(yàn)的優(yōu)雅。
JEREMY VITTE
Jeremy Vitte 的作品展示頁采用的是單頁設(shè)計(jì),頁面中大量的留白和相對散漫的作品擺放布局,充滿了后現(xiàn)代的美感。為了幫助用戶導(dǎo)航,每個項(xiàng)目都可以在側(cè)邊欄上定位找到,兼顧到了體驗(yàn)和視覺。
BEN PEARCE
Ben Pearce 是一個雕塑家,如果他的網(wǎng)站不需要預(yù)加載就瀏覽的話,體驗(yàn)就會更好。好在加載完了之后,網(wǎng)站還相當(dāng)?shù)木哂袏蕵沸浴?br />FEMMEFATALE
設(shè)計(jì)機(jī)構(gòu)Femmefatale 的網(wǎng)站相比其他顯得更加先鋒,現(xiàn)代而光怪陸離的元素同動效結(jié)合起來,看起來贊爆了。在這種情況下,設(shè)計(jì)師還保持了整個網(wǎng)站的可用性,可以說是相當(dāng)?shù)挠眯牧恕?br />ROFIKUL SHAHIN
Rofikul Shahin 的作品頁給人的感覺更加傳統(tǒng),沉穩(wěn)而又大膽的配色讓人印象深刻,細(xì)致到位的設(shè)計(jì)雖然沒有噱頭,但是效果和體驗(yàn)則做到了盡善盡美。
PETER HOL

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


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司

名稱欄目:那些有趣而先鋒的網(wǎng)站設(shè)計(jì)
轉(zhuǎn)載注明:http://www.bm7419.com/news36/171136.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

商城網(wǎng)站建設(shè)