極簡的網(wǎng)頁設計風格耐看好看
時間:2023-10-16 11:36:02 | 來源:網(wǎng)站運營
時間:2023-10-16 11:36:02 來源:網(wǎng)站運營
極簡的網(wǎng)頁設計風格耐看好看:說起極簡,很多人馬上就能想到家裝方面,家里的物品如何丟掉多余的保持極簡。極簡的生活理念與生活方式,極簡主義盛行的日本總給人干凈的印象。極簡這種態(tài)度和表現(xiàn)風格形式,運用到網(wǎng)站頁面設計中,自然增加了很多給用戶想象的空間,禪意的已經(jīng)脫穎而出。
極簡風格既作為眾多
網(wǎng)站界面版式設計風格中的一種,又可以作為設計技巧中的一種存在,有著非常永久、經(jīng)典、深刻的指導意義。今天,我們繼續(xù)捧著繼續(xù)關(guān)注設計資訊的熱度,來一組極簡、簡約、干凈的
網(wǎng)站設計經(jīng)典案例。希望能激發(fā)大家的設計靈感,為新項目打Call!
01-Basis – Berlin Real Eastate柏林房地產(chǎn)市場 高級顧問
https://basis-ag.com/en/basis-home/02-KXU運動、健美、健身房、健康飲食類
https://www.kxu.co.uk/03-Tom Hodgman界面設計大師團隊官網(wǎng)
http://tomhodgman.com/04-Andre Ribeiro巴西出生的設計師及藝術(shù)總監(jiān)在紐約布魯克林區(qū)創(chuàng)作
https://andreribeiro.co/05-KBS CanadaLoading設計非常有意思,主頁采用柵格化系統(tǒng)布局版式新銳
https://kbsagency.ca/06-Intrusive Thoughtshttps://www.intrusivethoughts.org/07-Fru.it意大利著名服飾鞋類品牌
https://www.fru.it/08-Teleset Plus卡通,手繪,矢量元素在網(wǎng)站中大量運用 很有人工智能的科技感
網(wǎng)站微交互設計做得非常不錯
https://teleset.plus/09-Dixon & Moe策略、設計、開發(fā)——我們幫助公司理解、原型化和部署定制技術(shù)。
一看就知道是牛逼轟轟的做前沿技術(shù)的公司
https://dixonandmoe.com/10-Living Divani srl完美、和諧的比例和低調(diào)的奢華感的特色酒店的動態(tài)和充滿活力的生活,家庭擁有的公司,其商標的裝飾,做軟裝、室內(nèi)裝修設計的同行應該看看這個官網(wǎng)
https://livingdivani.it/en/homepagewelcome/11-Progressive Punctuation我們今天應該使用的非標準標點符號集合。
單單看網(wǎng)站首頁,你能猜出這個網(wǎng)站是解決用戶什么問題嗎?
http://progressivepunctuation.com/12-Café du Trocadero健康飲食類
http://www.cafedutrocadero.com/餐飲糕點類素馬設計經(jīng)典案例
13-Spy Films網(wǎng)站的結(jié)構(gòu)布局很奇特,封面三個女漢子讓你欲不能罷
漢堡式菜單居中的布局少見但非常好用 海報banner頁碼樣式的切換波瀾起伏市場少見
http://spyfilms.com/14-Boffi折疊菜單左邊超窄展示 柵格化系統(tǒng)布局 圖層折疊展示 懸浮按鈕FAB經(jīng)典案例 文字壓圖巧妙運用
https://www.boffi.com/15-Unconquered別小看首頁略圖,點進去要刺瞎你的眼!H5技術(shù)的嫻熟運用,滾動視差技術(shù)及結(jié)合視頻,動態(tài)圖技術(shù)等等,互聯(lián)網(wǎng)網(wǎng)站設計前沿新技術(shù)運用得淋漓盡致。
http://www.weareunconquered.co/zoltner-wolf-textiles/16-The Gigi project這個項目必須是UI界面設計師與交互設計師融為一體才能做出來的經(jīng)典案例。因為單單從界面角度去策劃和設計這個網(wǎng)站,你根本不知道怎么下手。只有UI和交互設計師一起策劃和設計才能有這個效果。
http://www.thegigi.it/en/17-Envoy不要被略圖迷惑。實際上打開網(wǎng)站后,你會非常驚訝,怎么有人能想出這樣的網(wǎng)站呀。技術(shù)上也非常牛逼。結(jié)合動態(tài)圖,滾動視差技術(shù)等等。
https://www.weareenvoy.com/18-TenderToArt這個就是所謂的超窄菜單導航網(wǎng)站了
http://www.tendertoart.com/en/19-Ever and Ever光是打開首頁的loading就很有創(chuàng)意。剛開始沒怎么注意,看到像是一輛動車一閃而過。后來才注意到,是品牌字母E在奔馳。
菜單導航居中樣式、海報輪播切換頁碼樣式相當新銳。每個欄目新內(nèi)容的展示都結(jié)合了視頻動態(tài)圖技術(shù)。視覺非常聚焦。
https://www.everandever.co/20-Marcus Erikssonhttp://themarcus.com/21-Epok Designhttp://www.epok-design.fr/22-Pretty Good Human真實網(wǎng)站比略圖還要酷炫,尤其是logo出現(xiàn)的瞬間,真的非常震撼!
http://prettygoodhuman.com/23-Volcán De Mi Tierra Tequila酒類品牌網(wǎng)站,UI界面及交互設計做得非常給力,不管是視覺上還是聽覺上,都是棒棒滴。
https://www.volcan.com/en24-Réard Paris比基尼類品牌網(wǎng)站,網(wǎng)站高大上,服裝也設計得逼格
https://www.reard.com/fr-fr25-M2H agency餐飲類牛排現(xiàn)場炒作,結(jié)合了動態(tài)視頻圖來展示,無論是視覺感官,還是內(nèi)容聚焦方面,做得出神入化,視頻動態(tài)圖在這樣的行業(yè)網(wǎng)站里非常助力!用戶體驗超級棒!
當重要的視頻內(nèi)容沒有立即加載時,一張養(yǎng)眼的靜態(tài)圖先打底,這個做法就是非常細膩到位,也是用戶體驗考慮的一部分哦。
http://m2hagency.com/26-Unpigeon光看這張略圖,你會以為這個平臺是用來干什么的呢?
https://unpigeon.me/27-La peau de l’ours網(wǎng)站框架也算是國際化的,簡約,清新,極簡。但真正吸引人的地方,我想應該是大英文字母之間的行距,以及點擊菜單展開后,每個欄目的大字母寬間隔以及鼠標觸碰時的交互樣式。
當然,loading的設計以及每個功能塊鼠標移動上去后出現(xiàn)的文字的布局樣式效果還是非常精致的,有經(jīng)過策劃和設計,不是簡單的分行布局。
https://www.lapeaudelours.net/fr/28-Victoria Spicer主圖非常吸引人,忍不住點擊進去看看這個網(wǎng)站。微交互做得非常到位,尤其是圖片灰色跟彩色的切換上,還有一個段落里,文字跟圖片的結(jié)合,鼠標觸碰圖片后的交互,真的是一個新的表達方式。
https://vspicer.com/29-Collage微交互太棒了。在圖片的波浪處理上,漢堡式折疊菜單的提示上等等。值得一看。
https://collagecrafting.com/30-AUallAU all (白杉)珠寶品牌網(wǎng)站設計 素馬實戰(zhàn)案例
http://www.auall.com小結(jié)通過這30個極簡主義的網(wǎng)頁設計風格大家不難發(fā)現(xiàn),這些品牌網(wǎng)站都主要在時尚、藝術(shù)、個體機構(gòu)方面為主,很少在醫(yī)藥、新能源、人工智能等領(lǐng)域有這樣的案例。因為作為企業(yè)官網(wǎng),網(wǎng)站所需要承載的信息會更加綜合,更加復雜,表現(xiàn)的形式也會更加多樣化。相對于極簡主義的理念來說,用這樣的藝術(shù)化、大面積留白、個性化版式布局來做,似乎不太合適,也難取得客戶的共鳴。