開胃菜——準(zhǔn)備階段

這要先說說產(chǎn)品的流程，移動(dòng)產(chǎn)品從出生到和用戶見面大多都會(huì)經(jīng)歷這么幾個(gè)階段： 功能定位——交互流程（Ui）——視覺界面（GUI）——開發(fā)和測(cè)試——發(fā)版運(yùn)營 由此可見運(yùn)營就是產(chǎn)品出生的過程，沒有好的運(yùn)營，醞釀已久的產(chǎn)品也見不到更多的用戶。所以每逢產(chǎn)品發(fā)版，重大活動(dòng)，節(jié)日都需要產(chǎn)品運(yùn)營，增加關(guān) 注度，提升產(chǎn)品下載量。那么這些過程中就會(huì)涉及到，產(chǎn)品網(wǎng)站banner設(shè)計(jì)，產(chǎn)品功能宣傳設(shè)計(jì)，發(fā)版、活動(dòng)專題頁面設(shè)計(jì)，海報(bào)展板等平面設(shè)計(jì)。最常用的 還是banner和功能宣傳圖的設(shè)計(jì)，這幾乎是每個(gè)版本上線必須的。我們接下來就主要以banner和功能宣傳圖為基礎(chǔ)一起聊聊。

2） 好設(shè)計(jì)來自有準(zhǔn)備——平時(shí)的積累

觀察生活，記錄靈感：地鐵里，路上，生活中的各種地方都有可能激發(fā)靈感，用心去觀察，隨時(shí)記錄自己當(dāng)時(shí)的靈感，都是以后設(shè)計(jì)中的財(cái)富。 收集和參考：收集各種優(yōu)秀設(shè)計(jì)作品，分享，討論。百度每個(gè)產(chǎn)品線發(fā)版的各個(gè)運(yùn)營宣傳都可以收集，待到用時(shí)里面都是可借鑒的元素。這里嘰歪一句：各種漂亮手機(jī)多角度的高清寫真圖也是必須收集的哦~~~ 練習(xí)和模仿：好的效果和展現(xiàn)形式都可以模仿，字體變形，光影表現(xiàn)等，基本的技法都是要在平時(shí)積累的。

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

找準(zhǔn)需求的核心

明確需求的核心要點(diǎn)，這就需要深入溝通。比如設(shè)計(jì)banner，需求方提出要體現(xiàn)a,b,c,d…N個(gè)功能點(diǎn)，悲劇了，難道要把他們都寫上嗎？這么多點(diǎn)里肯定有些是核心功能或者主推功能，通過和需求方深入溝通，找到核心點(diǎn)和表現(xiàn)的優(yōu)先次序，再去設(shè)計(jì)。 有時(shí)候產(chǎn)品經(jīng)理提出的宣傳主題是好長(zhǎng)一個(gè)句子，或者好幾個(gè)，那這個(gè)時(shí)候就要提煉壓縮把最核心的幾個(gè)文字突出表現(xiàn)。 下面就是個(gè)很好的例子，最初接到的需求是”1要表現(xiàn)新版發(fā)布；2體現(xiàn)功能：點(diǎn)劃輸入，可以換膚；3詞庫準(zhǔn)確率高”。沒有經(jīng)過深入溝通的情況下做了下面的設(shè)計(jì)，不論是文字還是圖片都是信息的簡(jiǎn)單堆疊，主次區(qū)分不明顯且信息量很大，對(duì)于用戶來說沒有任何意義。

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

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

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

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

整個(gè)功能宣傳方案就是一個(gè)故事，一個(gè)功能就是一個(gè)是事件，環(huán)環(huán)相扣，枯燥的宣傳變成了貼近用戶生活的場(chǎng)景。 漫畫的形式既宣傳了產(chǎn)品，又有很廣泛的傳播效應(yīng)。

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

你的設(shè)計(jì)是使用突出圖片的展現(xiàn)形式，還是突出文字的展現(xiàn)形式？答案是——相輔相成。 a.突出圖片的版式: 產(chǎn)品運(yùn)營設(shè)計(jì)大都需要有界面或設(shè)備（如手機(jī)）的展示，加入界面實(shí)際上是一種利于表現(xiàn)的形式。 總結(jié)了一些運(yùn)營中必要加入界面的情行：宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)，文字太少，需求方的要求，界面很出彩或者需要給用戶深的產(chǎn)品視覺印象。 宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)：這種時(shí)候界面就是設(shè)計(jì)的主題，使用戶第一眼能看到的元素就是界面或界面相關(guān)的元素。建議用正面的界面來表現(xiàn)，圖像清晰，醒目。 如果是較寬的banner建議多用左右構(gòu)圖的形式，較高的微博類圖片建議上下構(gòu)圖。 均衡的左右構(gòu)圖

