請多關照！20個來自日本最優秀的網頁設計

可能是出于語言的障礙，當我們發掘、瀏覽國外網站之時，更多看的是歐美那些以英語為住的網站，至少我所瀏覽的日本網站大多來自于朋友的推薦。

日本的網頁設計向來自成一體，別有風味。和諧，但是追求錯落，寧靜，也隱含躁動。所以，它令人著迷也不是沒有原因的。

這些設計精良的日本網站同樣會使用那些極盡奢華的視覺元素，炫酷而現代的動態效果，同時還保留著日本文化中對殘缺美的執著和沉迷，所以，盡管你會在網頁中看到不少“不和諧”的元素，但是整體上卻能表現出獨特的錯落美。日本人對禪和道的獨到理解，使得他們的網站能營造出祥和寧靜的氛圍，結合精致的細節和良好的體驗，你會發現日本網站的整體設計極具識別度。

接下來的20個網站會為你展示日本優秀網頁的良好設計，希望你能喜歡。

Kenji Saito

齋藤健治的這個個人網站，不僅為開發者展示了HTML5/CSS3和JS的強大功用和夢幻般的效果，而且用實際行動為設計師們呈現了什么叫“如魚得水般的設計”。

Exit Film

Exit Film這個網站以非入侵式的方式在一個屏幕上展示了四個視頻，優雅的劇中布局配合深色底，精致的細節和排版使得網站視覺極具沖擊力，同時又不會給用戶造成視覺負擔。

Satoshi Kuroda

打開網頁的第一刻你會被網站大背景下的精致排版所吸引，網頁設計充分展現了設計師的藝術天賦，漂亮的字體設計表現力十足，細節的裝飾也非常到位。

Kenji Endo

這是藝術家遠藤健治的官方網站，中性的黑白色調構成了網站的主色調，強烈的對比和留白令網站設計感十足。

Gakuten

Gakuten 是一個日本 萬國學生藝術展覽祭的官網網站，網站設計清爽，細節排版精致到位。作為一個大型設計展的官網，網站和展覽本身緊密關聯，美觀與功能都兼顧到了。

Sanga Ryokan

這個旅館的官方網站，充分融合了現代網頁設計和日本和風，對稱式的布局不僅便于展示內容，而且隱含陰陽之變的隱喻，藝術和哲學的意味十足。

Hys-inc

Hys-ins 的外觀看起來質樸而干凈，視覺設計非常討喜，黑白對比使得前景元素非常清晰。平衡的設計使得網站看起來整齊而不單調，細節豐富，而且用戶可以很容易感知到網站所屬的專業領域。

Koto-bana

如果你正在尋一些先鋒的概念設計或者創意思維，那么這個網站就是你在找的東西。Koto-bana 是一個非常炫酷的圖庫網站，你能從中找到許多靈感。

Lexus

作為著名的高端車品牌，Lexus 的網站設計感絕對是不容質疑的。工業設計感十足的Lexus 轎跑與壯麗的背景融于一體，雜志式的排版與精致的內容緊緊抓住每一個訪客的雙眼。

Don-guri

打開 Don-guri 的網站，用幾分鐘時間的緩沖，幫你開啟全新的一天吧。這個音樂類項目能夠將正能量充滿你的辦公室，幫你調整狀態，讓你精神充沛一整天。更重要的是，網站不僅音樂帶感，而且網站設計也清新明快，過目難忘。

Hanatsubaki

令人印象深刻的圖片選取使得網站個性十足，獨特的處理方式也賦予圖片別樣的美感。圖片居中放置，留白和中間的人物比例完美，前后景的色彩對比，這些都體現出網站設計師的功底。

Howlt

設計師巧妙地使用涂鴉和動畫，使得這個作品展示站從同類網站中脫穎而出。網頁中動畫的使用，使得網站的創意和藝術性提高了不少，令訪客流連忘返。

Fabrik

藝術家喜歡直觀的展示，用材質、色彩和細節給用戶的眼睛來一次充分的洗禮。網站展示的產品色彩非常漂亮，在白色的底上展示，充足的留白讓產品自然而然成為視覺的焦點。

Kobaphoto

這也是一個個人作品展示站，排版和導航并不喧賓奪主，讓用戶能將注意力集中在攝影作品上，主次分明。

Don-guri Magazine

這是Don-guru 團隊另外一個值得關注的項目。項目關注的是日本最具標志性的元素——動漫。網站本身也采用了別具一格的動漫風格，令人腦洞大開。

Letters

雖然網站采用的是單色設計，但是設計師用細線構建出華麗的圖案，這種神似“了不起的蓋茨比”的華麗風使得網頁呈現出不同尋常的精致之美。

Ondo

Ondo的首頁使用了一種非常少見的非傳統配色方案，結合華麗的動畫和特殊的元素，為用戶營造出特殊的氛圍。

Midori Aoyama

這個網站是 Midori Aoyama 的個人作品站，經過調整之后的站點充滿了科技感。你能在這里找到許多時下流行的設計元素：精致的排版、幽靈按鈕、生動的背景和Low-Poly圖片。

Herbal Bises

Herbai Bises 這個網站我們曾推薦過，超現實主義的設計使得網站首頁擁有別樣的美感。細節設計上，網站有許多地方值得我們學習，單色最令人難忘的還是它的視覺設計和插畫，美翻了。

RedBull

設計師為紅牛定制的這套設計方案，充分運用多媒體呈現紅牛這個品牌不同凡響的活力，整體的用戶體驗設計也非常突出。

結語

今天推薦的日本網站許多設計看起來更為“現代”，還有許多網頁的設計依然沿襲的日本的傳統風格設計，比如這篇文章中所推薦的網站：《來一場華麗的冒險！創意與技術齊飛的日本網頁設計欣賞》。但是這并非意味著這些站點在技術上也非常傳統，在HTML5和CSS3技術剛剛問世的時候，日本設計師就已經開始大規模試水了。不論如何，日本的網頁設計的風格還是非常明顯的，你覺得它們中最值得學習的是什么呢？

【那些充滿異域風情的網頁設計】

《KEEP CALM & DESIGN！26個來自英國最優秀的網頁設計》
《嚴謹而浪漫！20個來自德國最優秀的網頁設計》
《情迷西班牙！20個來自西班牙最優秀的網頁設計》
《時尚雅致！25個來自法國最優秀的網頁設計》

原文地址：designmodo
優設譯者：@陳子木

「子木說」

說點和網頁設計無關的事情吧。前幾天微軟Build大會上，微軟為拯救WindowsPhone——也就是現在所說的Windows 10 Mobile 系統，而開始推行通用Windows平臺應用（Universal Windows Platform），讓應用一次編寫就可以在手機、平板、PC上運用，還提供對應工具將Android、iOS和Web APP 通過修改調整打包成為微軟平臺的APPX包而可以在手機上使用。這個一直被iOS和Android 壓著打的平臺似乎可以看到一絲崛起的曙光了。對于設計師而言，這些太過遙遠的事情姑且放到一邊，這件事情中最值得關注的是微軟為UWP所制作的UI設計規范剛剛出爐了，內容很多，干貨不少，右鍵保存吧：戳這里。

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量94萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：