活力十足:25個(gè)富有藝術(shù)感的卡通風(fēng)格網(wǎng)站賞析

2013-12-3    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

使你的網(wǎng)站不再無(wú)聊的一個(gè)方法就是利用藝術(shù)的力量去改變它,你可以使用有趣的卡通插畫、萌萌的人物造型、天馬行空的童話布景,讓你的網(wǎng)站不僅獨(dú)特且生機(jī)勃勃。

網(wǎng)站上的涂鴉可以直接吸引訪問(wèn)者的注意力,提升訪問(wèn)者的愉悅感,還能使他們更加留意各方面的細(xì)節(jié),讓個(gè)性鮮明的網(wǎng)站為你代言!

今天我們收集了28款童趣十足的卡通風(fēng)格網(wǎng)站,它們確實(shí)通過(guò)有趣的插畫、巧妙的結(jié)合強(qiáng)烈地吸引了我。希望你打開來(lái)學(xué)習(xí)借鑒的時(shí)候感受到純美的童真,開心一笑 : )

想讓你的設(shè)計(jì)更具趣味性嗎?你也可以閱讀以下文章:
《20款可增強(qiáng)設(shè)計(jì)趣味性的縫紉字體下載》
《讓網(wǎng)站更生動(dòng)!那些在網(wǎng)頁(yè)中完美運(yùn)用視頻元素的案例》
《聊聊那些令人愉悅的動(dòng)畫(GIF圖)》

Rainbow Nursery

色彩明麗的兒童插畫,傳遞出溫暖開心的感受。

Rainbow Nursery

XHTML Crab

一眼就被中間那只眼神滴溜溜轉(zhuǎn)的螃蟹吸引住了,看起來(lái)非常想迪斯尼動(dòng)畫人物造型,對(duì)嗎?

XHTML Crab

Fountain of Youth Coconut Water 

正負(fù)形設(shè)計(jì),僅用了藍(lán)色、紅色跟綠色3種顏色就完成了一個(gè)有活力的設(shè)計(jì)。

Fountain of Youth Coconut Water

Thrillbent

主推連環(huán)畫風(fēng)格, 從不同的卡通書里摘錄,以整齊的圖形界面展示。(很有創(chuàng)意的風(fēng)格,很久沒(méi)看的連環(huán)畫^_^)

Thrillbent

Web Design Wigan

Web Design Wigan 展示了一個(gè)熱烈活躍的聚會(huì),多彩的顏色、眾多的人群,還有右下方的黑色模塊,使它有了無(wú)限迷人的誘惑感覺(jué)。(打開后有勁爆搖滾樂(lè),耳機(jī)請(qǐng)先調(diào)小聲 :)

Web Design Wigan

Pupa

完美地利用了手繪風(fēng)格,打造出溫暖與童趣的氣氛,網(wǎng)站目的是關(guān)心小孩兒的童年發(fā)展,為他們提供方法,為這種想法贊一個(gè)!

QQ截圖20131021184145

Mailboxing 

網(wǎng)站利用了多邊形的構(gòu)圖,增加它的粗糙質(zhì)感,與此同時(shí),依靠幾何形狀、扁平化風(fēng)格與插畫,展現(xiàn)了一個(gè)極具特色的風(fēng)格。

Mailboxing

Di Biasotto

即使是單調(diào)的黑色背景,也可以像Di Biasotto這樣通過(guò)巧妙的搭配人物與顏色豐富的飛濺式背景來(lái)打破它!(網(wǎng)站很有節(jié)奏感的說(shuō))

Di Biasotto

Stuff and Nonsense 

運(yùn)用卡通風(fēng)格的插畫、動(dòng)感的人物,創(chuàng)建了一個(gè)滑稽好玩的,稍微帶點(diǎn)城市化的氣氛。

Stuff and Nonsense

Netiko

盡管是很常見(jiàn)的紙人風(fēng)格,但它們新奇的地方在于這四個(gè)呆萌呆萌的機(jī)器人貼紙,恍惚間給人回到校園互相貼紙的印象。

Netiko

Pictoaplicaciones

在歡迎頁(yè)上,通過(guò)五個(gè)卡通人物來(lái)介紹人員。

Pictoaplicaciones

Bully in a Box

風(fēng)格大膽的插畫覆蓋了整一個(gè)主頁(yè),這個(gè)網(wǎng)站致力于給那些在糟糕的校園環(huán)境中想進(jìn)步的少年提供解決方案。

Bully in a Box

Captain Dash 

巧妙的利用了超級(jí)英雄的概念,展示了一個(gè)驕傲的超人頭像。

Captain Dash

Needagents

利用暗藍(lán)色的背景,嚴(yán)肅的人物造型打造的莊重氛圍,充分說(shuō)明了公司的業(yè)務(wù)。

Needagents

Card Stories 

網(wǎng)站有很豐富的細(xì)節(jié),藍(lán)色的條紋背景,造型奇特的卡通人物,滑稽的LOGO,杰出的排版等等,都給訪客帶來(lái)歡樂(lè)的感覺(jué)。

Card Stories

Hide, Find and Listen 

網(wǎng)站很精致,也很陽(yáng)光,有很多值得留意的細(xì)節(jié),友好的卡通造型、光滑的圖案以及木紋的導(dǎo)航,還有可愛(ài)的背景音樂(lè)!都為這個(gè)游戲做了很好的宣傳。

Hide, Find and Listen

WordPress Maker

以簡(jiǎn)單生動(dòng)的卡通造型給我們展現(xiàn)WordPress的工作流程,使人更容易理解。

Wordpress Maker

Shape

單純用線條畫的單色頁(yè)面,主頁(yè)就呈現(xiàn)了一種特別的干凈感覺(jué)。

Shape

Andreia Carqueija 

利用左側(cè)多彩的插圖與粗黑的大字體打破了灰色單調(diào)的背景,這種卡通人物的出現(xiàn)往往能一瞬間吸引訪客的注意。

Andreia Carqueija

Well Done Team GB 

慶祝奧林匹亞的網(wǎng)站,往下拉有各種各樣的插畫。

Well Done Team GB

LoFavor 

利用3維的人物造型以及多邊形的云朵設(shè)計(jì),打造的現(xiàn)代風(fēng)格網(wǎng)站。

LoFavor

Alessandra Balzani 

一個(gè)天真無(wú)邪少女創(chuàng)造的那些有趣涂鴉。

Alessandra Balzani

總結(jié):

卡通風(fēng)格不是說(shuō)僅僅為兒童主題或者給孩子設(shè)計(jì)的,一個(gè)平常嚴(yán)肅莊重的公司采用這種不同以往新奇的設(shè)計(jì)方式,能迅速吸引訪客的注意,卡通風(fēng)格的的涂鴉也使人感到你們是誠(chéng)實(shí)可信任的。所以,你喜歡哪一款卡通風(fēng)格的網(wǎng)站呢?分享給你的朋友吧 ^_^

日歷

鏈接

個(gè)人資料

存檔