說(shuō)起極簡(jiǎn)，很多人馬上就能想到家裝方面，家里的物品如何丟掉多余的保持極簡(jiǎn)。極簡(jiǎn)的生活理念與生活方式，極簡(jiǎn)主義盛行的日本總給人干凈的印象。極簡(jiǎn)這種態(tài)度和表現(xiàn)風(fēng)格形式，運(yùn)用到網(wǎng)站頁(yè)面設(shè)計(jì)中，自然增加了很多給用戶(hù)想象的空間，禪意的已經(jīng)脫穎而出。極簡(jiǎn)風(fēng)格既作為眾多網(wǎng)站界面版式設(shè)計(jì)風(fēng)格中的一種，又可以作為設(shè)計(jì)技巧中的一種存在，有著非常永久、經(jīng)典、深刻的指導(dǎo)意義。今天，我們繼續(xù)捧著繼續(xù)關(guān)注設(shè)計(jì)資訊的熱度，來(lái)一組極簡(jiǎn)、簡(jiǎn)約、干凈的網(wǎng)站設(shè)計(jì)經(jīng)典案例。希望能激發(fā)大家的設(shè)計(jì)靈感，為新項(xiàng)目打Call!

創(chuàng)新互聯(lián)客戶(hù)idc服務(wù)中心，提供棕樹(shù)數(shù)據(jù)中心、成都服務(wù)器、成都主機(jī)托管、成都雙線(xiàn)服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過(guò)各地的服務(wù)中心，我們向成都用戶(hù)提供優(yōu)質(zhì)廉價(jià)的產(chǎn)品以及開(kāi)放、透明、穩(wěn)定、高性?xún)r(jià)比的服務(wù)，資深網(wǎng)絡(luò)工程師在機(jī)房提供7*24小時(shí)標(biāo)準(zhǔn)級(jí)技術(shù)保障。

01

-

Basis – Berlin Real Eastate 

柏林房地產(chǎn)市場(chǎng) 高級(jí)顧問(wèn)

https://basis-ag.com/en/basis-home/

02

-

KXU 

運(yùn)動(dòng)、健美、健身房、健康飲食類(lèi)

https://www.kxu.co.uk/

03

-

Tom Hodgman 

界面設(shè)計(jì)大師團(tuán)隊(duì)官網(wǎng)

http://tomhodgman.com/

04

-

Andre Ribeiro 

巴西出生的設(shè)計(jì)師及藝術(shù)總監(jiān)在紐約布魯克林區(qū)創(chuàng)作

https://andreribeiro.co/

05

-

KBS Canada 

Loading設(shè)計(jì)非常有意思，主頁(yè)采用柵格化系統(tǒng)布局版式新銳

https://kbsagency.ca/

06

-

Intrusive Thoughts

https://www.intrusivethoughts.org/

07

-

Fru.it

意大利著名服飾鞋類(lèi)品牌

https://www.fru.it/

08

-

Teleset Plus

卡通，手繪，矢量元素在網(wǎng)站中大量運(yùn)用 很有人工智能的科技感

網(wǎng)站微交互設(shè)計(jì)做得非常不錯(cuò)

https://teleset.plus/

09

-

Dixon & Moe

策略、設(shè)計(jì)、開(kāi)發(fā)——我們幫助公司理解、原型化和部署定制技術(shù)。

一看就知道是牛逼轟轟的做前沿技術(shù)的公司

https://dixonandmoe.com/

10

-

Living Divani srl

完美、和諧的比例和低調(diào)的奢華感的特色酒店的動(dòng)態(tài)和充滿(mǎn)活力的生活，家庭擁有的公司，其商標(biāo)的裝飾。

做軟裝、室內(nèi)裝修設(shè)計(jì)的同行應(yīng)該看看這個(gè)官網(wǎng)

https://livingdivani.it/en/homepagewelcome/

11

-

Progressive Punctuation

我們今天應(yīng)該使用的非標(biāo)準(zhǔn)標(biāo)點(diǎn)符號(hào)集合。

單單看網(wǎng)站首頁(yè)，你能猜出這個(gè)網(wǎng)站是解決用戶(hù)什么問(wèn)題嗎？

http://progressivepunctuation.com/

12

-

Café du Trocadero

健康飲食類(lèi)

http://www.cafedutrocadero.com/

餐飲糕點(diǎn)類(lèi)創(chuàng)新互聯(lián)經(jīng)典案例

13

-

Spy Films

網(wǎng)站的結(jié)構(gòu)布局很奇特，封面三個(gè)女漢子讓你欲不能罷

漢堡式菜單居中的布局少見(jiàn)但非常好用 海報(bào)banner頁(yè)碼樣式的切換波瀾起伏市場(chǎng)少見(jiàn)

http://spyfilms.com/

14

-

Boffi

折疊菜單左邊超窄展示 柵格化系統(tǒng)布局 圖層折疊展示 懸浮按鈕FAB經(jīng)典案例 文字壓圖巧妙運(yùn)用

https://www.boffi.com/

15

-

Unconquered

別小看首頁(yè)略圖，點(diǎn)進(jìn)去要刺瞎你的眼！H5技術(shù)的嫻熟運(yùn)用，滾動(dòng)視差技術(shù)及結(jié)合視頻，動(dòng)態(tài)圖技術(shù)等等，互聯(lián)網(wǎng)網(wǎng)站設(shè)計(jì)前沿新技術(shù)運(yùn)用得淋漓盡致。

http://www.weareunconquered.co/zoltner-wolf-textiles/

16

-

The Gigi project

