我想很多設(shè)計(jì)師都認(rèn)同或喜歡日本的設(shè)計(jì)，不管是建筑、產(chǎn)品、包裝，在網(wǎng)頁(yè)設(shè)計(jì)方面，也有值得我們學(xué)習(xí)的地方。

今天精選了20+日式 Web Design 作品，有餐飲、產(chǎn)品專(zhuān)題頁(yè)、互聯(lián)網(wǎng)、設(shè)計(jì)工作室等行業(yè)，從這些案例可以看出設(shè)計(jì)師是絞盡腦汁去設(shè)計(jì)好一個(gè)網(wǎng)站，而不是簡(jiǎn)單的「美觀」，除了做到精美、大膽的網(wǎng)頁(yè)布局，同時(shí)還增添一些細(xì)節(jié)交互動(dòng)效，使網(wǎng)頁(yè)變得更加精彩。

下面大家一起來(lái)欣賞這20個(gè)漂亮的日本網(wǎng)站，請(qǐng)不要光看，要懂得「思考」，這就是高級(jí)設(shè)計(jì)師與初級(jí)設(shè)計(jì)師的區(qū)別。

500 Colored Pencils

一支彩鉛都要做這么漂亮的專(zhuān)題頁(yè)，可見(jiàn)日本對(duì)設(shè)計(jì)、對(duì)品牌包裝的重視程度。左右滑動(dòng)的 JS 特效很好玩，看到這500支彩鉛，小編也有點(diǎn)心動(dòng)了

G-A

話說(shuō)只有設(shè)計(jì)水平到一定程度后，才這么大膽做這種設(shè)計(jì)吧？

Kirin

這是一家餐飲企業(yè)的品牌網(wǎng)站，很少餐飲企業(yè)愿意花這么多精力和資金做一個(gè)品牌網(wǎng)站，可見(jiàn)日本對(duì)設(shè)計(jì)的重視和大陸不是一個(gè)檔次。。

kirin 里面的很多大膽排版方式很漂亮，像是 VI 手冊(cè)般的平面設(shè)計(jì)，但又比 VI 好一點(diǎn)，因?yàn)槎嗔诵﹦?dòng)態(tài)效果，還有個(gè)強(qiáng)大之處就是，這排版還支持響應(yīng)式。

SERAKU

這是一家互聯(lián)網(wǎng)機(jī)構(gòu)，網(wǎng)站采用了雙語(yǔ)言（日語(yǔ)+英文），以日式插畫(huà)作為首屏頁(yè)面，讓首頁(yè)擁有強(qiáng)大的視覺(jué)吸引力。網(wǎng)站的英文字體、數(shù)字沒(méi)有使用系統(tǒng)自帶，而是其它嵌入式字體，以視覺(jué)優(yōu)先。

Gina

Gina 也是一個(gè)餐飲食品網(wǎng)站，這個(gè)首頁(yè)的視覺(jué)離不開(kāi)攝影師的功勞，漂亮的擺拍攝影讓首頁(yè)增添不少美感。

Toshin-Sekai

一家網(wǎng)站雜志媒體網(wǎng)站，日后你要設(shè)計(jì)信息類(lèi)的網(wǎng)站，這個(gè)時(shí)尚版式是不錯(cuò)的參考對(duì)象。

網(wǎng)站的導(dǎo)航菜單直接隱藏了，采用「面包屑」導(dǎo)航，展開(kāi)后，是這樣子：

Udatsu

單單是用鼠標(biāo)移動(dòng)左側(cè)導(dǎo)航的哪一個(gè)細(xì)微交互，這也已經(jīng)很不錯(cuò)了。要懂得思考啊，同學(xué)們。

Newgraduate

簡(jiǎn)約時(shí)尚的網(wǎng)頁(yè)設(shè)計(jì)。

Carborocco

干凈的頁(yè)面布局，有時(shí)候只用圖片排版可能會(huì)很單調(diào)，比如有些地方空白太多，所以設(shè)計(jì)師就加了一些圖形來(lái)做點(diǎn)綴，每個(gè)頁(yè)面都很 nice，所以不要光看首頁(yè)，其它頁(yè)面也點(diǎn)點(diǎn)看哦！

B-Monster

上面的排版太過(guò)有特色？太個(gè)性？好吧，來(lái)個(gè)中規(guī)中矩的給你看。

Tamanabokujo

手繪風(fēng)格的導(dǎo)航設(shè)計(jì)也是很有意思哦。

Aozoramokuzai

也是中規(guī)中矩的頁(yè)面排法，這種網(wǎng)站 Banner 的視覺(jué)也重要。這家木材廠的橫幅就使用了視頻來(lái)做，效果也相當(dāng)不錯(cuò)。

Danielspatzek

一個(gè)設(shè)計(jì)師的個(gè)人網(wǎng)站，創(chuàng)意十足呢！特別是動(dòng)效超 cool，實(shí)現(xiàn)起來(lái)估計(jì)也相當(dāng)麻煩的。（但這個(gè)不是日本網(wǎng)站）

Foodfloor

美食 APP 著陸頁(yè)的設(shè)計(jì)

Orangina

只彩2種顏色搭配的網(wǎng)站，藍(lán)色+黃色，效果也很棒呢，你怎么看？

Kirameki Dental Land

一家專(zhuān)注兒童牙齒健康機(jī)構(gòu)的網(wǎng)站，導(dǎo)航使用了與 LOGO 相襯的多彩點(diǎn)綴，使整體視覺(jué)看起來(lái)活躍不少。

Suzuka 2017 專(zhuān)題頁(yè)設(shè)計(jì)

Kyoeiseicha

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

Koshibasaki

某明星的介紹頁(yè)

Descente

Kenjiokabe

靜靜的用圖片記錄生活點(diǎn)滴：

以上優(yōu)秀 Website 均摘自設(shè)計(jì)導(dǎo)航推薦的：MUUUUU, 4db, straightline 以及 81-web日本網(wǎng)頁(yè)設(shè)計(jì)畫(huà)廊，大家有空的時(shí)候不妨到這里找找日本的網(wǎng)站靈感。