萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 一組體貼溫暖的日式網站設計欣賞

一組體貼溫暖的日式網站設計欣賞

 一組體貼溫暖的日式網站設計欣賞 三聯

  編者按:世界上只有兩種網頁設計,一種是日本網頁設計,一種是其他網頁設計。日本網站的風格非常強烈,它們擅長以鬼斧神工的技巧將水彩與動畫融合一體,色調清新,細節驚人,是眾多網頁中的“異類”。今天推薦10個風格細膩體驗超棒的日本網站,來感受下。

  日本文化是一種嚴謹謙和的態度,這種態度在網頁的設計中也有著顯而易見的體現。在視覺設計上,日式網頁大多為清新自然的主調;在用戶體驗上,更是能讓用戶感受到無形的體貼和溫暖。

  清新雅致的水彩,亦或是充滿日本元素的小裝飾,總之,日式網頁設計能讓我們從小細節中就准確的分辨出來,低調卻不平庸也許是最恰當的形容詞了。

  以下網站動畫效果較多,推薦用谷歌或火狐浏覽。

  1. Good Design Company

  網站首頁完全顛覆了傳統意義上的首頁,網站將大多數客戶比較關心,並且查看頻率較高的案例頁面提前到整個首頁。在視覺和布局上雖然會顯得太過緊密,但是靈動的效果很好的掩飾了這一不足。鼠標放在案例圖片上之後,這一列圖片都會隨之改變,讓用戶不點擊也能看到整體效果。

  2. tukuru-hito

  的風格屬於比較典型的日式田園系,整個網站的基調都很清新自然。網頁中的漂浮物是日式網站一大特色,正如案例中顯示的樹葉元素。日式網頁設計經常會使用一些花瓣或樹葉來裝點頁面,營造用戶想要的氛圍。

  3. ohzan

  使用了水粉畫作為網站首頁背景,這也屬於日式網頁設計慣用的一種設計手法。清風細雨的和風淡彩水粉畫更能體現出雅致古典的日本文化,讓網站看起來更多了一層深厚的文化。

  4. Mitsugashi

  一個店鋪和產品的介紹網站,只需走馬觀花式的浏覽網站,就能感受到一種濃厚的自然原味,就像原研哉提出的,沒有過多的設計,也是另一種設計,這也正是日式設計的代表性理念。

  5. Kataomoi3

  是一種充斥著滿滿日本風情的個人blog網站。這個網站的設計之處體現在一些細節上,上文中提到漂浮物是日式網站常用的設計,而在這裡,隨著鼠標的滑動,文字的每一個筆畫會化成櫻花花瓣飄灑在整個屏幕,搭配著清醒淡雅的顏色,令網站擁有一種唯美的氣氛。

  6. suzuki-komuten

  體現了另一種日式網頁的格調。這種格調缺少了許多唯美古典的意味,而是從另一個側面表現出了現在日本繁忙的都市節奏。緊密的文字內容和簡單易懂的圖片搭配,這讓用戶的視覺感受略遜一籌,卻能在范圍內快速找到自己需要的內容。

  7. Tokyonohatakekara

  是一個日本甜品店的網站。整個網站都采用了手繪風格,讓網站充滿了親和力。適量的動態效果更是增添了網站清新可愛的元素,讓所有熱愛甜品的用戶們欲罷不能。

  8. Asitanosikaku

  網站的特色主要在效果上有比較明顯的體現,頁面中心的橢圓泡泡會跟著鼠標的移動而發生變化,產生一種吹彈可破的錯覺,讓整個畫面都變得越發靈動,每一個按鈕都充滿了生命力。

  9. More Rare

  日本的一個電子商務網站。誰說電子商務網站無法兼顧視覺設計和用戶體驗!More Rare就做到了兩全其美。熱門商品的推薦直接移到首頁,省去價格、描述,以及線框等等,只顯示商品的縮略圖,更容易讓用戶把注意力集中在商品本身上。

  10. Stepc

  一個全屏Flash的網站,網站中融入了許多像素和小色塊的元素,讓網站既復古又現代。

  一件設計作品的外觀是大家有目共睹的,而作品的用戶體驗就只有實際使用者才有發言權了。在設計之初就為用戶設想,甚至體驗他們的生活,這是許多受過日本文化熏陶的設計師會去做的事情。

copyright © 萬盛學電腦網 all rights reserved