傳統與現代碰撞！20個獨具一格的日本網頁設計

這段時間優設介紹了很多關于日本的網站設計，首推優設導航里推薦的 4db網站（一個搜集日本各行各業、各地區的優秀網站）。

還有分析日式網頁設計的兩篇好文：
《現象與本質：淺析日式網頁設計》
《個性之美！繼續聊聊日本網頁設計》

今天，我們收集了20個傳統風味強烈的日本網站，來看看，這些網站究竟有哪些與眾不同的氣質，當然，你也可以借此了解日本當前的設計風格與設計趨勢。

趣知識：

同學們可能都聽說日本是一個嚴謹的民族了，其實真相是：

鬼扯！！當然不是！是比傳說中的還要嚴謹，遠超過我們想像的極限。以@MercuryBeijing 所見為例：

一、

某日我的供貨商來拜訪我，而他的下一站是日本，他給我看日本公司給他安排的行程表，時間細到以五分鐘為單位，從起床、用餐、上廁所、交通等等一直排到睡覺。同時每個行程的負責人、與會人員的基本數據、聯絡方式、照片（這真的很扯！）都附上了。

但最讓我震驚的是，每天的三餐在哪家餐廳吃，都有注明，同時連菜單都有，圖+文字+說明，省去不知道點什么的尷尬。

這些細小的程度，已經不是我們做與不做的問題了，而是我們跟本想不到那么細微，與其說是行程表，不如說是XX公司參訪五日全攻略比較貼切，原本想跟他要來做為我公司內部訓練的教材，后來想想算了，從這方向著手，我三輩子也拼不過日本人，另謀途徑吧。

二、

東京車站內的某個路口，左手邊有個指示牌，廁所右轉35公尺（圖示+35M），同時右手邊也有同樣的指示牌，廁所右轉32公尺，我當場就輸了 Orz 他們連左右邊指示牌間隔3公尺都算進去了！！要這樣，豈不是每個指示牌都需要訂制、丈量。

成千上萬的指示牌耶！！

驚嘆之余，來看看他們的網站是否也那樣的嚴謹吧。

Chiso

Chiso 是一個銷售日本傳統服飾——和服 的網站，飄雪的動畫非常真實，如果你等一下，就能聽到輕柔的背景音樂。整個網站的設計，包括音樂、字體、配色等，搭配一起，像水溶于水般渾然天成，不懂設計的人進來，說不上哪好，但是感覺非常舒服。

Nakamise

Nakamise 在日本擁有數家實體店，載入動畫有點意思，載入動畫完成后，簇擁的云四散開來，有撥得云開見日出的感覺。整個網站采用手繪風格，你可以通過拖動瀏覽，就像在用地圖一樣，很有趣。

Subtonic

Subtonic 的動效做得非常精彩，網站更像是一幅畫，僅有的鏈接都藏在了左上角。

Toyota Museum

請不要驚訝，這真的是一個博物館的網站，都說日本的動畫做得棒，在這個網站的開場里可見一斑，如果不說，可能還會誤以為這是一個設計工作室的網站。還有，它的LOGO太贊了。

Atelierbutch

強烈推薦！網站每一個細節都值得張大嘴巴，它僅僅是一個幫你縫紉布件的網站，但卻做得如此精致，難以相信，還有創意十足的動畫！

Ayanomitoma

Ayanomitoma 是一個為藝術作品投資的網站，同樣以動畫的效果震撼人。

Hanamichiya

Hanamichiya 同樣售賣傳統的日本物件，網站采用單頁設計，從頭滑到底，更像是欣賞一幅畫卷，右側的懸浮，指過去就如有風掠過，效果真實。

Ippodo Tea

Ippodo Tea 是一家售賣日本傳統茶葉的網站，風格素凈，感覺像日本街道旁一個百年老店一樣。

Jagda.org

一個展示藝術品的網站，動畫出彩。

Kabusan

Kabusan 介紹了日本的一個寺廟，水墨般的風格。

Kizashi gion

Kizashi Gion 是一個日本傳統舞蹈俱樂部的網站，界面比較優雅。

Ohzan

Ozhan 介紹日本的旅游景點，動畫很有層次感。

Prismtone

Prismtone 是一個展示藝術作品的網站，配色很舒服。

Shunkawakami

Shunkawakami 是一個設計工作室的網站，網站大片留白。

Studiocircus

Studiocircus 提供音樂室出租，網站的背景圖似乎在預備一個故事，午后的陽光，大樹下，小動物拿著博客的地址，蹦蹦跳跳而過

Tukuru Hito

Tukuru Hito 提供高質量的設計服務。

總結 + 彩蛋：

日式網頁設計在動畫方面的確非常出色，色彩運用也很得當，細節修飾得很棒。在日本，藝術無處不在，例如這個。

日本的井蓋：

原文地址：onextrapixel
優設網翻譯：cyRotel

本文由優設網uisdc.com原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量63萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：