產品插畫設計中的比喻技巧

在產品插畫中合理使用比喻既不是在插畫中使用比喻的修辭方式，也不是在把比喻內容用插畫表現出來這麼簡單。下面是小編分享的產品插畫設計中的比喻技巧，歡迎大家參考!

　產品設計比喻的類型

好吧，在沒有理解什麼是比喻之前，我不確定大家能讀懂後文。在未説明定義之前就談論分類聽起來很怪，以防萬一我還是解釋一下。比喻(隱喻或明喻)是文學中以非字面意思連接兩個想法的修辭方式，而不是單純的誇大想法本身或者誇大表現互動方式。

一、標準比喻

這個元素與那個元素在某刻具備相似性。如下圖所示，它不需要展示實際產品就能讓用户理解。圖中並不是真正在討論冰激凌，而是通過插畫以比喻的方式傳遞了“正如用户能夠按口味喜好用配料調製成個人專屬的冰激凌一樣，你也能根據自己的需要為利用我們提供的服務(App)來打造你的專屬店鋪”的理念。

這招在產品設計中特別管用，尤其是那種無形、複雜的數字產品。

　二、融合比喻

這個元素與那個元素融合，就能表達我們想要傳遞的內容。可能這類比喻使用起來需要更老道的經驗，但在產品插畫裏的確更受重視，或者説一般設計都會考慮它，因為它是讓用户獲知你的產品或功能賣點的捷徑。如下圖所示，沒錯，你知道我們提供了“購買”的按鈕，但瞧瞧旁邊擺放的畫筆，基於對畫筆的瞭解，你就會明白你能定製“購買”按鈕的顏色。將刷子的功能與按鈕的功能混合起來，刷子可以自定義顏色，因此我們的按鈕也可以。與品牌和營銷設計一樣，這種比喻在圖標設計中也時常出現。

　三、相似類比

這個元素在線上和線下有相似之處。儘管我不認為它是一類比喻，但在產品設計中我還是將它單獨拿出來説。比喻常用來展現觸動人心的部分，那是一件事情或者一個行動產生的積極感覺。不過，對於內容傳遞給用户的方式，團隊更傾向於中立精確的寫實表達。不必告訴用户我們的感受如何，只需簡潔傳達信息。用插畫的專業術語來表達則是：我們只願意通過繪製寫實狀態下的物品，來幫助用户理解線上的內容。當然，談到產品時，我們大多是在電腦上作畫，比如，你可以繪製20多個互相連接的空狀態頁面，來表達重複性。這也是我們在為用户傳達內容時增加的一種類比方式。比如下圖的例子，線上電子商務可以讓用户通過優惠碼輸入實現折扣，那麼線下實體銷售折扣該如何表達呢?可能是一堆貼紙和帶着折扣價格的紅色標記。我們能借助全新懷舊風格的插畫為用户帶來愉悦，同時還能保持中立，只是簡單清晰的`表達信息。

提醒：使用陳舊或過時的物品做相似類比時，信息會有誤傳風險。

　在產品設計中使用比喻

當有了新想法，試圖找到合適的切入點來講個好故事時，我們通常問自己“為什麼商家在乎?”，接着就是“這種無形的體驗究竟是什麼?”“如何把故事講好?”這些問題。

【案例：用插畫表達用户能夠購買自定義域名的功能】

備註：這些想法來自我們極具才華的插畫實習生Erin，他現在負責通過插畫宣傳自定義域名的功能。早上我們有過交流，我認為與其絞盡腦汁編一個，還不如直接用身邊這個觸動我的完美案例。

Q：為什麼商家在乎?

他們在乎該功能因為他們不再願意告訴用户他們的宂長域名。像他們承諾提供稞麥粉出售、鬆脆餅打包、甜甜圈販賣服務一樣，商家希望購買自定義域名也能被認真對待。

Q：這種無形的體驗究竟是什麼?

插畫要能體現用户以下感受：他們已經為“打造麪包詩人公社”的目標做好一切準備，這不再是週末萌發的天真想法，而是一個成熟的業務，包括隨之而來的激情與期待。

Q：如何把故事講好?從哪裏切入?

1、標準比喻。

首先繪製一個小屋或店面，因為線上與線下類似。一個設計概念能以多種方式傳達，取決於你打算聚焦於哪些元素，以及你如何從宏觀和微觀角度表達它們。

例如，對整個店面，經紀人標識，店鋪裏的裝修的視覺表達。

2、融合比喻。

將“家/店鋪”與“域名/線上”的概念以任何窮舉組合的方式融合起來。

例如，將家與路由器、店鋪與一系列結點、符號與網絡的特點進行融合。

3、相似類比。

可以從名片切入，模擬現實裏將承諾的個性化名稱與有形物品的結合實現。無論是線下打印出來還是線上展示，嘗試用插畫去捕捉和表達“客户看到定製的業務名字被寫出來，初次被當做自己的生意提及時的那種激動感受”。

用户通過我們的產品，基於數據對定價策略、銷售渠道和潛在買家行為進行有形決策。而我們則使用插畫來表達那份無形的體驗：用户掌控日程的自由，打造專屬物品的滿足，初次銷售後發自內心的喜悦。這些無形的體驗或許不會成為用户界面的一部分，也不會成為對老闆彙報的內容，更不容易以實打實的可見產品價值論證自身的設計價值，但它們不僅是產品設計的重要內容，也是我們所倡導的設計方式。產品插畫中的比喻逐漸成為這部分從未嘗試過的觸動人心體驗的代表，超越了那些使得用户愛上產品的有形功能內核，昇華了整個故事。