我想很多設計師都認同或喜歡日本的設計，不管是建筑、產品、包裝，在網頁設計方面，也有值得我們學習的地方。

今天精選了20+日式 Web Design 作品，有餐飲、產品專題頁、互聯網、設計工作室等行業，從這些案例可以看出設計師是絞盡腦汁去設計好一個網站，而不是簡單的「美觀」，除了做到精美、大膽的網頁布局，同時還增添一些細節交互動效，使網頁變得更加精彩。

下面大家一起來欣賞這20個漂亮的日本網站，請不要光看，要懂得「思考」，這就是高級設計師與初級設計師的區別。

500 Colored Pencils

一支彩鉛都要做這么漂亮的專題頁，可見日本對設計、對品牌包裝的重視程度。左右滑動的 JS 特效很好玩，看到這500支彩鉛，小編也有點心動了

G-A

話說只有設計水平到一定程度后，才這么大膽做這種設計吧？

Kirin

這是一家餐飲企業的品牌網站，很少餐飲企業愿意花這么多精力和資金做一個品牌網站，可見日本對設計的重視和大陸不是一個檔次。。

kirin 里面的很多大膽排版方式很漂亮，像是 VI 手冊般的平面設計，但又比 VI 好一點，因為多了些動態效果，還有個強大之處就是，這排版還支持響應式。

SERAKU

這是一家互聯網機構，網站采用了雙語言（日語+英文），以日式插畫作為首屏頁面，讓首頁擁有強大的視覺吸引力。網站的英文字體、數字沒有使用系統自帶，而是其它嵌入式字體，以視覺優先。

Gina

Gina 也是一個餐飲食品網站，這個首頁的視覺離不開攝影師的功勞，漂亮的擺拍攝影讓首頁增添不少美感。

Toshin-Sekai

一家網站雜志媒體網站，日后你要設計信息類的網站，這個時尚版式是不錯的參考對象。

網站的導航菜單直接隱藏了，采用「面包屑」導航，展開后，是這樣子：

Udatsu

單單是用鼠標移動左側導航的哪一個細微交互，這也已經很不錯了。要懂得思考啊，同學們。

Newgraduate

簡約時尚的網頁設計。

Carborocco

干凈的頁面布局，有時候只用圖片排版可能會很單調，比如有些地方空白太多，所以設計師就加了一些圖形來做點綴，每個頁面都很 nice，所以不要光看首頁，其它頁面也點點看哦！

B-Monster

上面的排版太過有特色？太個性？好吧，來個中規中矩的給你看。

Tamanabokujo

手繪風格的導航設計也是很有意思哦。

Aozoramokuzai

也是中規中矩的頁面排法，這種網站 Banner 的視覺也重要。這家木材廠的橫幅就使用了視頻來做，效果也相當不錯。

Danielspatzek

一個設計師的個人網站，創意十足呢！特別是動效超 cool，實現起來估計也相當麻煩的。（但這個不是日本網站）

Foodfloor

美食 APP 著陸頁的設計

Orangina

只彩2種顏色搭配的網站，藍色+黃色，效果也很棒呢，你怎么看？

Kirameki Dental Land

一家專注兒童牙齒健康機構的網站，導航使用了與 LOGO 相襯的多彩點綴，使整體視覺看起來活躍不少。

Suzuka 2017 專題頁設計

Kyoeiseicha

kyoeiseicha 是一家賣茶的企業品牌，網站采用自然界的綠色作為主色，首屏 Banner 使用了不規則的形狀圖案，還有就是圖像方面也用上了「高清圖片」的質量，這才能使得網頁看起來不會低端、劣質，以后記得不要省那幾個流量啦！

Koshibasaki

某明星的介紹頁

Descente

Kenjiokabe

靜靜的用圖片記錄生活點滴：

以上優秀 Website 均摘自設計導航推薦的：MUUUUU, 4db, straightline 以及 81-web日本網頁設計畫廊，大家有空的時候不妨到這里找找日本的網站靈感。