上下構(gòu)圖 實(shí)際的設(shè)計(jì)中要還要結(jié)合閱讀的連貫性，左圖右字和右圖左字都是可以的形式，但是要根據(jù)具體應(yīng)用環(huán)境決定。同時(shí)視覺平衡和黃金分割也是十分重要的，如果合理應(yīng)用可以獲得意想不到的效果。 左字右圖（符合閱讀習(xí)慣） 左圖右字（為了和右邊的頁面下載區(qū)平衡，所以這里圖片放左邊更合適） 文字太少：主體文字很少，這時(shí)候加入界面就是設(shè)計(jì)的大幫手，這種時(shí)候版式就可以比較靈活，上下結(jié)構(gòu)，左右結(jié)構(gòu)，不規(guī)則排版都可以靈活應(yīng)用。界面的角度也可隨創(chuàng)意盡情發(fā)揮。 需求方的要求：必須要放界面，那就溝通好放什么樣的，那個(gè)功能的，必要的時(shí)候不要使用實(shí)際界面，用設(shè)計(jì)過的，有潤(rùn)色的效果圖會(huì)事半功倍。 界面很出彩或者需要給用戶產(chǎn)品視覺印象：這時(shí)候界面也成為了設(shè)計(jì)的主角，通過各種界面的表現(xiàn)形式要給用戶留下深刻的印象。版式可以靈活，根據(jù)搭配的文案來協(xié)調(diào)?？梢猿殡x出界面中的重點(diǎn)單獨(dú)表現(xiàn)，這樣更能吸引眼球。 b.突出文字的版式 也有些情況你也不必使用界面，手機(jī)圖片等等，做類似傳統(tǒng)的運(yùn)營設(shè)計(jì)。比如：文本太多又不能刪減，界面沒有出彩點(diǎn)／和上一版變化不大，要突出的點(diǎn)和界面關(guān)系不大，需要突出的點(diǎn)太多不能用一兩個(gè)界面表達(dá)，需要宣傳的點(diǎn)有別的更好的方式表現(xiàn)。 宗旨是不加入更多元素可以讓設(shè)計(jì)更好的發(fā)揮作用就是可行的。 表現(xiàn)的核心元素只有文字 c.適應(yīng)環(huán)境的設(shè)計(jì) Banner設(shè)計(jì)要適應(yīng)網(wǎng)頁環(huán)境，和同期上線的其他banner有所區(qū)別。如果不滿足這兩點(diǎn)，你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。 適應(yīng)環(huán)境和區(qū)別設(shè)計(jì)的根本都是”對(duì)比”，色彩的對(duì)比，明暗的對(duì)比，氛圍的對(duì)比。 對(duì)比明顯的banner在翻頁時(shí)很容易發(fā)現(xiàn)他們的變化 微博圖片在實(shí)際環(huán)境中的效果。微博宣傳圖片實(shí)際展示時(shí)縮略圖只有120PX*120PX，大圖顯示寬度也只是440PX，在很小的面積里能讓用戶第一被吸引然后點(diǎn)擊才是關(guān)鍵。 d.運(yùn)營提案和方案推動(dòng) 辛苦做完的設(shè)計(jì)如何讓需求方認(rèn)可呢？ 運(yùn)營提案：包裝自己的設(shè)計(jì)方案，用最好的形式展現(xiàn)設(shè)計(jì)圖。圖文并茂的講述設(shè)計(jì)思路”為什么這么做？””用色的原因，圖片的使用原因”都要給這些問題合理的有說服里的答案。 給自己的設(shè)計(jì)賦予概念，有利于產(chǎn)品推廣和公司的概念。這些都是方案推動(dòng)的利器。 設(shè)計(jì)前期的溝通和討論會(huì)：如果在設(shè)計(jì)前期就和需求方一起開會(huì)討論設(shè)計(jì)思路，一起思考設(shè)計(jì)方向，創(chuàng)新點(diǎn)也一定在這個(gè)階段就做好溝通，并達(dá)成一致，這樣先給需求打好預(yù)防針，否則大膽的創(chuàng)新設(shè)計(jì)很有可能不被接受。

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

一次運(yùn)營的結(jié)束并不是產(chǎn)品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結(jié)經(jīng)驗(yàn)。 效果跟蹤：觀察微博用戶的反饋，記錄相關(guān)微博點(diǎn)擊量，你都能從中獲知你的設(shè)計(jì)存在的問題。也許你原以為很滿意的設(shè)計(jì)，實(shí)際獲得的轉(zhuǎn)發(fā)量卻比其他時(shí)候少很多，那就要仔細(xì)分析原因了。 左邊的那次設(shè)計(jì)創(chuàng)意和效果都不錯(cuò)，但是同樣都是發(fā)版活動(dòng)，他的轉(zhuǎn)發(fā)量（74）卻沒有圖做的沒他好看的另一次多（144）。這其中也不一定是設(shè)計(jì)的原因，但是至少可以從這里去分析一些問題。 參與活動(dòng)人數(shù)的記錄，可以作為自己階段性工作的一種沉淀 規(guī)范沉淀：總結(jié)制定設(shè)計(jì)規(guī)范，這樣其他同學(xué)或者下次運(yùn)營設(shè)計(jì)的時(shí)候，就有很多元素可以復(fù)用的，圖片的尺寸也有統(tǒng)一的標(biāo)準(zhǔn)，可以大大提高效率。

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

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

本文出自MUX