【編者按】本文由@百度MUX 團隊所撰。你是GUI設(shè)計師？不擅長運營設(shè)計？但是產(chǎn)品發(fā)版、公司活動都需要你的設(shè)計參與，運營設(shè)計是這一切工作的基礎(chǔ)。你是網(wǎng)頁設(shè)計師？天天都會接觸運營設(shè)計！各種緊急的重要的需求，都需要保質(zhì)保量完成。不斷的積累運營設(shè)計經(jīng)驗，也是自己的安生立命之本。運營設(shè)計是一道大餐，很愿意和大家一起分享，歡迎大家一起討論。

開胃菜——準備階段

1. 運營設(shè)計做什么？

這要先說說產(chǎn)品的流程，移動產(chǎn)品從出生到和用戶見面大多都會經(jīng)歷這么幾個階段：
功能定位——交互流程（Ui）——視覺界面（GUI）——開發(fā)和測試——發(fā)版運營

由此可見運營就是產(chǎn)品出生的過程，沒有好的運營，醞釀已久的產(chǎn)品也見不到更多的用戶。所以每逢產(chǎn)品發(fā)版，重大活動，節(jié)日都需要產(chǎn)品運營，增加關(guān)注度，提升產(chǎn)品下載量。

那么這些過程中就會涉及到，產(chǎn)品網(wǎng)站banner設(shè)計，產(chǎn)品功能宣傳設(shè)計，發(fā)版、活動專題頁面設(shè)計，海報展板等平面設(shè)計。最常用的還是banner和功能宣傳圖的設(shè)計，這幾乎是每個版本上線必須的。我們接下來就主要以banner和功能宣傳圖為基礎(chǔ)一起聊聊。

2. 好設(shè)計來自有準備——平時的積累

觀察生活，記錄靈感：地鐵里，路上，生活中的各種地方都有可能激發(fā)靈感，用心去觀察，隨時記錄自己當時的靈感，都是以后設(shè)計中的財富。

收集和參考：收集各種優(yōu)秀設(shè)計作品，分享，討論。百度每個產(chǎn)品線發(fā)版的各個運營宣傳都可以收集，待到用時里面都是可借鑒的元素。這里嘰歪一句：各種漂亮手機多角度的高清寫真圖也是必須收集的哦~~~

練習和模仿：好的效果和展現(xiàn)形式都可以模仿，字體變形，光影表現(xiàn)等，基本的技法都是要在平時積累的。

紅酒——溝通階段，需求分析

找準需求的核心

明確需求的核心要點，這就需要深入溝通。比如設(shè)計banner，需求方提出要體現(xiàn)a,b,c,d…N個功能點，悲劇了，難道要把他們都寫上嗎？這么多點里肯定有些是核心功能或者主推功能，通過和需求方深入溝通，找到核心點和表現(xiàn)的優(yōu)先次序，再去設(shè)計。

有時候產(chǎn)品經(jīng)理提出的宣傳主題是好長一個句子，或者好幾個，那這個時候就要提煉壓縮把最核心的幾個文字突出表現(xiàn)。

下面就是個很好的例子，最初接到的需求是“1要表現(xiàn)新版發(fā)布；2體現(xiàn)功能：點劃輸入，可以換膚；3詞庫準確率高”。沒有經(jīng)過深入溝通的情況下做了下面的設(shè)計，不論是文字還是圖片都是信息的簡單堆疊，主次區(qū)分不明顯且信息量很大，對于用戶來說沒有任何意義。

經(jīng)過深入溝通，對需求做了優(yōu)先級排列，排在后面的就可以弱化或者舍棄。排列后的需求是“1突出發(fā)版和手機輸入法，2新增了支持iOS5，3點劃功能，換膚功能，詞庫精準”但是信息量還是很大，所以決定不加入優(yōu)先級較低的描述功能的文字，改用點劃和輸入的圖片來表現(xiàn)功能。最終的設(shè)計就最大的突出了“百度手機輸入法”這個主題。

找準核心很重要，深入溝通是關(guān)鍵。

牛排大餐——設(shè)計階段

1. 創(chuàng)意先行，做有故事的設(shè)計

創(chuàng)意是設(shè)計升華的關(guān)鍵，如果你不是在做圖而是在講故事，那用戶一定會被你的與眾不同所吸引。頭腦風暴，平常積累，歸納總結(jié)都是創(chuàng)意產(chǎn)生的來源。

整個功能宣傳方案就是一個故事，一個功能就是一個是事件，環(huán)環(huán)相扣，枯燥的宣傳變成了貼近用戶生活的場景。

漫畫的形式既宣傳了產(chǎn)品，又有很廣泛的傳播效應。

2. 找到適合的版式是關(guān)鍵

你的設(shè)計是使用突出圖片的展現(xiàn)形式，還是突出文字的展現(xiàn)形式？答案是——相輔相成。
產(chǎn)品運營設(shè)計大都需要有界面或設(shè)備（如手機）的展示，加入界面實際上是一種利于表現(xiàn)的形式。
總結(jié)了一些運營中必要加入界面的情行：宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)，文字太少，需求方的要求，界面很出彩或者需要給用戶深的產(chǎn)品視覺印象。

宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)：這種時候界面就是設(shè)計的主題，使用戶第一眼能看到的元素就是界面或界面相關(guān)的元素。建議用正面的界面來表現(xiàn)，圖像清晰，醒目。
形式，較高的微博類圖片建議上下構(gòu)圖。

