提升逼格!10個(gè)日本超贊插畫風(fēng)網(wǎng)站欣賞
一直很喜歡看別人的手繪插畫,每當(dāng)看到配有可愛插畫的網(wǎng)站就會(huì)很心動(dòng)。和圖標(biāo)的通用性不同,插畫需要配合網(wǎng)站的風(fēng)格從頭打造,雖說很花功夫,卻會(huì)令人印象深刻。
這次我試著把配有插畫的網(wǎng)站做了下整理。
此外大家也可以移步到圖趣網(wǎng)酷站欣賞頻道查看插畫風(fēng)格網(wǎng)站:
http://m.likemindfilms.com/item/?c-111,v1-0,tid-1177,v2-14.html
太陽市場(chǎng)
這是在“勝哄站(東京地鐵站)”每月定期舉辦的市場(chǎng)—“太陽市場(chǎng)”的網(wǎng)站。
LOGO里加入了葫蘿卜、花之類的插畫之后一下子顯得非常可愛!
在頁腳也放著“太陽的市場(chǎng)”的手繪風(fēng)插畫呢。
HAPISTA
HAPISTA—大阪一家兒童攝影工作室的網(wǎng)站。
用鉛筆描繪的動(dòng)物插圖真的很可愛!
“七五三節(jié)日紀(jì)念照”Banner上鶴和龜?shù)牟瀹嫾?xì)致生動(dòng),也非常漂亮!
譯者注:七五三是日本傳統(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動(dòng)畫跳動(dòng)著,非常熱鬧。
日本レクシー株式會(huì)社
這是在長(zhǎng)野縣經(jīng)營溫泉和餐飲的公司“日本レクシー”的網(wǎng)站。
用彩色鉛筆繪制的插圖顏色溫暖,讓人有種久違懷念的感覺。
這個(gè)網(wǎng)站也有GIF動(dòng)畫微微晃動(dòng)著,細(xì)節(jié)十分細(xì)膩……!
HANPU! 岡山PROJECT
倉敷帆布是岡山縣傳統(tǒng)布料,這是為倉敷帆布招募設(shè)計(jì)作品的網(wǎng)站—“HANPU!岡山項(xiàng)目~岡山帆布之匠人設(shè)計(jì)~”
網(wǎng)站整體使用刺繡感的插畫元素裝飾,很有統(tǒng)一感?!
關(guān)于頁面中使用的人物插畫也非??蓯邸?/p>
杉木株式會(huì)社
這是可以購買長(zhǎng)崎名產(chǎn)和特產(chǎn)的“杉木”公司的網(wǎng)站。
主視覺插畫顏色對(duì)比強(qiáng)烈、色彩豐富、有很強(qiáng)的視覺沖擊力!
導(dǎo)航和分類的插圖色彩也很統(tǒng)一,看得出設(shè)計(jì)得十分用心。
みずこし動(dòng)物醫(yī)院
這是愛知縣的一家動(dòng)物醫(yī)院,「みずこし動(dòng)物醫(yī)院」的網(wǎng)站。
插畫風(fēng)格讓人倍感親切,溫暖柔和。
頁腳上是被綠樹環(huán)抱的醫(yī)院插圖。
スキ?ヤキ
日本知名電商FELISSIMO旗下品牌“スキ?ヤキ”的網(wǎng)站。
原創(chuàng)角色sukiyaki醬一直在頁面走來走去,非??蓯?。
花紋邊框也用了風(fēng)格統(tǒng)一的手繪風(fēng),贊!
Donguri Music
http://www.don-guri.com/music/
音樂制作公司—“Donguri Music的網(wǎng)站。
矢量插畫都通過gif動(dòng)畫方式動(dòng)起來,看起來很愉悅。
手指點(diǎn)擊也是原創(chuàng)設(shè)計(jì),效果很可愛!
知多善株式會(huì)社
名古屋居酒屋“知多善”的網(wǎng)站。
酒瓶、啤酒杯、玻璃瓶都是彩色條紋構(gòu)成的可愛插畫。
對(duì)于不太擅長(zhǎng)畫插畫的人來說,可以從這種簡(jiǎn)單輪廓的插畫入手。
本文翻譯由DATS翻譯小組成員:MOYA.茉堯、草木皆兵、sun1212shine、あおい*~*、SISENdesign 共同翻譯完成。
翻譯校對(duì):youzhen118
視覺設(shè)計(jì):vanyushu
出典:http://liginc.co.jp/web/design/151079
本文地址:http://m.likemindfilms.com/tutorial/de2671.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