滴滴出行 App 中除了慣例滴滴地圖標注小車，類似新年舞獅的 icon 換裝規(guī)劃現(xiàn)已做過很屢次了。在嚴重節(jié)日或發(fā)作熱門新聞時，經過icon 換裝的辦法來協(xié)作運營活動烘托活動氣氛。
圣誕節(jié)的時分，小車變成了圣誕老人，駕著馴鹿雪橇帶著滿滿的禮物飛奔在地圖上;奧運會火炬?zhèn)鬟f的時分，小車成了高舉火炬奔馳的火炬手，傳遞著奧運精力;北京市7月暴雨的那天，小車成了一艘艘小舟，協(xié)助需求出行的人們航行在城市道路上…… 本年的新年 icon 規(guī)劃就是文章最初看到的舞獅了。做了屢次的換裝規(guī)劃后積累了一些辦法和經歷，現(xiàn)在借新年伊始大吉大利的機會，以本次新年舞獅規(guī)劃為例，和咱們一同聊聊一個換裝 icon 規(guī)劃是怎樣一步步煉成的。
地圖小車換裝規(guī)劃全流程
換裝 icon 的規(guī)劃進程分為7個階段，是不斷地發(fā)散、聚合、再發(fā)散的進程。
首要從活動運營方接到需求，剖析審閱需求是否存在不合理或難以產出規(guī)劃的部分。經過這一步，為后續(xù)規(guī)劃的順暢履行奠定根底，前期的需求剖析交流也能讓項意圖上下游快速到達共同，防止后續(xù)發(fā)作疑問導致規(guī)劃的重復影響進展。
需求斷定后，依據活動主題發(fā)散相關元素，進行腦筋風暴尋覓構思點，這也是整個階段里最張狂的部分。發(fā)散的意圖是增大構思的可能性，正如萊納斯·鮑林所說，「為了有個好主意，必須要先有許多主意?！?br /> 然后結合規(guī)劃的終究輸出環(huán)境，明晰履行應戰(zhàn)有哪些，將發(fā)散的構思點逐個經過這些應戰(zhàn)進行挑選，決議計劃規(guī)劃計劃方向。隨后就是細化計劃重復推敲，到達高質量的輸出規(guī)范。
由于滴滴出行多事務形狀的形式，規(guī)劃計劃需從一個計劃延展至多條事務線，并確保一切事務線計劃既全體一致又契合事務特性。計劃斷定后輸出切圖元素，推進落地發(fā)布上線，并進行盯梢反應。
整個規(guī)劃的進程就是發(fā)散和聚合的規(guī)則替換，每個重復的進程與前一次比較都會更聚集，也更重視細節(jié)。在發(fā)散階段，新挑選會呈現(xiàn)，在聚合階段則恰恰相反，要淘汰選項保留最合適的挑選。這種規(guī)劃流程可遍及適用于構思類的規(guī)劃需求。
接下來就對7個階段逐個詳細介紹。
1. 剖析活動需求
換裝規(guī)劃需求一般是由商場運營活動或實事熱門活動建議，期望經過 icon 烘托活動氣氛，招引用戶重視。從前也由規(guī)劃師建議過換裝需求，意圖是經過 icon 的視覺改變營建節(jié)日氣氛，添加產品的情感染表達拉近與用戶的距離。
但很快咱們發(fā)現(xiàn)，純視覺的 icon 改變在產品運用中是斷層的，激烈招引了用戶留意，沒有活動解說，沒有后續(xù)操作，且不能為用戶帶來實踐收益，這反而引發(fā)一些用戶的疑問，也讓咱們考慮怎么體現(xiàn)換裝規(guī)劃的價值，所以擬定了需求審閱規(guī)范。
首要，需求要有多維度的運營活動布景，icon 換裝作為線上展示的活動部分，一般還會有運營對話框，運營卡片等對活動進行解說，引導用戶操作。其次，規(guī)劃需求的履行性強，不損壞地圖小車自身的功用屬性。第三，活動均為正向心情的表達，并為用戶遍及認知事件。只要需求滿意了這三點才可進行下一步。
換裝需求分為4類，熱門類、氣候類、節(jié)日類、商業(yè)類。每一類對規(guī)劃的要求也不太相同。
時勢熱門類，要求規(guī)劃師能夠快速產出規(guī)劃計劃，精準匹配新聞發(fā)作的時刻段。
氣候類需求在時刻上具有不斷定性，比方不斷定本年的初雪是哪一天，要結合運營戰(zhàn)略提前準備預案，防止臨時規(guī)劃時刻不足。
節(jié)日類需求時刻固定，且較慣例，可依據運營活動排期提前2-3周準備。本次新年舞獅 icon 規(guī)劃，就歸于節(jié)日類換裝規(guī)劃。
商業(yè)類是商業(yè)協(xié)作來往，具有直接的商業(yè)收益，但商業(yè)需求要和滴滴的品牌氣質高度契合才可。
2. 尋覓最佳構思
這一步是整個規(guī)劃流程最要害的步驟，咱們期望用戶看到換裝 icon 時能夠快速感知其代表的活動寓意。
從活動主題出發(fā)，不斷在網絡上和腦海中收集提煉新年相關的要害元素，發(fā)散收集需求多重復幾回，查找材料并和身邊的朋友交流交流，盡可能全面多視點的進行羅列，然后對其分類整理。此次咱們收集與整理了這些要害元素：
立體物體：燈籠、壽桃、元寶、祥云、葫蘆、布老虎、財神、門神、龍、鳳凰、生肖、年獸、舞獅、壽星、魚。
平面物體：對聯(lián)、福字、年畫、賀卡、窗花、臉譜。
代表色彩：赤色、金色。
裝修紋樣：傳統(tǒng)斑紋、標志符號、祥云。
不同類別的要害元素之間還能夠進行相關組合，比方金色帶傳統(tǒng)斑紋的元寶。
3. 明晰履行應戰(zhàn)
進行了需求剖析，和廣泛的構思發(fā)散后，接下來就是要整理規(guī)劃的約束與應戰(zhàn)，從而對發(fā)散的構思元素進行聚合收斂。經過了屢次地圖小車的換裝規(guī)劃，規(guī)劃團隊總結出了以下幾點規(guī)劃應戰(zhàn)：尺度約束、視角約束、要求認知的普適性、要求可擴展性。
體現(xiàn)面積小，小車圖標尺度大約只要88*48 px
小車圖標規(guī)劃最大的難點就是尺度過小，一般慣例功用性圖標的巨細約為40*40 px，而滴滴小車則是要在大約兩個功用性圖標巨細的面積里，畫出一個充溢細節(jié)的寫實 icon，要確保明晰地表達出小車的形象、光影以及配飾細節(jié)等內容。
例如制作代駕 icon 中具有體積光感的眼睛細節(jié)，就要求僅運用4個像素表達出來，許多優(yōu)異的構思構思，可能都會由于面積過小的原因而被拋棄。
小車圖標需求仰望展示，并標明方向
因地圖為仰望視角，地圖上的小車也需求仰望展示。一起地圖上的小車要求確保用戶辨認實在車輛的行進方向和實時狀況，所以圖標規(guī)劃要能夠辨明頭尾，以指明前進方向。
有時分 icon 仰望視點太難以體現(xiàn)其內容，咱們也會測驗做成正面平視視點，并將360度旋轉方向去掉，改為地圖上平移前進，但這樣對用戶的習慣認知有所影響，所以不到非必要條件不會采納這種辦法。
圖標的意象要契合認知
以此次新年小車變裝為例，小車形象要凸顯新年氣味，并表達準確、契合群眾認知，不會發(fā)作錯誤聯(lián)想或地區(qū)差異化對立。此外假如 icon 的意象自身和交通工具有所結合就更好了。
能夠支撐六個事務線的差異化規(guī)劃
滴滴出行是一個調集多事務形狀的產品，比方重視功率的快車、出租車、小巴，重視效勞和質量的專車、豪華車等。這些事務線的小車圖標在體現(xiàn)辦法上是附近的，但傳達特性上又要傳達差異性。在做圖標換裝規(guī)劃時，會先挑選一個事務線快車為基準，做出通用計劃后再延展至一切事務線上，因而計劃的可擴展性就成了應戰(zhàn)之一。
明晰了規(guī)劃應戰(zhàn)后，結合以上約束與應戰(zhàn)，對上一步的廣泛構思方向進行挑選。此次新年小車的規(guī)劃要群眾認同、直白明晰清楚明了、可履行可體現(xiàn)，終究挑選了傳統(tǒng)斑紋噴漆、車頂張貼福字、新年舞獅舞龍這幾種開始構思方向。
4. 決議計劃規(guī)劃方向
明晰了履行條件，有了開始的構思，接下來就要快速出草圖、出計劃，樹立點評規(guī)范決議計劃構思的可行性，挑選出終究的規(guī)劃方向。
畫草圖的進程就是將信息化的構思轉化為圖示的視覺規(guī)劃的進程，而草圖的潛力在于從紙面經過眼睛到大腦，然后返回紙面的信息循環(huán)之中。理論上信息經過循環(huán)的次數(shù)越多，改變的機會也越多，隨機記錄、表達、評論規(guī)劃構思意向的草圖，能夠最大極限地解除計劃構思思維的表達捆綁。經過草圖的測驗后，進一步產出計劃進行點評與快速測驗。
對計劃的點評主要有3個維度：圖像明晰、表意直觀、空氣營建。在團隊內部對待選計劃從以上維度進行打分點評。其間斑紋計劃在尺度中無法清楚看到車身上的細節(jié);福字計劃在空氣營建上比較保存;舞龍計劃由于和端午節(jié)龍舟感覺類似，不能明晰節(jié)日空氣;舞獅計劃總體上更契合規(guī)范，且更具空氣感與情感染。
除了以上幾個維度的點評，針對幾個計劃，還在公司打開小范圍查詢，舞獅也是更多非規(guī)劃搭檔更喜愛的一個計劃。歸納專業(yè)性的點評和快速的用戶測驗，終究新年小車的規(guī)劃方向為舞獅主題。
5. 深化規(guī)劃細節(jié)
經過上面幾步現(xiàn)已能夠得到一個牢靠的開始規(guī)劃計劃，現(xiàn)在就要從形狀、光影、原料、色彩四個方向進行細化，完善其視覺表達。
形狀
icon 形狀上選用提取與重構的規(guī)劃辦法，提取具有代表性的物體特征，轉化為視覺元素，將其不斷組合改進，從頭刻畫為新的規(guī)劃。
此次視覺化的進程中，提取了舞獅頭部、舞獅腳步、面部表情、新年元素等，將元素不斷交融調整，要做到形狀即全體調和又豐厚生動。舞獅的腳盡管小到看不清，但仔細看仍是有著功夫步在里面的。別的舞獅的背上添加了新年祝愿文字，使 icon 更具趣味性，并且不管舞獅以正反方向前進的時分 icon 中都有了能夠閱覽的視覺內容，這也是此次計劃的一個亮點了。
因地圖上常會呈現(xiàn)多輛小車相互疊壓的狀況，需求 icon 形狀仍是堅持在一個塊狀的幾個形體中，即堅持 icon 自身的全體性，也便利車輛之間進行區(qū)別，確保界面的舒適性。
地圖 icon 選用仰望視點最合理，但仰望視角下許多事物辨認難度加大，所以此次舞獅 icon 將正視的獅頭與仰望的身體結合，既確保了認知度，還堅持了仰望視點的功用性。這樣不同視點的形狀組合，對不適合純仰望的元素十分適用。
光影
因 icon 是頂視圖且會360旋轉，所以光影體現(xiàn)以頂視光為主，這樣多輛車不同視點的呈現(xiàn)在界面中時，光源仍是一致的。別的 icon 和地圖之間會有淡淡的一圈暗影，讓 icon 和地圖有所區(qū)別，但又調和的停留在地圖上，這些暗影的深淺巨細只能靠一遍遍測驗才干找到最佳程度。
色彩
icon 自身尺度較小，又有多個 icon 疊壓的狀況，所以需盡量確保 icon 在一個色彩系統(tǒng)內，色彩一致能夠直觀的確保 icon 的全體感。一個主色彩配輔佐色體現(xiàn)活動氣氛，拿捏好色彩份額，做到全體不花哨即可。
原料
地圖小車一直選用立體寫實的辦法來體現(xiàn)，經過玻璃反光，車頂高光，突變肌理等帶給用戶實在感，從而對界面中的車輛信息感受到實在可信賴。頂視光源下要體現(xiàn)icon的立體感和原料感是檢測技法的，需求詳盡調查和耐心打磨。
完結這一步后，就得到了一個以快車為根底的通用計劃，其它事務線的計劃基調也就奠定了。
6. 延展規(guī)劃計劃
經過與各事務線的洽談交流，此次斷定六個事務線推出新年換裝規(guī)劃，因事務線都集中于一個使用中，就要求地圖換裝 icon 既能夠堅持全體風格一致，還能表達事務特性。
咱們聯(lián)想到了08年奧運福娃的規(guī)劃，兩者都是多個一致又獨立的形象延展，其主要是經過色彩來進行區(qū)別，輔佐部分做差異化調整。
依據這樣的思路，快車是滴滴用戶量最大的事務，運用了最具新年氣味的赤色，出租車連續(xù)運用了金黃色彩，專車與豪華車重視搭車質量與效勞，別離運用了藏青色以及黑色，凸顯其高端顯貴的氣質且堅持與事務線品牌色系共同，一起將豪華車 icon 的眉毛進行夸張化，更杰出其豪華顯貴的形象，小巴重視價格實惠連續(xù)了原有 icon 的色彩，用高檔灰作為其主色彩，而代駕也不能短少新年的氣味，代駕師傅們就換上了赤色的新年唐裝。
別的每個舞獅的背上都添加了新年祝愿文字，不同的文字既能夠讓舞獅代表不同的新年祝愿，也代表了不同的事務線的氣質差異，使形象更具趣味性。
7. 推進計劃落地
規(guī)劃到了這個階段，就算是進入收尾環(huán)節(jié)了。接著將計劃切圖輸出，并確保和已有的方向、尺度共同，便利替換。設定好上線時刻與上線城市，后臺配置完結后，新年的舞獅就準時活潑在每個滴滴出行用戶的界面里了。
上線后還要對計劃進行盯梢反應，一般會從微博、脈脈等平臺中重視用戶輿情，把用戶點評按「欠好，影響打車」、「一般，沒感覺」、「不錯，有意思」分類整理，由此評判此次計劃是否展示了其價值。
小結
回憶整個規(guī)劃旅程，規(guī)劃師經過發(fā)散—聚合—再發(fā)散的辦法，快速了解需求找到爆發(fā)點，鋪開思路探究構思的可行性;接著提煉規(guī)劃的應戰(zhàn)與約束，并反向使用約束條件來推進考慮，得到開始構思;再經過規(guī)劃的快速測驗與不斷試錯，完結方向的決議計劃;細化打磨計劃并發(fā)掘計劃的延展性;在終究規(guī)劃落地發(fā)布后，堅持繼續(xù)的盯梢與反應。
從中咱們所收成的，不僅是完結一次次小車換裝規(guī)劃使命，還為往后的構思類規(guī)劃需求提煉了規(guī)范化的流程與辦法，更好的確保規(guī)劃功率與質量。