均衡的左右構(gòu)圖

上下構(gòu)圖
實際的設(shè)計中要還要結(jié)合閱讀的連貫性，左圖右字和右圖左字都是可以的形式，但是要根據(jù)具體應用環(huán)境決定。同時視覺平衡和黃金分割也是十分重要的，如果合理應用可以獲得意想不到的效果。

左字右圖（符合閱讀習慣）

左圖右字（為了和右邊的頁面下載區(qū)平衡，所以這里圖片放左邊更合適）
文字太少：主體文字很少，這時候加入界面就是設(shè)計的大幫手，這種時候版式就可以比較靈活，上下結(jié)構(gòu)，左右結(jié)構(gòu)，不規(guī)則排版都可以靈活應用。界面的角度也可隨創(chuàng)意盡情發(fā)揮。

需求方的要求：必須要放界面，那就溝通好放什么樣的，那個功能的，必要的時候不要使用實際界面，用設(shè)計過的，有潤色的效果圖會事半功倍。

界面很出彩或者需要給用戶產(chǎn)品視覺印象：這時候界面也成為了設(shè)計的主角，通過各種界面的表現(xiàn)形式要給用戶留下深刻的印象。版式可以靈活，根據(jù)搭配的文案來協(xié)調(diào)?？梢猿殡x出界面中的重點單獨表現(xiàn)，這樣更能吸引眼球。

2）突出文字的版式

也有些情況你也不必使用界面，手機圖片等等，做類似傳統(tǒng)的運營設(shè)計。比如：文本太多又不能刪減，界面沒有出彩點／和上一版變化不大，要突出的點和界面關(guān)系不大，需要突出的點太多不能用一兩個界面表達，需要宣傳的點有別的更好的方式表現(xiàn)。
宗旨是不加入更多元素可以讓設(shè)計更好的發(fā)揮作用就是可行的。

表現(xiàn)的核心元素只有文字

3. 適應環(huán)境的設(shè)計

Banner設(shè)計要適應網(wǎng)頁環(huán)境，和同期上線的其他banner有所區(qū)別。如果不滿足這兩點，你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。
適應環(huán)境和區(qū)別設(shè)計的根本都是“對比”，色彩的對比，明暗的對比，氛圍的對比。

對比明顯的banner在翻頁時很容易發(fā)現(xiàn)他們的變化
微博圖片在實際環(huán)境中的效果。微博宣傳圖片實際展示時縮略圖只有120PX*120PX，大圖顯示寬度也只是440PX，在很小的面積里能讓用戶第一被吸引然后點擊才是關(guān)鍵。

4. 運營提案和方案推動

辛苦做完的設(shè)計如何讓需求方認可呢？

運營提案：包裝自己的設(shè)計方案，用最好的形式展現(xiàn)設(shè)計圖。圖文并茂的講述設(shè)計思路“為什么這么做？”“用色的原因，圖片的使用原因”都要給這些問題合理的有說服里的答案。
給自己的設(shè)計賦予概念，有利于產(chǎn)品推廣和公司的概念。這些都是方案推動的利器。

設(shè)計前期的溝通和討論會：如果在設(shè)計前期就和需求方一起開會討論設(shè)計思路，一起思考設(shè)計方向，創(chuàng)新點也一定在這個階段就做好溝通，并達成一致，這樣先給需求打好預防針，否則大膽的創(chuàng)新設(shè)計很有可能不被接受。

餐后甜點——沉淀和總結(jié)

一次運營的結(jié)束并不是產(chǎn)品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結(jié)經(jīng)驗。

效果跟蹤：觀察微博用戶的反饋，記錄相關(guān)微博點擊量，你都能從中獲知你的設(shè)計存在的問題。也許你原以為很滿意的設(shè)計，實際獲得的轉(zhuǎn)發(fā)量卻比其他時候少很多，那就要仔細分析原因了。

左邊的那次設(shè)計創(chuàng)意和效果都不錯，但是同樣都是發(fā)版活動，他的轉(zhuǎn)發(fā)量（74）卻沒有圖做的沒他好看的另一次多（144）。這其中也不一定是設(shè)計的原因，但是至少可以從這里去分析一些問題。

參與活動人數(shù)的記錄，可以作為自己階段性工作的一種沉淀
規(guī)范沉淀：總結(jié)制定設(shè)計規(guī)范，這樣其他同學或者下次運營設(shè)計的時候，就有很多元素可以復用的，圖片的尺寸也有統(tǒng)一的標準，可以大大提高效率。

現(xiàn)在，一起回顧一下咱們的這次視覺大餐吧：

• 好的運營設(shè)計需要平時不斷的積累，優(yōu)秀作品收集，不斷練習，都是很好的積累途徑。
• 需求階段，找準核心很重要，深入溝通是關(guān)鍵。要找到核心點和表現(xiàn)的優(yōu)先次序，再去設(shè)計。
• 設(shè)計階段，先尋找創(chuàng)意思路，然后構(gòu)思合適的版式，并且要考慮設(shè)計投放的環(huán)境，最后要找到合適的方法包裝方案，推動方案。
• 設(shè)計上線并不是產(chǎn)品宣傳的終止，需要效果跟蹤，是為了下一次的設(shè)計，也為了自己的沉淀。

團隊博客：百度MUX