使你的網站不再無聊的一個方法就是利用藝術的力量去改變它，你可以使用有趣的卡通插畫、萌萌的人物造型、天馬行空的童話布景，讓你的網站不僅獨特且生機勃勃。

網站上的涂鴉可以直接吸引訪問者的注意力，提升訪問者的愉悅感，還能使他們更加留意各方面的細節，讓個性鮮明的網站為你代言！

今天我們收集了28款童趣十足的卡通風格網站，它們確實通過有趣的插畫、巧妙的結合強烈地吸引了我。希望你打開來學習借鑒的時候感受到純美的童真，開心一笑 : ）

想讓你的設計更具趣味性嗎？你也可以閱讀以下文章：
《20款可增強設計趣味性的縫紉字體下載》
《讓網站更生動！那些在網頁中完美運用視頻元素的案例》
《聊聊那些令人愉悅的動畫特效（GIF圖）》

Rainbow Nursery

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

XHTML Crab

一眼就被中間那只眼神滴溜溜轉的螃蟹吸引住了，看起來非常想迪斯尼動畫人物造型，對嗎？

Fountain of Youth Coconut Water?

正負形設計，僅用了藍色、紅色跟綠色3種顏色就完成了一個有活力的設計。

Thrillbent

主推連環畫風格， 從不同的卡通書里摘錄，以整齊的圖形界面展示。（很有創意的風格，很久沒看的連環畫^_^）

Web Design Wigan

Web Design Wigan 展示了一個熱烈活躍的聚會，多彩的顏色、眾多的人群，還有右下方的黑色模塊，使它有了無限迷人的誘惑感覺。（打開后有勁爆搖滾樂，耳機請先調小聲 :）

Pupa

完美地利用了手繪風格，打造出溫暖與童趣的氣氛，網站目的是關心小孩兒的童年發展，為他們提供方法，為這種想法贊一個！

Mailboxing?

網站利用了多邊形的構圖，增加它的粗糙質感，與此同時，依靠幾何形狀、扁平化風格與插畫，展現了一個極具特色的風格。

Di Biasotto

即使是單調的黑色背景，也可以像Di Biasotto這樣通過巧妙的搭配人物與顏色豐富的飛濺式背景來打破它！（網站很有節奏感的說）

Stuff and Nonsense?

運用卡通風格的插畫、動感的人物，創建了一個滑稽好玩的，稍微帶點城市化的氣氛。

Netiko

盡管是很常見的紙人風格，但它們新奇的地方在于這四個呆萌呆萌的機器人貼紙，恍惚間給人回到校園互相貼紙的印象。

Pictoaplicaciones

在歡迎頁上，通過五個卡通人物來介紹人員。

Bully in a Box

風格大膽的插畫覆蓋了整一個主頁，這個網站致力于給那些在糟糕的校園環境中想進步的少年提供解決方案。

Captain Dash?

巧妙的利用了超級英雄的概念，展示了一個驕傲的超人頭像。

Needagents

利用暗藍色的背景，嚴肅的人物造型打造的莊重氛圍，充分說明了公司的業務。

Card Stories?

網站有很豐富的細節，藍色的條紋背景，造型奇特的卡通人物，滑稽的LOGO，杰出的排版等等，都給訪客帶來歡樂的感覺。

Hide, Find and Listen?

網站很精致，也很陽光，有很多值得留意的細節，友好的卡通造型、光滑的圖案以及木紋的導航，還有可愛的背景音樂！都為這個游戲做了很好的宣傳。

WordPress Maker

以簡單生動的卡通造型給我們展現WordPress的工作流程，使人更容易理解。

Shape

單純用線條畫的單色頁面，主頁就呈現了一種特別的干凈感覺。

Andreia Carqueija?

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

Well Done Team GB?

慶祝奧林匹亞的網站，往下拉有各種各樣的插畫。

LoFavor?

利用3維的人物造型以及多邊形的云朵設計，打造的現代風格網站。

Alessandra Balzani?

一個天真無邪少女創造的那些有趣涂鴉。

總結：

卡通風格不是說僅僅為兒童主題或者給孩子設計的，一個平常嚴肅莊重的公司采用這種不同以往新奇的設計方式，能迅速吸引訪客的注意，卡通風格的的涂鴉也使人感到你們是誠實可信任的。所以，你喜歡哪一款卡通風格的網站呢？分享給你的朋友吧 ^_^

原文地址：designmodo
轉載請注明優設網譯文出處，謝謝各位親愛的小編 ?: ）
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量58萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：