這個(gè)項(xiàng)目必須是UI界面設(shè)計(jì)師與交互設(shè)計(jì)師融為一體才能做出來(lái)的經(jīng)典案例。因?yàn)閱螁螐慕缑娼嵌热ゲ邉澓驮O(shè)計(jì)這個(gè)網(wǎng)站，你根本不知道怎么下手。只有UI和交互設(shè)計(jì)師一起策劃和設(shè)計(jì)才能有這個(gè)效果。

http://www.thegigi.it/en/

17

-

Envoy

不要被略圖迷惑。實(shí)際上打開(kāi)網(wǎng)站后，你會(huì)非常驚訝，怎么有人能想出這樣的網(wǎng)站呀。技術(shù)上也非常牛逼。結(jié)合動(dòng)態(tài)圖，滾動(dòng)視差技術(shù)等等。

https://www.weareenvoy.com/

18

-

TenderToArt

這個(gè)就是所謂的超窄菜單導(dǎo)航網(wǎng)站了

http://www.tendertoart.com/en/

19

-

Ever and Ever

光是打開(kāi)首頁(yè)的loading就很有創(chuàng)意。剛開(kāi)始沒(méi)怎么注意，看到像是一輛動(dòng)車(chē)一閃而過(guò)。后來(lái)才注意到，是品牌字母E在奔馳。

菜單導(dǎo)航居中樣式、海報(bào)輪播切換頁(yè)碼樣式相當(dāng)新銳。每個(gè)欄目新內(nèi)容的展示都結(jié)合了視頻動(dòng)態(tài)圖技術(shù)。視覺(jué)非常聚焦。

https://www.everandever.co/

20

-

Marcus Eriksson

http://themarcus.com/

21

-

Epok Design

http://www.epok-design.fr/

22

-

Pretty Good Human

真實(shí)網(wǎng)站比略圖還要酷炫，尤其是logo出現(xiàn)的瞬間，真的非常震撼！

http://prettygoodhuman.com/

23

-

Volcán De Mi Tierra Tequila

酒類(lèi)品牌網(wǎng)站，UI界面及交互設(shè)計(jì)做得非常給力，不管是視覺(jué)上還是聽(tīng)覺(jué)上，都是棒棒滴。

https://www.volcan.com/en

24

-

Réard Paris

比基尼類(lèi)品牌網(wǎng)站，網(wǎng)站高大上，服裝也設(shè)計(jì)得逼格

https://www.reard.com/fr-fr

25

-

M2H agency

餐飲類(lèi)牛排現(xiàn)場(chǎng)炒作，結(jié)合了動(dòng)態(tài)視頻圖來(lái)展示，無(wú)論是視覺(jué)感官，還是內(nèi)容聚焦方面，做得出神入化，視頻動(dòng)態(tài)圖在這樣的行業(yè)網(wǎng)站里非常助力！用戶(hù)體驗(yàn)超級(jí)棒！

當(dāng)重要的視頻內(nèi)容沒(méi)有立即加載時(shí)，一張養(yǎng)眼的靜態(tài)圖先打底，這個(gè)做法就是非常細(xì)膩到位，也是用戶(hù)體驗(yàn)考慮的一部分哦。

http://m2hagency.com/

26

-

Unpigeon

光看這張略圖，你會(huì)以為這個(gè)平臺(tái)是用來(lái)干什么的呢?

https://unpigeon.me/

27

-

La peau de l’ours

網(wǎng)站框架也算是國(guó)際化的，簡(jiǎn)約，清新，極簡(jiǎn)。但真正吸引人的地方，我想應(yīng)該是大英文字母之間的行距，以及點(diǎn)擊菜單展開(kāi)后，每個(gè)欄目的大字母寬間隔以及鼠標(biāo)觸碰時(shí)的交互樣式。

當(dāng)然，loading的設(shè)計(jì)以及每個(gè)功能塊鼠標(biāo)移動(dòng)上去后出現(xiàn)的文字的布局樣式效果還是非常精致的，有經(jīng)過(guò)策劃和設(shè)計(jì)，不是簡(jiǎn)單的分行布局。

https://www.lapeaudelours.net/fr/

28

-

Victoria Spicer

主圖非常吸引人，忍不住點(diǎn)擊進(jìn)去看看這個(gè)網(wǎng)站。微交互做得非常到位，尤其是圖片灰色跟彩色的切換上，還有一個(gè)段落里，文字跟圖片的結(jié)合，鼠標(biāo)觸碰圖片后的交互，真的是一個(gè)新的表達(dá)方式。

https://vspicer.com/

29

-

Collage

微交互太棒了。在圖片的波浪處理上，漢堡式折疊菜單的提示上等等。值得一看。

https://collagecrafting.com/

30

-

AUall

AU all （白杉）珠寶品牌網(wǎng)站設(shè)計(jì) 創(chuàng)新互聯(lián)實(shí)戰(zhàn)案例

www.auall.com

小結(jié)

-

關(guān)注設(shè)計(jì)動(dòng)態(tài)，了解最新設(shè)計(jì)資訊，多看優(yōu)秀經(jīng)典的設(shè)計(jì)網(wǎng)站作品，總能保持自己的創(chuàng)作激情和激發(fā)設(shè)計(jì)靈感，讓自己每天的設(shè)計(jì)感和正能量都是滿(mǎn)滿(mǎn)的！還記得先前我跟大家分享過(guò)那句話(huà)嗎？“此刻，對(duì)手正在不停的鍛煉。”醒目的印在健身房墻壁上。在這個(gè)逆水行舟進(jìn)慢一點(diǎn)就被淘汰的互聯(lián)網(wǎng)時(shí)代里，我們需要學(xué)更多優(yōu)秀的東西。希望本身分享的這些極簡(jiǎn)網(wǎng)站設(shè)計(jì)經(jīng)典案例，有那么一兩個(gè)能抓住你的心，創(chuàng)新互聯(lián)自媒體就覺(jué)得值了！