您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計欣賞 >> 瀏覽設(shè)計教程

提升逼格!10個日本超贊插畫風(fēng)網(wǎng)站欣賞

一直很喜歡看別人的手繪插畫,每當(dāng)看到配有可愛插畫的網(wǎng)站就會很心動。和圖標(biāo)的通用性不同,插畫需要配合網(wǎng)站的風(fēng)格從頭打造,雖說很花功夫,卻會令人印象深刻。

這次我試著把配有插畫的網(wǎng)站做了下整理。

此外大家也可以移步到圖趣網(wǎng)酷站欣賞頻道查看插畫風(fēng)格網(wǎng)站:

http://m.likemindfilms.com/item/?c-111,v1-0,tid-1177,v2-14.html


太陽市場


http://timealive.jp/

這是在“勝哄站(東京地鐵站)”每月定期舉辦的市場—“太陽市場”的網(wǎng)站。

LOGO里加入了葫蘿卜、花之類的插畫之后一下子顯得非??蓯?!

在頁腳也放著“太陽的市場”的手繪風(fēng)插畫呢。


HAPISTA

http://happy-photo-studio.jp/

HAPISTA—大阪一家兒童攝影工作室的網(wǎng)站。

用鉛筆描繪的動物插圖真的很可愛!

“七五三節(jié)日紀(jì)念照”Banner上鶴和龜?shù)牟瀹嫾?xì)致生動,也非常漂亮!


譯者注:七五三是日本傳統(tǒng)節(jié)日,每年11月15日家有7歲女孩、5歲男孩和3歲的小孩(男,女),必定讓孩子穿上鮮艷的和服,去寺廟祈福,愿神靈保佑孩子健康平安。而鶴和龜常被作為吉祥物印在孩子的棒棒糖手袋上。而拍紀(jì)念照成為不可缺少的一環(huán)。


Infobang招聘網(wǎng)站

http://www.infobahn.co.jp/recruiting/

Infobang的招聘網(wǎng)站。

采用漫畫技法的立體手寫字構(gòu)成的畫面給人眼前一亮,大愛呦。

各處gif動畫跳動著,非常熱鬧。


日本レクシー株式會社

http://www.omotenashi-1.jp/

這是在長野縣經(jīng)營溫泉和餐飲的公司“日本レクシー”的網(wǎng)站。

用彩色鉛筆繪制的插圖顏色溫暖,讓人有種久違懷念的感覺。

這個網(wǎng)站也有GIF動畫微微晃動著,細(xì)節(jié)十分細(xì)膩……!


HANPU! 岡山PROJECT

http://haremachi.com/hanpu/

倉敷帆布是岡山縣傳統(tǒng)布料,這是為倉敷帆布招募設(shè)計作品的網(wǎng)站—“HANPU!岡山項目~岡山帆布之匠人設(shè)計~”

網(wǎng)站整體使用刺繡感的插畫元素裝飾,很有統(tǒng)一感?!

關(guān)于頁面中使用的人物插畫也非??蓯邸?/p>



杉木株式會社

http://mominoki-g.com/

這是可以購買長崎名產(chǎn)和特產(chǎn)的“杉木”公司的網(wǎng)站。

主視覺插畫顏色對比強烈、色彩豐富、有很強的視覺沖擊力!

導(dǎo)航和分類的插圖色彩也很統(tǒng)一,看得出設(shè)計得十分用心。



みずこし動物醫(yī)院

http://www.vet-mizukoshi.com/

這是愛知縣的一家動物醫(yī)院,「みずこし動物醫(yī)院」的網(wǎng)站。

插畫風(fēng)格讓人倍感親切,溫暖柔和。

頁腳上是被綠樹環(huán)抱的醫(yī)院插圖。



スキ?ヤキ

http://www.sukiyaki-jp.com/

日本知名電商FELISSIMO旗下品牌“スキ?ヤキ”的網(wǎng)站。

原創(chuàng)角色sukiyaki醬一直在頁面走來走去,非??蓯邸?/p>

花紋邊框也用了風(fēng)格統(tǒng)一的手繪風(fēng),贊!



Donguri Music

http://www.don-guri.com/music/

音樂制作公司—“Donguri Music的網(wǎng)站。

矢量插畫都通過gif動畫方式動起來,看起來很愉悅。

手指點擊也是原創(chuàng)設(shè)計,效果很可愛!


知多善株式會社

http://www.chitazen.co.jp/

名古屋居酒屋“知多善”的網(wǎng)站。

酒瓶、啤酒杯、玻璃瓶都是彩色條紋構(gòu)成的可愛插畫。

對于不太擅長畫插畫的人來說,可以從這種簡單輪廓的插畫入手。


本文翻譯由DATS翻譯小組成員:MOYA.茉堯草木皆兵、sun1212shineあおい*~*、SISENdesign 共同翻譯完成。

翻譯校對:youzhen118

視覺設(shè)計:vanyushu


出典:http://liginc.co.jp/web/design/151079


[教程作者:DATS設(shè)計翻譯組]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de2671.html
設(shè)計大趴!電商春節(jié)促銷banner欣賞
高清無碼!11個無版權(quán)限制的圖庫站
圖趣網(wǎng)微信
建議反饋
×