設計作品 ? 20+ 日式企業網站,總有值得你參考的地方

20+ 日式企業網站,總有值得你參考的地方

發表于: 設計作品. 評論
Sponsor

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

今天小編從設計導航推薦的幾個優秀日本網頁畫廊里精選了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日本網頁設計畫廊,大家有空的時候不妨到這里找找日本的網站靈感。

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }