編輯：Fiona Ye
(轉(zhuǎn)載請注明來自 數(shù)英網(wǎng) | DIGITALING)
世界上只有兩種網(wǎng)頁設(shè)計(jì)，一種是日本網(wǎng)頁設(shè)計(jì)，一種是其他網(wǎng)頁設(shè)計(jì)。日本網(wǎng)站的風(fēng)格非常強(qiáng)烈，它們擅長以鬼斧神工的技巧將水彩與動(dòng)畫融合一體，色調(diào)清新，細(xì)節(jié)驚人，是眾多網(wǎng)頁中的“異類”。今天推薦10個(gè)風(fēng)格細(xì)膩體驗(yàn)超棒的日本網(wǎng)站，來感受下。
日本文化是一種嚴(yán)謹(jǐn)謙和的態(tài)度，這種態(tài)度在網(wǎng)頁的設(shè)計(jì)中也有著顯而易見的體現(xiàn)。在視覺設(shè)計(jì)上，日式網(wǎng)頁大多為清新自然的主調(diào)；在用戶體驗(yàn)上，更是能讓用戶感受到無形的體貼和溫暖。
清新雅致的水彩，亦或是充滿日本元素的小裝飾，總之，日式網(wǎng)頁設(shè)計(jì)能讓我們從小細(xì)節(jié)中就準(zhǔn)確的分辨出來，低調(diào)卻不平庸也許是最恰當(dāng)?shù)男稳菰~了。
以下網(wǎng)站動(dòng)畫效果較多，推薦用谷歌或火狐瀏覽。
Good Design Company
網(wǎng)站首頁完全顛覆了傳統(tǒng)意義上的首頁，網(wǎng)站將大多數(shù)客戶比較關(guān)心，并且查看頻率較高的案例頁面提前到整個(gè)首頁。在視覺和布局上雖然會(huì)顯得太過緊密，但是靈動(dòng)的效果很好的掩飾了這一不足。鼠標(biāo)放在案例圖片上之后，這一列圖片都會(huì)隨之改變，讓用戶不點(diǎn)擊也能看到整體效果。
Good Design Company: http://gooddesigncompany.com/
tukuru-hito
風(fēng)格屬于比較典型的日式田園系，整個(gè)網(wǎng)站的基調(diào)都很清新自然。網(wǎng)頁中的漂浮物是日式網(wǎng)站一大特色，正如案例中顯示的樹葉元素。日式網(wǎng)頁設(shè)計(jì)經(jīng)常會(huì)使用一些花瓣或樹葉來裝點(diǎn)頁面，營造用戶想要的氛圍。
tukuru-hito: http://www.tukuru-hito.jp/
ohzan
使用了水粉畫作為網(wǎng)站首頁背景，這也屬于日式網(wǎng)頁設(shè)計(jì)慣用的一種設(shè)計(jì)手法。清風(fēng)細(xì)雨的和風(fēng)淡彩水粉畫更能體現(xiàn)出雅致古典的日本文化，讓網(wǎng)站看起來更多了一層深厚的文化。
ohzan: http://www.ohzan.com/blog/
Mitsugashi
一個(gè)店鋪和產(chǎn)品的介紹網(wǎng)站，只需走馬觀花式的瀏覽網(wǎng)站，就能感受到一種濃厚的自然原味，就像原研哉提出的，沒有過多的設(shè)計(jì)，也是另一種設(shè)計(jì)，這也正是日式設(shè)計(jì)的代表性理念。
Mitsugashi: http://mitsugashi.com/
Kataomoi3
是一種充斥著滿滿日本風(fēng)情的個(gè)人blog網(wǎng)站。這個(gè)網(wǎng)站的設(shè)計(jì)之處體現(xiàn)在一些細(xì)節(jié)上，上文中提到漂浮物是日式網(wǎng)站常用的設(shè)計(jì)，而在這里，隨著鼠標(biāo)的滑動(dòng)，文字的每一個(gè)筆畫會(huì)化成櫻花花瓣飄灑在整個(gè)屏幕，搭配著清醒淡雅的顏色，令網(wǎng)站擁有一種唯美的氣氛。
Kataomoi3: http://kataomoi3.com/
suzuki-komuten
體現(xiàn)了另一種日式網(wǎng)頁的格調(diào)。這種格調(diào)缺少了許多唯美古典的意味，而是從另一個(gè)側(cè)面表現(xiàn)出了現(xiàn)在日本繁忙的都市節(jié)奏。緊密的文字內(nèi)容和簡單易懂的圖片搭配，這讓用戶的視覺感受略遜一籌，卻能在范圍內(nèi)快速找到自己需要的內(nèi)容。
suzuki-komuten: http://www.suzuki-komuten.co.jp/category/news
Tokyonohatakekara
是一個(gè)日本甜品店的網(wǎng)站。整個(gè)網(wǎng)站都采用了手繪風(fēng)格，讓網(wǎng)站充滿了親和力。適量的動(dòng)態(tài)效果更是增添了網(wǎng)站清新可愛的元素，讓所有熱愛甜品的用戶們欲罷不能。
Tokyonohatakekara: http://www.ecute.co.jp/tokyonohatakekara/#header-container
Asitanosikaku
網(wǎng)站的特色主要在效果上有比較明顯的體現(xiàn)，頁面中心的橢圓泡泡會(huì)跟著鼠標(biāo)的移動(dòng)而發(fā)生變化，產(chǎn)生一種吹彈可破的錯(cuò)覺，讓整個(gè)畫面都變得越發(fā)靈動(dòng)，每一個(gè)按鈕都充滿了生命力。
Asitanosikaku: http://www.asitanosikaku.jp/
More Rare
日本的一個(gè)電子商務(wù)網(wǎng)站。誰說電子商務(wù)網(wǎng)站無法兼顧視覺設(shè)計(jì)和用戶體驗(yàn)！More Rare就做到了兩全其美。熱門商品的推薦直接移到首頁，省去價(jià)格、描述，以及線框等等，只顯示商品的縮略圖，更容易讓用戶把注意力集中在商品本身上。
More Rare: http://www.morerare.com/
Stepc
一個(gè)全屏Flash的網(wǎng)站，網(wǎng)站中融入了許多像素和小色塊的元素，讓網(wǎng)站既復(fù)古又現(xiàn)代。
Stepc: http://santepc.jp/
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）