1 楔子

? ? ? ? 其實一直想寫一篇關于APP顏色主題設計的文章，從去年就開始醞釀，斷斷續(xù)續(xù)永票，既是因為缺少足夠積淀，也是因為自己還沒有真正拿得出手的成品——空口無憑±哪現在侣集，隨著CMF APP全新3.0的改版完成，終于一嘗所愿佣谐。這個標題也很大肚吏，但卻已經是一個正在進行時了方妖，只是你可能還沒有意識到狭魂，其實它業(yè)已成為當今移動互聯網產品領域的既成事實。

? ? ? ? 以顏色作為產品主題戰(zhàn)略方針的最堅定也是最成功的執(zhí)行者党觅，就是我們喬幫主傾力打造的Apple雌澄，從這個Apple誕生之初，就一直以乳白色作為產品外觀主打顏色杯瞻，并一直堅持了下來镐牺，擴展到公司所有主流產品線，無論硬件（PC魁莉、MacBook睬涧、iPhone募胃、iPad）還是軟件（IOS內置應用）。以至于當今世界畦浓，一旦出現以白色為主打色調的高檔消費電子產品痹束，在你腦海中第一時間內浮現的肯定是Apple。

? ? ? ? 細思極恐讶请，這種顏色戰(zhàn)略驅動下的品牌戰(zhàn)略真是可怕祷嘶，因為他在潛移默化之中將你的顏色認知與品牌認同融合到了一起。所以雖然iPhone火了這么多年了夺溢，各類高仿手機層出不窮论巍，也依然是——一直被模仿，從未被超越风响。因為你模仿得越多嘉汰，反而越是推動用戶去強化Apple產品的品牌形象認知：哦，那個白白的状勤、方方的郑现、薄薄的手機就是當今最火的iPhone啊。

? ? ? ? 是不是很可怕的一件事荧降？就好比《笑傲江湖》里的吸星大法接箫，你內力越是深厚，就越是在助長施法者的功力朵诫。當然辛友，凡事物極終必反，Apple掌門人換成了一個賣手機的剪返，那個人只會賣手機不會造手機废累，因此iPhone產品外觀多年不變、產品功能體驗停滯不前甚至倒退脱盲，用戶已然開始出現審美疲勞邑滨，而且價格一直在高位，銷量已經開始出現疲軟钱反，不過掖看，這個跟本文主題無關，就撂下不表了面哥。

2 顏色與產品族風格規(guī)劃

? ? ? ? 回歸正題哎壳，在硬件產品中，顏色戰(zhàn)略堅持得如此徹底的恐怕也是僅此一家尚卫，但在移動軟件產品中归榕，顏色戰(zhàn)略的執(zhí)行相對容易，因此也更加徹底吱涉，可謂是百家爭鳴刹泄、各領風騷外里。

? ? ? ? 在擬物化設計為主流的IOS6以前，因為產品功能信息主要通過逼真易懂的圖形來傳遞給用戶特石，產品設計追求看圖識物级乐，風格各異，圖形精彩紛呈县匠，所以APP的主題顏色作用似乎并沒有特別明顯风科。但是自IOS7之后，移動世界進入了扁平化設計時代乞旦，色塊贼穆、文字、簡易線形圖標替代了原本細膩貼切的實物圖標兰粉，信息表述更加抽象但是也更簡明直接故痊，產品設計大勢也因此從“求異”轉成了“趨同”。

? ? ? ? 信息抽象化也就意味著單個內容的信息描述的可發(fā)揮空間更小玖姑，功能形象愕秫、操作體驗都會越來越同質化、標準化焰络、規(guī)范化戴甩。圖形線形化之后，圖標的信息描述維度從顏色闪彼、灰度甜孤、形狀三維降成了顏色、形狀二維畏腕，而形狀維度最終也會因為相同功能圖標的統(tǒng)一化而消失(因為在缺乏實物模擬信息輔助的情況下缴川，統(tǒng)一化、標準化的抽象圖標才能最大程度降低用戶的學習成本描馅、加快識別速率把夸、提高操作體驗的熟悉度)，因此顏色也就成了產品設計可發(fā)揮的唯一一個維度铭污。

? ? ? ? 例如最常見的分享圖標恋日，如果在擬物化設計時代端壳，每個App都可以結合自身的業(yè)務使用場景來設計出具備自身領域特色的圖標坟比；但到了扁平時代，業(yè)務屬性弱化，功能屬性突出刁绒，現在的分享圖標基本也就都長下面這樣了，而且也“只能”長這樣了烤黍，你要是換成其他“非主流”的圖標知市，反而會被認為是業(yè)余設計傻盟，因為這說明你連業(yè)界基本規(guī)范都不懂：

? ? ? ? 所以，在圖形表達方式也趨同的大背景下嫂丙，唯一能尋求的差異化優(yōu)勢也就剩下顏色了娘赴。而普通人日常可分辨的顏色總量其實也不多跟啤，即便是有經驗的油漆工人也僅能識別到1000種左右诽表，因此，如果能提早占據用戶視覺中的一類主流顏色隅肥，形成色彩視覺戰(zhàn)略制高點竿奏，也就能為公司移動產品戰(zhàn)略墊定先發(fā)戰(zhàn)略優(yōu)勢。我們的CMF3.0也是基于此考慮而應運而生腥放。

