從45,000年前的洞穴壁畫到21世紀(jì)的太空火箭圖，插圖長(zhǎng)期以來在人類交流中發(fā)揮著重要作用。

圖片跨越語(yǔ)言和讀寫障礙，使人們能夠理解和傳達(dá)他們無法用語(yǔ)言表達(dá)的復(fù)雜情緒和感受。

為什么在網(wǎng)站上使用插圖？

插圖提供了一種有用的速記方式來傳達(dá)品牌的情緒或語(yǔ)氣。

你可能會(huì)爭(zhēng)辯說圖標(biāo)是插圖，因?yàn)樗鼈兪菆D畫的，但它們是符號(hào)。圖標(biāo)可能而且通常應(yīng)該在風(fēng)格上適合插圖，但它們本身并不是插圖。符號(hào)是對(duì)象、想法或動(dòng)作的簡(jiǎn)化表示。例如，“搜索”通常由放大鏡形狀表示。

另一方面，插圖更復(fù)雜。它們傳達(dá)了與目標(biāo)受眾聯(lián)系的潛在情感品質(zhì)。插圖可以創(chuàng)建關(guān)于主題的敘述，而無需添加更多文本。如果使用得當(dāng)，即使是最基本的功能性網(wǎng)站，它也會(huì)給人一種個(gè)性的感覺。

流行的在線插圖類型

插圖風(fēng)格多種多樣，從簡(jiǎn)單的輪廓到詳細(xì)、全彩、逼真的圖像。不同站點(diǎn)使用的插圖數(shù)量差異很大。

不同的風(fēng)格會(huì)喚起不同的感受，引發(fā)不同的反應(yīng)，因此在選擇插畫風(fēng)格時(shí)仔細(xì)考慮是很重要的。有兩個(gè)主要因素需要考慮：該網(wǎng)站的用途以及您想賦予它什么樣的角色。

可以將事物分解為廣泛的類別，以查看在不同領(lǐng)域最有效的方法。我們將看看設(shè)計(jì)師如何使用插圖來產(chǎn)生良好的效果……

使用簡(jiǎn)單的形狀和謹(jǐn)慎。Acorns使用簡(jiǎn)單的橡樹葉圖案來搭配其橡子標(biāo)志。其他插圖通過保持綠色陰影來聯(lián)系在一起。

這創(chuàng)造了新公司的典型感覺（Acorns成立于2014年），尤其是那些主要基于Web的公司。

成立時(shí)間更長(zhǎng)、更傳統(tǒng)的組織出于相同目的使用插圖，盡管它們可能僅限于某些領(lǐng)域，他們希望強(qiáng)調(diào)平易近人。例如，丹斯克銀行（成立于1871年）在其公司網(wǎng)站的“關(guān)于”和“可持續(xù)發(fā)展”部分都有插圖。

Visa還將插圖限制在特定區(qū)域，即VisaDirect部分。這具有將這一特定（較新）服務(wù)與Visa提供的其他服務(wù)分開的效果。

此類別中另一種越來越流行的方法是抽象圖形。當(dāng)難以顯示正在推廣的內(nèi)容時(shí)，這特別有用。例如，Instabase使用與網(wǎng)站圖標(biāo)相同的調(diào)色板添加幾何形狀的排列以增加視覺趣味。

在食物和飲料方面，事情變得更加自由。風(fēng)格千差萬別，所傳達(dá)的個(gè)性可以更強(qiáng)烈、更個(gè)性化。有些人仍然會(huì)選擇輕微的插圖，在顏色和類型等方面做得更強(qiáng)烈，而在其他情況下，插圖會(huì)變得更加突出。

PalaisKitchen和Cale?o都采用了與品牌相適應(yīng)的線條圖。

捐贈(zèng)使用插圖來解釋善意的行為，如何在不經(jīng)意間造成的傷感，但不會(huì)被責(zé)罵而是理解與同情。

在網(wǎng)絡(luò)上使用插圖

插圖可以成為設(shè)計(jì)師武器庫(kù)中的強(qiáng)大工具，但很難做到正確，因?yàn)樗鼤?huì)引發(fā)情感，而情感是主觀的。

就像類型或顏色一樣，它需要適當(dāng)且謹(jǐn)慎地使用。有時(shí)少即是多，有時(shí)完全正確的放置可以在成功的設(shè)計(jì)和失敗之間產(chǎn)生差異。

這只是網(wǎng)絡(luò)上廣泛的插圖風(fēng)格和用法的一部分，但我們希望它可以為您在考慮是否以及如何在下一個(gè)項(xiàng)目中使用插圖時(shí)提供一個(gè)起點(diǎn)。