可能是出于語(yǔ)言的障礙，當(dāng)我們發(fā)掘、瀏覽國(guó)外網(wǎng)站之時(shí)，更多看的是歐美那些以英語(yǔ)為住的網(wǎng)站，至少我所瀏覽的日本網(wǎng)站大多來(lái)自于朋友的推薦。

日本的網(wǎng)頁(yè)設(shè)計(jì)向來(lái)自成一體，別有風(fēng)味。和諧，但是追求錯(cuò)落，寧?kù)o，也隱含躁動(dòng)。所以，它令人著迷也不是沒有原因的。

這些設(shè)計(jì)精良的日本網(wǎng)站同樣會(huì)使用那些極盡奢華的視覺元素，炫酷而現(xiàn)代的動(dòng)態(tài)效果，同時(shí)還保留著日本文化中對(duì)殘缺美的執(zhí)著和沉迷，所以，盡管你會(huì)在網(wǎng)頁(yè)中看到不少“不和諧”的元素，但是整體上卻能表現(xiàn)出獨(dú)特的錯(cuò)落美。日本人對(duì)禪和道的獨(dú)到理解，使得他們的網(wǎng)站能營(yíng)造出祥和寧?kù)o的氛圍，結(jié)合精致的細(xì)節(jié)和良好的體驗(yàn)，你會(huì)發(fā)現(xiàn)日本網(wǎng)站的整體設(shè)計(jì)極具識(shí)別度。

接下來(lái)的20個(gè)網(wǎng)站會(huì)為你展示日本優(yōu)秀網(wǎng)頁(yè)的良好設(shè)計(jì)，希望你能喜歡。

Kenji Saito

齋藤健治的這個(gè)個(gè)人網(wǎng)站，不僅為開發(fā)者展示了HTML5/CSS3和JS的強(qiáng)大功用和夢(mèng)幻般的效果，而且用實(shí)際行動(dòng)為設(shè)計(jì)師們呈現(xiàn)了什么叫“如魚得水般的設(shè)計(jì)”。

Exit Film

Exit Film這個(gè)網(wǎng)站以非入侵式的方式在一個(gè)屏幕上展示了四個(gè)視頻，優(yōu)雅的劇中布局配合深色底，精致的細(xì)節(jié)和排版使得網(wǎng)站視覺極具沖擊力，同時(shí)又不會(huì)給用戶造成視覺負(fù)擔(dān)。

Satoshi Kuroda

打開網(wǎng)頁(yè)的第一刻你會(huì)被網(wǎng)站大背景下的精致排版所吸引，網(wǎng)頁(yè)設(shè)計(jì)充分展現(xiàn)了設(shè)計(jì)師的藝術(shù)天賦，漂亮的字體設(shè)計(jì)表現(xiàn)力十足，細(xì)節(jié)的裝飾也非常到位。

Kenji Endo

這是藝術(shù)家遠(yuǎn)藤健治的官方網(wǎng)站，中性的黑白色調(diào)構(gòu)成了網(wǎng)站的主色調(diào)，強(qiáng)烈的對(duì)比和留白令網(wǎng)站設(shè)計(jì)感十足。

Gakuten

Gakuten 是一個(gè)日本 萬(wàn)國(guó)學(xué)生藝術(shù)展覽祭的官網(wǎng)網(wǎng)站，網(wǎng)站設(shè)計(jì)清爽，細(xì)節(jié)排版精致到位。作為一個(gè)大型設(shè)計(jì)展的官網(wǎng)，網(wǎng)站和展覽本身緊密關(guān)聯(lián)，美觀與功能都兼顧到了。

Sanga Ryokan

這個(gè)旅館的官方網(wǎng)站，充分融合了現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)和日本和風(fēng)，對(duì)稱式的布局不僅便于展示內(nèi)容，而且隱含陰陽(yáng)之變的隱喻，藝術(shù)和哲學(xué)的意味十足。

Hys-inc

Hys-ins 的外觀看起來(lái)質(zhì)樸而干凈，視覺設(shè)計(jì)非常討喜，黑白對(duì)比使得前景元素非常清晰。平衡的設(shè)計(jì)使得網(wǎng)站看起來(lái)整齊而不單調(diào)，細(xì)節(jié)豐富，而且用戶可以很容易感知到網(wǎng)站所屬的專業(yè)領(lǐng)域。

Koto-bana

如果你正在尋一些先鋒的概念設(shè)計(jì)或者創(chuàng)意思維，那么這個(gè)網(wǎng)站就是你在找的東西。Koto-bana 是一個(gè)非常炫酷的圖庫(kù)網(wǎng)站，你能從中找到許多靈感。

Lexus

作為著名的高端車品牌，Lexus 的網(wǎng)站設(shè)計(jì)感絕對(duì)是不容質(zhì)疑的。工業(yè)設(shè)計(jì)感十足的Lexus 轎跑與壯麗的背景融于一體，雜志式的排版與精致的內(nèi)容緊緊抓住每一個(gè)訪客的雙眼。

Don-guri

