- 相關(guān)推薦
一組溫暖的日式網(wǎng)站設(shè)計
世界上只有兩種網(wǎng)頁設(shè)計，一種是日本網(wǎng)頁設(shè)計，一種是其他網(wǎng)頁設(shè)計。日本網(wǎng)站的風(fēng)格非常強烈，它們擅長以鬼斧神工的技巧將水彩與動畫融合一體，色調(diào)清新，細(xì)節(jié)驚人，是眾多網(wǎng)頁中的“異類”。今天推薦10個風(fēng)格細(xì)膩體驗超棒的日本網(wǎng)站，來感受下。
日本文化是一種嚴(yán)謹(jǐn)謙和的態(tài)度，這種態(tài)度在網(wǎng)頁的設(shè)計中也有著顯而易見的體現(xiàn)。在視覺設(shè)計上，日式網(wǎng)頁大多為清新自然的主調(diào);在用戶體驗上，更是能讓用戶感受到無形的體貼和溫暖。
清新雅致的水彩，亦或是充滿日本元素的小裝飾，總之，日式網(wǎng)頁設(shè)計能讓我們從小細(xì)節(jié)中就準(zhǔn)確的分辨出來，低調(diào)卻不平庸也許是最恰當(dāng)?shù)男稳菰~了。
以下網(wǎng)站動畫效果較多，推薦用谷歌或火狐瀏覽。
1. Good Design Company
網(wǎng)站首頁完全顛覆了傳統(tǒng)意義上的首頁，網(wǎng)站將大多數(shù)客戶比較關(guān)心，并且查看頻率較高的案例頁面提前到整個首頁。在視覺和布局上雖然會顯得太過緊密，但是靈動的效果很好的掩飾了這一不足。鼠標(biāo)放在案例圖片上之后，這一列圖片都會隨之改變，讓用戶不點擊也能看到整體效果。
2. tukuru-hito
的風(fēng)格屬于比較典型的日式田園系，整個網(wǎng)站的基調(diào)都很清新自然。網(wǎng)頁中的漂浮物是日式網(wǎng)站一大特色，正如案例中顯示的樹葉元素。日式網(wǎng)頁設(shè)計經(jīng)常會使用一些花瓣或樹葉來裝點頁面，營造用戶想要的氛圍。
4. Mitsugashi
一個店鋪和產(chǎn)品的介紹網(wǎng)站，只需走馬觀花式的瀏覽網(wǎng)站，就能感受到一種濃厚的自然原味，就像原研哉提出的，沒有過多的設(shè)計，也是另一種設(shè)計，這也正是日式設(shè)計的代表性理念。
5. Kataomoi3
是一種充斥著滿滿日本風(fēng)情的個人blog網(wǎng)站。這個網(wǎng)站的設(shè)計之處體現(xiàn)在一些細(xì)節(jié)上，上文中提到漂浮物是日式網(wǎng)站常用的設(shè)計，而在這里，隨著鼠標(biāo)的滑動，文字的每一個筆畫會化成櫻花花瓣飄灑在整個屏幕，搭配著清醒淡雅的顏色，令網(wǎng)站擁有一種唯美的氣氛。
6. suzuki-komuten
體現(xiàn)了另一種日式網(wǎng)頁的格調(diào)。這種格調(diào)缺少了許多唯美古典的意味，而是從另一個側(cè)面表現(xiàn)出了現(xiàn)在日本繁忙的都市節(jié)奏。緊密的文字內(nèi)容和簡單易懂的圖片搭配，這讓用戶的視覺感受略遜一籌，卻能在范圍內(nèi)快速找到自己需要的內(nèi)容。
7. Tokyonohatakekara
是一個日本甜品店的網(wǎng)站。整個網(wǎng)站都采用了手繪風(fēng)格，讓網(wǎng)站充滿了親和力。適量的動態(tài)效果更是增添了網(wǎng)站清新可愛的元素，讓所有熱愛甜品的用戶們欲罷不能。
8. Asitanosikaku
網(wǎng)站的特色主要在效果上有比較明顯的體現(xiàn)，頁面中心的橢圓泡泡會跟著鼠標(biāo)的移動而發(fā)生變化，產(chǎn)生一種吹彈可破的錯覺，讓整個畫面都變得越發(fā)靈動，每一個按鈕都充滿了生命力。
9. More Rare
日本的一個電子商務(wù)網(wǎng)站。誰說電子商務(wù)網(wǎng)站無法兼顧視覺設(shè)計和用戶體驗!More Rare就做到了兩全其美。熱門商品的推薦直接移到首頁，省去價格、描述，以及線框等等，只顯示商品的縮略圖，更容易讓用戶把注意力集中在商品本身上。
10. Stepc
一個全屏Flash的網(wǎng)站，網(wǎng)站中融入了許多像素和小色塊的元素，讓網(wǎng)站既復(fù)古又現(xiàn)代。
一件設(shè)計作品的外觀是大家有目共睹的，而作品的用戶體驗就只有實際使用者才有發(fā)言權(quán)了。在設(shè)計之初就為用戶設(shè)想，甚至體驗他們的生活，這是許多受過日本文化熏陶的設(shè)計師會去做的事情。
【一組,欣賞,溫暖的,網(wǎng)站設(shè)計,體貼,日式】相關(guān)文章：
日式小戶型設(shè)計介紹06-21
日式蒸魚07-11
網(wǎng)站設(shè)計的步驟07-14
網(wǎng)站設(shè)計的方法07-14
關(guān)心體貼的句子06-26
網(wǎng)站的前臺設(shè)計解析06-25
網(wǎng)站設(shè)計的開題報告07-23
網(wǎng)站設(shè)計開題報告01-17