設(shè)計(jì)師可能會(huì)覺得 B 端設(shè)計(jì)少有發(fā)揮空間。一是產(chǎn)品風(fēng)格嚴(yán)肅專業(yè)，不像 C 端產(chǎn)品風(fēng)格多種多樣，可以調(diào)動(dòng)起用戶豐富細(xì)膩的情緒；二是用戶更關(guān)注成本、效率、質(zhì)量、安全，而非用戶體驗(yàn)，公司愿意為此投入的資源也有限；三是視覺上的創(chuàng)新可能對(duì)用戶習(xí)慣產(chǎn)生沖擊，造成降低工作效率甚至出錯(cuò)等后果。

如此一來，設(shè)計(jì)師很難以一己之力推動(dòng)創(chuàng)新。但設(shè)計(jì)師不該任由客觀條件禁錮、約束自己的創(chuàng)造力，在夾縫中也要努力生長(zhǎng)。創(chuàng)造力，始終是設(shè)計(jì)師最核心的競(jìng)爭(zhēng)力。

本文總結(jié)的是我在繪制 B 端圖標(biāo)之前，創(chuàng)意發(fā)散階段用到的方法和技巧，拋磚引玉，歡迎大家在留言區(qū)討論補(bǔ)充。

盤點(diǎn)和分類，居高臨下整體把握

B 端平臺(tái)因其覆蓋的業(yè)務(wù)類型多，操作鏈路長(zhǎng)，角色權(quán)限復(fù)雜等特性，圖標(biāo)種類多、數(shù)量大。因此建議大家先對(duì)圖標(biāo)進(jìn)行盤點(diǎn)和分類，從一個(gè)居高臨下的角度獲得整體上的把握。盤點(diǎn)分類工作需要注意以下兩點(diǎn)。

1. 遵循窮盡互斥原則

即不遺漏、不重復(fù)原則。分類可以多個(gè)層級(jí)，也可以多個(gè)維度。劃分合理的分類維度，需要設(shè)計(jì)師深入了解業(yè)務(wù)，對(duì)抽象的專有名詞刨根問底，并對(duì)未來可能擴(kuò)充的內(nèi)容做出預(yù)判。

2. 長(zhǎng)期維護(hù)

產(chǎn)品是個(gè)生命體，迭代中隨時(shí)會(huì)出現(xiàn)業(yè)務(wù)和功能模塊的調(diào)整、新增、重組、合并等變動(dòng)，圖標(biāo)整理也不是一勞永逸的，需要長(zhǎng)期維護(hù)。推薦使用 Excel 等表格類軟件或在線工具來管理，便于團(tuán)隊(duì)共享和協(xié)作，也有利于自我沉淀。

從草圖開始，不要在意手繪技法

有些設(shè)計(jì)師的習(xí)慣是上手就用電腦畫圖。本該是創(chuàng)意發(fā)散階段，卻從第一個(gè)圖標(biāo)開始就陷入細(xì)節(jié)的泥沼里爬不出來，線條 1px 還是 2px 好？圓角是 4px 還是 8px？顏色要不要換一個(gè)？有投影會(huì)不會(huì)更精致？結(jié)果花了很多時(shí)間，卻沒有高效率高質(zhì)量的產(chǎn)出。

有些設(shè)計(jì)師覺得自己沒有扎實(shí)的繪畫基礎(chǔ)，對(duì)手繪草圖敬而遠(yuǎn)之。其實(shí)畫草圖不是為了交付給別人，而是設(shè)計(jì)師對(duì)頭腦里一閃而過的靈感想法的快速記錄。這個(gè)記錄過程包括橫向的發(fā)散對(duì)比，也包括縱向的推敲深化。所以盡管大膽落筆就好，至于草圖表現(xiàn)形式是不是美觀成熟，不要在意。

△ 日本著名產(chǎn)品設(shè)計(jì)大師，深澤直人的草圖

創(chuàng)意發(fā)散，方寸之間的頭腦風(fēng)暴

怎樣為圖標(biāo)選取合適的形象？在創(chuàng)意發(fā)散階段，我一般混用下面幾個(gè)套路。

1. 客觀形象

這是最直接的方法，圖標(biāo)形象在現(xiàn)實(shí)生活中客觀存在，抽象出整體外觀或者部分特征形態(tài)，也可選取場(chǎng)景中的代表物。

△ 「購(gòu)物車」選取手推車整體外觀，「?jìng)}庫(kù)」選取了場(chǎng)景代表物「貨架」

2. 隱喻

把抽象的概念，借以具體事物來表現(xiàn)。這個(gè)難度大一些，發(fā)散的時(shí)候要結(jié)合生活經(jīng)驗(yàn)展開豐富的聯(lián)想和類比。

△ 用「雪花」類比「凍結(jié)」，用「警燈」類比「預(yù)警」

3. 拋開固化形象

是不是一說到主頁(yè)，大家就聯(lián)想到一座尖頂?shù)姆孔樱恳徽f到搜索，就是放大鏡？在創(chuàng)意發(fā)散階段，大家盡量嘗試拋開那些已經(jīng)固化的形象，釋放自己的好奇心，探索一下還有沒有其他的可能性，刻意培養(yǎng)自己的創(chuàng)造力。另外隨著科技發(fā)展技術(shù)更迭，一些通用形象也在慢慢被淘汰，被代表新技術(shù)的形象取代。例如保存圖標(biāo)從原來的軟盤形象變成了云朵/箭頭，密碼圖標(biāo)從鎖頭或鑰匙形象變成更豐富的形象。

△ 保存圖標(biāo)的進(jìn)化

△ 密碼圖標(biāo)有了更豐富的形象

這不是鼓動(dòng)大家必須要用新創(chuàng)意取代固化形象。創(chuàng)新的價(jià)值是洞察問題本質(zhì)，找到更好的解決方案。在接下來的方案篩選階段，建議大家還是選擇用戶接受度高的形象，而那些沒有入選的創(chuàng)意圖形，已經(jīng)實(shí)現(xiàn)了設(shè)計(jì)師提升自己的價(jià)值。

4. 組合元素

對(duì)于抽象、復(fù)雜、組合的概念，可以用組合元素來闡述含義和使用場(chǎng)景。

△ 「利息」是經(jīng)過時(shí)間積累產(chǎn)生的費(fèi)用或收益，「貨押」體現(xiàn)貨物和現(xiàn)金之間的轉(zhuǎn)換關(guān)系

△ 「對(duì)公打款」使用企業(yè)賬戶轉(zhuǎn)賬，「人臉核身」通過面部識(shí)別驗(yàn)證用戶身份

5. 直接用字

這個(gè)方法簡(jiǎn)單粗暴了點(diǎn)，但在表達(dá)效果上也是直接且準(zhǔn)確的。

△ 「包郵」圖標(biāo)、「正品保證」圖標(biāo)

總結(jié)

• 圖標(biāo)的特征要足夠鮮明，容易被用戶識(shí)別。
• 在選取形象時(shí)，要還原使用場(chǎng)景，貼合目標(biāo)用戶的心理模型。不同場(chǎng)景下或不同目標(biāo)受眾看到同一形象，腦袋中映射到的可能是不同物品。例如消息框，在不同的場(chǎng)景下可能是消息、通知、評(píng)論、留言等等。

歡迎關(guān)注作者的微信公眾號(hào)：「能呆書房一整天」