編者按】本文由@百度MUX 團隊所撰。你是GUI設計師？不擅長運營設計？但是產品發版、公司活動都需要你的設計參與，運營設計是這一切工作的基礎。你是網頁設計師？天天都會接觸運營設計！各種緊急的重要的需求，都需要保質保量完成。不斷的積累運營設計經驗，也是自己的安生立命之本。運營設計是一道大餐，很願意和大家一起分享，歡迎大家一起討論。
開胃菜——準備階段
1. 運營設計做什麼？
這要先說說產品的流程，移動產品從出生到和用戶見面大多都會經歷這麼幾個階段：
功能定位——交互流程（Ui）——視覺界面（GUI）——開發和測試——發版運營
由此可見運營就是產品出生的過程，沒有好的運營，醞釀已久的產品也見不到更多的用戶。所以每逢產品發版，重大活動，節日都需要產品運營，增加關注度，提升產品下載量。
那麼這些過程中就會涉及到，產品網站banner設計，產品功能宣傳設計，發版、活動專題頁面設計，海報展板等平面設計。最常用的還是banner和功能宣傳圖的設計，這幾乎是每個版本上線必須的。我們接下來就主要以banner和功能宣傳圖為基礎一起聊聊。
2. 好設計來自有準備——平時的積累
觀察生活，記錄靈感：地鐵里，路上，生活中的各種地方都有可能激發靈感，用心去觀察，隨時記錄自己當時的靈感，都是以後設計中的財富。
收集和參考：收集各種優秀設計作品，分享，討論。百度每個產品線發版的各個運營宣傳都可以收集，待到用時裡面都是可借鑒的元素。這裡嘰歪一句：各種漂亮手機多角度的高清寫真圖也是必須收集的哦~~~
練習和模仿：好的效果和展現形式都可以模仿，字體變形，光影表現等，基本的技法都是要在平時積累的。
紅酒——溝通階段，需求分析
找准需求的核心
明確需求的核心要點，這就需要深入溝通。比如設計banner，需求方提出要體現a,b,c,d…N個功能點，悲劇了，難道要把他們都寫上嗎？這麼多點裡肯定有些是核心功能或者主推功能，通過和需求方深入溝通，找到核心點和表現的優先次序，再去設計。
有時候產品經理提出的宣傳主題是好長一個句子，或者好幾個，那這個時候就要提煉壓縮把最核心的幾個文字突出表現。
下面就是個很好的例子，最初接到的需求是「1要表現新版發佈；2體現功能：點划輸入，可以換膚；3詞庫準確率高」。沒有經過深入溝通的情況下做了下面的設計，不論是文字還是圖片都是信息的簡單堆疊，主次區分不明顯且信息量很大，對於用戶來說沒有任何意義。
經過深入溝通，對需求做了優先級排列，排在後面的就可以弱化或者捨棄。排列后的需求是「1突出發版和手機輸入法，2新增了支持iOS5，3點划功能，換膚功能，詞庫精準」但是信息量還是很大，所以決定不加入優先級較低的描述功能的文字，改用點划和輸入的圖片來表現功能。最終的設計就最大的突出了「百度手機輸入法」這個主題。
找准核心很重要，深入溝通是關鍵。
牛排大餐——設計階段
1. 創意先行，做有故事的設計
創意是設計升華的關鍵，如果你不是在做圖而是在講故事，那用戶一定會被你的與眾不同所吸引。頭腦風暴，平常積累，歸納總結都是創意產生的來源。
整個功能宣傳方案就是一個故事，一個功能就是一個是事件，環環相扣，枯燥的宣傳變成了貼近用戶生活的場景。
漫畫的形式既宣傳了產品，又有很廣泛的傳播效應。
2. 找到適合的版式是關鍵
你的設計是使用突出圖片的展現形式，還是突出文字的展現形式？答案是——相輔相成。
產品運營設計大都需要有界面或設備（如手機）的展示，加入界面實際上是一種利於表現的形式。
總結了一些運營中必要加入界面的情行：宣傳圖需要表現的內容和界面息息相關，文字太少，需求方的要求，界面很出彩或者需要給用戶深的產品視覺印象。
宣傳圖需要表現的內容和界面息息相關：這種時候界面就是設計的主題，使用戶第一眼能看到的元素就是界面或界面相關的元素。建議用正面的界面來表現，圖像清晰，醒目。
形式，較高的微博類圖片建議上下構圖。
均衡的左右構圖
上下構圖
實際的設計中要還要結合閱讀的連貫性，左圖右字和右圖左字都是可以的形式，但是要根據具體應用環境決定。同時視覺平衡和黃金分割也是十分重要的，如果合理應用可以獲得意想不到的效果。
左字右圖（符合閱讀習慣）
左圖右字（為了和右邊的頁面下載區平衡，所以這裡圖片放左邊更合適）
文字太少：主體文字很少，這時候加入界面就是設計的大幫手，這種時候版式就可以比較靈活，上下結構，左右結構，不規則排版都可以靈活應用。界面的角度也可隨創意盡情發揮。
需求方的要求：必須要放界面，那就溝通好放什麼樣的，那個功能的，必要的時候不要使用實際界面，用設計過的，有潤色的效果圖會事半功倍。
界面很出彩或者需要給用戶產品視覺印象：這時候界面也成為了設計的主角，通過各種界面的表現形式要給用戶留下深刻的印象。版式可以靈活，根據搭配的文案來協調。可以抽離出界面中的重點單獨表現，這樣更能吸引眼球。
2）突出文字的版式
也有些情況你也不必使用界面，手機圖片等等，做類似傳統的運營設計。比如：文本太多又不能刪減，界面沒有出彩點／和上一版變化不大，要突出的點和界面關係不大，需要突出的點太多不能用一兩個界面表達，需要宣傳的點有別的更好的方式表現。
宗旨是不加入更多元素可以讓設計更好的發揮作用就是可行的。
表現的核心元素只有文字
3. 適應環境的設計
Banner設計要適應網頁環境，和同期上線的其他banner有所區別。如果不滿足這兩點，你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。
適應環境和區別設計的根本都是「對比」，色彩的對比，明暗的對比，氛圍的對比。
對比明顯的banner在翻頁時很容易發現他們的變化
微博圖片在實際環境中的效果。微博宣傳圖片實際展示時縮略圖只有120PX*120PX，大圖顯示寬度也只是440PX，在很小的面積里能讓用戶第一被吸引然後點擊才是關鍵。
4. 運營提案和方案推動
辛苦做完的設計如何讓需求方認可呢？
運營提案：包裝自己的設計方案，用最好的形式展現設計圖。圖文並茂的講述設計思路「為什麼這麼做？」「用色的原因，圖片的使用原因」都要給這些問題合理的有說服里的答案。
給自己的設計賦予概念，有利於產品推廣和公司的概念。這些都是方案推動的利器。
設計前期的溝通和討論會：如果在設計前期就和需求方一起開會討論設計思路，一起思考設計方向，創新點也一定在這個階段就做好溝通，並達成一致，這樣先給需求打好預防針，否則大膽的創新設計很有可能不被接受。
餐后甜點——沉澱和總結
一次運營的結束並不是產品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結經驗。
效果跟蹤：觀察微博用戶的反饋，記錄相關微博點擊量，你都能從中獲知你的設計存在的問題。也許你原以為很滿意的設計，實際獲得的轉發量卻比其他時候少很多，那就要仔細分析原因了。
左邊的那次設計創意和效果都不錯，但是同樣都是發版活動，他的轉發量（74）卻沒有圖做的沒他好看的另一次多（144）。這其中也不一定是設計的原因，但是至少可以從這裡去分析一些問題。
參與活動人數的記錄，可以作為自己階段性工作的一種沉澱
規範沉澱：總結制定設計規範，這樣其他同學或者下次運營設計的時候，就有很多元素可以復用的，圖片的尺寸也有統一的標準，可以大大提高效率。
現在，一起回顧一下咱們的這次視覺大餐吧：
- 好的運營設計需要平時不斷的積累，優秀作品收集，不斷練習，都是很好的積累途徑。
- 需求階段，找准核心很重要，深入溝通是關鍵。要找到核心點和表現的優先次序，再去設計。
- 設計階段，先尋找創意思路，然後構思合適的版式，並且要考慮設計投放的環境，最後要找到合適的方法包裝方案，推動方案。
- 設計上線並不是產品宣傳的終止，需要效果跟蹤，是為了下一次的設計，也為了自己的沉澱。
團隊博客：百度MUX