? ? ? ? 顏色戰(zhàn)略泛啸，對于大公司而言，其實選擇反而更加簡單秃症，因為每一個公司都會有自己的主打品牌形象候址，這個品牌形象在過去就已經或多或少地植入人心了。只是在過去主要通過品牌Logo與廣告來表達种柑，而在當今移動時代岗仑，由品牌Logo圖像延伸出來的品牌主題很容易就能承擔起移動端公司品牌形象推廣的角色。

? ? ? ? 在這一方面聚请，放眼整個互聯網界赔蒲，目前而言，做得最好的是360打造的安全衛(wèi)士產品族良漱。說到360的產品形象舞虱，只要看過一眼或者使用過一次他家產品的人，都會記住他的綠色母市，這一點是非常非常精明的矾兜。其在軟件產品端顏色戰(zhàn)略上的運用功力，差不多可以與Apple平齊患久。這其中椅寺，也是因為他們的產品執(zhí)行力足夠強——所有360的產品，都是以綠色作為主題色蒋失，而且完整覆蓋到了PC客戶端返帕、web站點以及移動App三大當今用戶信息平臺。

? ? ? ? 這樣做篙挽，既簡單粗暴荆萤，又高效實用——就是在用戶使用任一款360產品的過程中，不斷強化用戶潛意識對360綠色的品牌形象的認知，以期讓用戶在潛意識里就記住他的“綠”品牌形象链韭。這一策略在PC端這一大容量內容平臺上的成功大家應該已經有目共睹（雖然過程未必受大家認同）偏竟。

? ? ? ? 這一方面的反面例子就是某鵝了，下圖只是簡單在其windows版客戶端上截了一個圖敞峭，從下面這張圖可以看出——各個產品各自為政踊谋，并沒有從集團產品族的高度來對產品風格做統(tǒng)一規(guī)劃與設計。

? ? ? 簡單吐槽一下：

? ? ? ?第一個瀏覽器旋讹、最后一個電腦管家算是比較接近殖蚕，都是藍白主色調，但一個灰藍色調沉迹，一個純藍色調睦疫，并不完全一致，反而有可能讓用戶覺得是百度的產品胚股，因為百度產品以藍白系居多笼痛。再說一下第三個音樂客戶端，這個黃綠色調琅拌，很容易讓用戶誤認為是360安全衛(wèi)士的某個產品缨伊，因為360安全衛(wèi)士本身就是黃綠色調Logo且全都是綠色系產品。而其余產品差別更大进宝，根本不會被人認為是同一家公司出品刻坊。這樣導致的后果就無法形成品牌合力，很容易被各個擊破党晋，這一點在移動端體現得更加明顯谭胚。

? ? ? ? 將色彩作為一種移動品牌戰(zhàn)略，于單個產品設計本身并不難未玻，難的是從整個公司層面來統(tǒng)籌規(guī)劃公司整個產品族灾而，將PC、Web扳剿、手機等所有用戶終端納入統(tǒng)一品牌風格規(guī)劃旁趟，對用戶形成全方位、無死角的“色彩轟炸”庇绽，從而最終將公司品牌形象根植人心锡搜。

3 移動產品風格設計

? ? ? ? 公司產品族的品牌形象規(guī)劃方面暫且就說這么多，接下來說說本文真正的重頭——移動端品牌形象與產品風格設計瞧掺。

? ? ? ? 因為IOS系統(tǒng)的卓越耕餐，在扁平化設計時代，移動端APP產品的設計工作似乎已經變得相當容易——功能圖標已有統(tǒng)一標準樣式辟狈、操作流程也是極其規(guī)范成熟肠缔、用戶功能操作習慣也已經養(yǎng)成并且協(xié)調統(tǒng)一，業(yè)務APP團隊需要做的似乎就是根據自身領域業(yè)務需求將業(yè)務功能“填進去”。

? ? ? ? 然而桩砰，越是趨同拓春，也就容易陷入產品同質化的漩渦無法自拔释簿，也就越難以設計出別具一格亚隅、耳目一新的產品。因為簡單標準的東西大家都容易學會庶溶！真正的APP產品設計征程煮纵，雖然從“標準、統(tǒng)一”的起點出發(fā)偏螺，但終究還是要去到“大同中求取大不同行疏，最終到達卓越不群”產品的終點!

? ? ? ? 產品的卓越之道在于不斷打磨、精益求精套像，永遠沒有終點酿联，但是一路上的沉淀與反思總會幫助你不斷噴發(fā)出靈感的閃光，從而鑄就產品的傳奇夺巩。

? ? ? ? 因為篇幅與章節(jié)結構關系贞让，上篇內容就只能寫到這了，在下篇中柳譬，筆者將結合本次CMF 3.0的產品設計歷程喳张，詳細談談這一路走來的產品設計體驗。

? ? ? ? 上篇務虛美澳，下篇務實销部，理論指導實踐，實踐校正理論制跟，產品設計亦是如此舅桩。