打開 Don-guri 的網(wǎng)站，用幾分鐘時(shí)間的緩沖，幫你開啟全新的一天吧。這個(gè)音樂類項(xiàng)目能夠?qū)⒄芰砍錆M你的辦公室，幫你調(diào)整狀態(tài)，讓你精神充沛一整天。更重要的是，網(wǎng)站不僅音樂帶感，而且網(wǎng)站設(shè)計(jì)也清新明快，過目難忘。

Hanatsubaki

令人印象深刻的圖片選取使得網(wǎng)站個(gè)性十足，獨(dú)特的處理方式也賦予圖片別樣的美感。圖片居中放置，留白和中間的人物比例完美，前后景的色彩對(duì)比，這些都體現(xiàn)出網(wǎng)站設(shè)計(jì)師的功底。

Howlt

設(shè)計(jì)師巧妙地使用涂鴉和動(dòng)畫，使得這個(gè)作品展示站從同類網(wǎng)站中脫穎而出。網(wǎng)頁(yè)中動(dòng)畫的使用，使得網(wǎng)站的創(chuàng)意和藝術(shù)性提高了不少，令訪客流連忘返。

Fabrik

藝術(shù)家喜歡直觀的展示，用材質(zhì)、色彩和細(xì)節(jié)給用戶的眼睛來(lái)一次充分的洗禮。網(wǎng)站展示的產(chǎn)品色彩非常漂亮，在白色的底上展示，充足的留白讓產(chǎn)品自然而然成為視覺的焦點(diǎn)。

Kobaphoto

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

Don-guri Magazine

這是Don-guru 團(tuán)隊(duì)另外一個(gè)值得關(guān)注的項(xiàng)目。項(xiàng)目關(guān)注的是日本最具標(biāo)志性的元素——?jiǎng)勇＞W(wǎng)站本身也采用了別具一格的動(dòng)漫風(fēng)格，令人腦洞大開。

Letters

雖然網(wǎng)站采用的是單色設(shè)計(jì)，但是設(shè)計(jì)師用細(xì)線構(gòu)建出華麗的圖案，這種神似“了不起的蓋茨比”的華麗風(fēng)使得網(wǎng)頁(yè)呈現(xiàn)出不同尋常的精致之美。

Ondo

Ondo的首頁(yè)使用了一種非常少見的非傳統(tǒng)配色方案，結(jié)合華麗的動(dòng)畫和特殊的元素，為用戶營(yíng)造出特殊的氛圍。

Midori Aoyama

這個(gè)網(wǎng)站是 Midori Aoyama 的個(gè)人作品站，經(jīng)過調(diào)整之后的站點(diǎn)充滿了科技感。你能在這里找到許多時(shí)下流行的設(shè)計(jì)元素：精致的排版、幽靈按鈕、生動(dòng)的背景和Low-Poly圖片。

Herbal Bises

Herbai Bises 這個(gè)網(wǎng)站我們?cè)扑]過，超現(xiàn)實(shí)主義的設(shè)計(jì)使得網(wǎng)站首頁(yè)擁有別樣的美感。細(xì)節(jié)設(shè)計(jì)上，網(wǎng)站有許多地方值得我們學(xué)習(xí)，單色最令人難忘的還是它的視覺設(shè)計(jì)和插畫，美翻了。

RedBull

設(shè)計(jì)師為紅牛定制的這套設(shè)計(jì)方案，充分運(yùn)用多媒體呈現(xiàn)紅牛這個(gè)品牌不同凡響的活力，整體的用戶體驗(yàn)設(shè)計(jì)也非常突出。

結(jié)語(yǔ)

今天推薦的日本網(wǎng)站許多設(shè)計(jì)看起來(lái)更為“現(xiàn)代”，還有許多網(wǎng)頁(yè)的設(shè)計(jì)依然沿襲的日本的傳統(tǒng)風(fēng)格設(shè)計(jì)，比如這篇文章中所推薦的網(wǎng)站：《來(lái)一場(chǎng)華麗的冒險(xiǎn)！創(chuàng)意與技術(shù)齊飛的日本網(wǎng)頁(yè)設(shè)計(jì)欣賞》。但是這并非意味著這些站點(diǎn)在技術(shù)上也非常傳統(tǒng)，在HTML5和CSS3技術(shù)剛剛問世的時(shí)候，日本設(shè)計(jì)師就已經(jīng)開始大規(guī)模試水了。不論如何，日本的網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格還是非常明顯的，你覺得它們中最值得學(xué)習(xí)的是什么呢？

【那些充滿異域風(fēng)情的網(wǎng)頁(yè)設(shè)計(jì)】

《KEEP CALM & DESIGN！26個(gè)來(lái)自英國(guó)最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)》
《嚴(yán)謹(jǐn)而浪漫！20個(gè)來(lái)自德國(guó)最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)》
《情迷西班牙！20個(gè)來(lái)自西班牙最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)》
《時(shí)尚雅致！25個(gè)來(lái)自法國(guó)最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)》

原文地址：designmodo
優(yōu)設(shè)譯者：@陳子木

「子木說」

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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