前言
插畫具有輔助文字敘事的功能，在書籍、雜誌等平面中已然並不罕見，然而由於過去WEB技術發展的原因，網頁設計中運用插畫的情況卻不多見，隨着技術提升，插畫越來越被網頁設計師重視。
由於優秀的攝影作品可遇不可求，而且並不一定會遇上合適自己使用的樣式。專門請了攝影師來拍照如果不集齊適合的模特、佈景、道具、燈光……也許結果都未必理想。因此，可以看到，依靠攝影作品作爲設計素材是非常受限的，成本相對也高。所以，一個逆向的做法就是依靠插畫。我們也許都知道，繪畫並不是再現事物原來的樣子，而是重新將你眼中的事物表達出來。也許，你表達的笨拙、可愛、輕鬆、沉重、怪誕……這些個性化十足的表達就成就了插畫一眼即可辨識的獨特風格。插畫對網頁設計個性的塑造可謂是功不可沒的。況且，插畫的成本也比攝影來得更低，效率也許更高，而又比攝影作品更靈活。假如你想要表達出一個虛擬的場景，攝影作品都需要後期合成，而插畫卻能立即將幻想變爲筆下的實在。因此，這也是我大力提倡插畫配圖的原因。
網頁的插畫其實無須一定要細節畢現，往往它傳遞的是一種價值、理念主張，而非具備敘事的規模。
扁平的畫風非常適合網頁端的展示，插畫的對象也許可以是抽象的，模糊的，有的旨在塑造品牌氛圍。
網頁中插畫的風格選擇是依賴於品牌內容形象的。換句話說，你不能在技術控的頁面上選用中國傳統花鳥畫。當然也有特例，這裏我們只總結較爲普遍的現象。簡單來看，如果我們把插畫的風格放在一個滑塊裏，這個滑塊的左邊一端是寫實，右邊一端是抽象的話，那我們的插畫風格是在這兩端中游移。有的插畫能很好的表現實物的細節，“好像真的'那樣”。但這樣的插畫意義並不大，因爲如果求真，繪畫永遠不如相機。因此，纔有了各具特點的風格化插畫。
學院派 筆觸、紙紋，這些傳統的學院派繪畫所帶來某種底蘊深厚的氛圍，能結合網頁自身的特點，傳遞出品牌的價值。尤其表現了一種“人爲”的過程，不僅從視覺上還從觸覺上激發觀者的想象。這一類風格往往比較寫實，細節也相對豐富。
素描的特點有某種分析式的古典意味，在下面這個珠寶設計的網頁裏表現一種匠心。
具有水彩畫紋理的插畫，在下圖這個度假中心的酒店展示頁面裏是一筆非常溫馨、更貼近人的存在，酒店不再高高在上的奢華感，而充滿了人文精神。
而如下這個聯繫表格的左側採用一張速寫作爲配圖，是想表達一種親近感，設計師並不希望網頁呈現這個時代冷冰冰的距離感，而是通過筆觸就製造親和感。
扁平化 扁平化可以說是網頁設計中用到的最大的畫種，它的扁平特質即失去陰影和高光，從“形”的方面去表達網頁的內容。因此，扁平化插畫繪製起來相對寫實的學院派的插畫更爲簡單。它們的表達重點是在於顏色，運用鮮豔的顏色能讓扁平化插畫豐富起來。
將動物的形象繪製出來就能表現一種活潑可愛的感覺。下面這個網頁展示內容原本和技術有關，加入了這些可愛的插畫，就能增加一種輕鬆的情趣
另外，扁平化也可以是抽象的表達。
你也可以將一整張網頁當作創作對象，整個頁面的元素都像是浮動在整個畫面的上方。
由於扁平化失去了細節，如果想要帶來更多“觸感”，可以後期增加一些細微的紋理。
風格線條 線條是表現插畫內容又一種極具風格特徵的形式，線條的風格也決定了整個畫面的風格。這個類別和扁平化非常接近，因爲它們都並不在刻畫細節，而是類似一種速寫。
具有幾何特徵的線條可以作爲插畫配圖，還可以作爲背景，即使是小小的幾何線條圍繞成形，都能作爲背景使用，而這類風格目前正大行其道。
下面這類具有簡筆畫特徵的插畫，充滿了整個網頁，人物極具詼諧感
插畫和網頁其他組件的整體風格都同時採用線條，風格一致
畫影合成 所謂畫影合成就是既有繪製的成分也有攝影的部分，它融合了攝影的“真實”和手繪的“想象”，完成來源生活又超越生活之上的跨越。然而這畢竟是比較少見到的表達形式，除了本身不好駕馭以外，畫面也會因此而變得更復雜。
如果想要用畫影合成作爲焦點圖形，可以選擇一些簡單的幾何形。
利用人像與幾何造型、文字的合成，略增加空間感的辦法是相互形成一定的遮擋
無論哪一種類型的繪畫，在運用到網頁前都必須思考與內容的關聯性，適合纔是最重要的，而非一味尋求好看的原則。
後記 就像攝影作品需要設備和模特佈景，傳統的插畫源自手繪或者數碼繪畫，這些我們已熟悉的知識無需贅述，還有很多創意的變體需要設計師的進一步探索。例如，一張繪畫素材和另一張繪畫素材的結合，甚至文字的誇張處理等。我們不應該將思維封閉在“只產出可預期以內的畫面”，而要在已有的畫面裏再進一步修飾以達到整體頁面的要求。
