APP設計風格是指APP通過主要的幾種顏色搭配、頁面布局和NPC等給用戶呈現出的整體視覺感受。

一個APP開始啟動設計時，第一步應該用主要頁面定下整個APP的設計風格，然后其他頁面按著統一的設計風格進行細致的設計美化。統一設計風格能給用戶呈現整體一致的視覺體驗，有利于傳達產品整體的品牌形象；也方便設計團隊制定設計規范，減少設計風格不一致帶來的溝通成本。

APP設計風格從視覺效果上至少給用戶傳達了兩個信息：一是APP的整體基調。二是APP的目標人群。

微信、QQ界面截圖

拿微信和QQ例子來說：微信是黑、綠、白三種主要顏色搭配，中規中矩的布局呈現給用戶穩重、信賴的感覺，更像是成人的溝通工具。QQ默認皮膚是淺藍、淺灰、白三種主要顏色搭配，靈活的布局交互呈現給用戶活潑、有趣的感覺，更偏向愛玩、愛新奇的年輕用戶。

為什么同樣是即時通訊社交應用，設計風格差距這么大？這正是由產品的定位和目標用戶決定的。微信口號是“微信，是一個生活方式”，這種大而全的定位，注定微信設計風格要更謹慎和中性化；另一方面據騰訊官方數據統計86%微信用戶年齡集中在18-35歲，90%用戶職業為企業員工、學生，目標用戶也決定了微信設計風格的穩重、成熟和高端化。而QQ口號是“樂在溝通”，定位明確為娛樂化的社交應用，因此QQ設計風格是允許活潑有趣、甚至個性化（用戶可切換多種不同設計風格皮膚）；另一方面QQ兼容人群更廣，相對微信來說更年輕、更活潑，如中小學生的忠實溝通工具仍是QQ。

原則上產品經理不應該干擾限制設計師的創意和靈感，但產品定位是什么、產品目標人群是誰。以上兩點產品經理在提設計需求之前務必清晰傳達到給設計師。

那么設計師出的稿子，如何判斷是不是符合我們產品的設計風格呢？這里要求產品經理必須把設計的常識和基礎原理弄懂，閱讀相關的設計書籍，并且有意識的去體驗和對比各種App產品的設計，提高產品的鑒賞能力。

移動APP產品的設計首先應該緊跟業界的主流設計風格：扁平化設計。扁平化設計有明顯的幾個好處：

1. 界面美觀、簡約大方、條理清晰
2. 設計元素上強調抽象、極簡、符號化，去除冗余的裝飾效果突顯App的文字圖片等信息內容。
3. 完美兼容pc網站、安卓、ios等不同系統的平臺和不同屏幕分辨率的設備，適應性強。

APP產品設計定為扁平化，然后考驗的是設計師界面配色的專業功力了。在設計風格表現上，顏色占據了80%以上的視覺體驗。因此要做好設計風格，主要做好界面的顏色搭配和分布。另外顏色是有情感的，不同的色彩能給于用戶不同的印象和感受，而且不同的人群對顏色偏好也是不一樣的。所以在為APP設計進行配色時，需要考慮不同用戶的喜好和體會配色給用戶帶來的視覺感受。

參考：客戶網站分析公司KISSmetrics的調查報告圖表

從圖表上看男女都喜歡綠色、藍色，這里也說明微信和QQ為什么分別使用綠色和藍色作為APP重要的配色之一；男女都討厭橙色、褐色。不同的是男喜好黑色，女喜好紫色；男討厭紫色，女討厭灰色。圖表僅供參考，在本人的產品體驗考察來看，在女性的顏色偏好中有著不可撼動的地位卻是紅色、粉紅色。如使用紅色作為主要設計風格的女性app：

閨蜜圈、lespark、美啦、美柚界面截圖

設計風格的配色除了要注意男女性的喜好差別，還應該重視通過冷暖色彩+明暗亮度搭配表現給用戶的印象和心理感受。詳見《色彩在移動APP設計中的應用》

色彩情感：紅色、金黃色、橙色

麥當勞APP界面截圖

色彩情感：深灰藍、中性灰

facebook界面截圖

色彩情感：綠色、紫色、青色

地鐵跑酷界面截圖

配色方案反饋的情感意像

總的來說，設計風格是設計起始的第一步，定好了設計風格，后續的設計工作才能繼續安排。要確保設計風格匹配用戶人群的喜好，符合APP的定位以及給用戶傳遞APP正面良好的形象。確定設計風格階段，產品經理和設計師花費再多的時間和精力來折騰也是值得的。

#專欄作家#

鷹眼Eeyes，閨蜜圈產品經理，人人都是產品經理專欄作家。擅長產品策劃，產品運營，項目管理。專注于移動社交方向，深度調研女性社交；關注O2O電商、智能硬件、物聯網發展。厚積薄發，總結，升華中…

本文原創發布于人人都是產品經理，未經許可，不得轉載。