Design by Jhane Chou

＃美感養成＃設計指南

設計適合的介面插圖

插畫創造出的視覺語言，將概念簡化為易於理解的圖像，讓訊息變得清晰

非付費會員點我 👉 免費閱讀此文章

部分的設計師在設計介面插圖時，常常設計出與介面感覺不符合，甚至是複雜的插圖。他們將視覺效果作為目標，這樣的視覺，壓過了介面插圖的首要任務：將概念簡化為可理解的圖像，幫助使用者理解訊息。

如果只專注於視覺效果，沒有考量它所傳遞的訊息，往往會造成反效果。

大綱
1. 前言
2. 傳達有意義的訊息
3. 造型與色彩配置
4. 使用者體驗
5. 與介面的風格概念相對應
6. 介面插圖規範
7. 最後的碎碎唸

前言

介面插圖的概念其實跟介面圖標（icon）是極為相似的。最好可先理解圖標的概念及設計原則。

以下分享介面插圖的淺見，並搭配自行設計的示意圖。

傳達有意義的訊息

在閱讀文字的同時，圖可以更快地傳達概念。針對不同的文字敘述或概念表現，搭配適當且易理解的插圖。

可分為兩個方向：

文字或概念的聯想

以往經驗的累積可幫助使用者對圖案或文字意義的聯想，例如：

• 發現：圖像為望遠鏡，具有探索或尋找未知的意象。
• 尋找：圖像為放大鏡，搜尋的意象等等。

雖然「發現」與「尋找」的插圖很常使用相同的圖案（甚至是使用錯誤的圖案），兩者概念接近，但之間還是有細微差異的。

探索 vs 尋找

簡單且容易理解的概念，單用圖案就能表達。

但是越複雜或尚未普及的概念就越難用圖表達，甚至必須搭配文字描述才能理解，這時候圖則是負責表現出抽象的概念。

例如：區塊鏈、加密貨幣等等（這些概念過不久也會變得不陌生，同時也會出現新的概念）

約定俗成的圖示