|
加入人人都是產(chǎn)品經(jīng)理【起點(diǎn)學(xué)院】產(chǎn)品經(jīng)理實(shí)戰(zhàn)訓(xùn)練營(yíng)，BAT產(chǎn)品總監(jiān)手把手帶你學(xué)產(chǎn)品點(diǎn)此查看詳情！ 你是GUI設(shè)計(jì)師？不擅長(zhǎng)運(yùn)營(yíng)設(shè)計(jì)？ 你是網(wǎng)頁(yè)設(shè)計(jì)師？天天都會(huì)接觸運(yùn)營(yíng)設(shè)計(jì)！ 運(yùn)營(yíng)設(shè)計(jì)是一道大餐，很愿意和大家一起分享，歡迎大家一起討論。 開(kāi)胃菜——準(zhǔn)備階段
1. 運(yùn)營(yíng)設(shè)計(jì)做什么？這要先說(shuō)說(shuō)產(chǎn)品的流程，移動(dòng)產(chǎn)品從出生到和用戶(hù)見(jiàn)面大多都會(huì)經(jīng)歷這么幾個(gè)階段：
功能定位——交互流程（Ui）——視覺(jué)界面（GUI）——開(kāi)發(fā)和測(cè)試——發(fā)版運(yùn)營(yíng)
 由此可見(jiàn)運(yùn)營(yíng)就是產(chǎn)品出生的過(guò)程，沒(méi)有好的運(yùn)營(yíng)，醞釀已久的產(chǎn)品也見(jiàn)不到更多的用戶(hù)。所以每逢產(chǎn)品發(fā)版，重大活動(dòng)，節(jié)日都需要產(chǎn)品運(yùn)營(yíng)，增加關(guān) 注度，提升產(chǎn)品下載量。那么這些過(guò)程中就會(huì)涉及到，產(chǎn)品網(wǎng)站banner設(shè)計(jì)，產(chǎn)品功能宣傳設(shè)計(jì)，發(fā)版、活動(dòng)專(zhuān)題頁(yè)面設(shè)計(jì)，海報(bào)展板等平面設(shè)計(jì)。最常用的 還是banner和功能宣傳圖的設(shè)計(jì)，這幾乎是每個(gè)版本上線(xiàn)必須的。我們接下來(lái)就主要以banner和功能宣傳圖為基礎(chǔ)一起聊聊。
2. 好設(shè)計(jì)來(lái)自有準(zhǔn)備——平時(shí)的積累觀察生活，記錄靈感：地鐵里，路上，生活中的各種地方都有可能激發(fā)靈感，用心去觀察，隨時(shí)記錄自己當(dāng)時(shí)的靈感，都是以后設(shè)計(jì)中的財(cái)富。
 收集和參考：收集各種優(yōu)秀設(shè)計(jì)作品，分享，討論。百度每個(gè)產(chǎn)品線(xiàn)發(fā)版的各個(gè)運(yùn)營(yíng)宣傳都可以收集，待到用時(shí)里面都是可借鑒的元素。這里嘰歪一句：各種漂亮手機(jī)多角度的高清寫(xiě)真圖也是必須收集的哦~~~
練習(xí)和模仿：好的效果和展現(xiàn)形式都可以模仿，字體變形，光影表現(xiàn)等，基本的技法都是要在平時(shí)積累的。
紅酒——溝通階段，需求分析
找準(zhǔn)需求的核心明確需求的核心要點(diǎn)，這就需要深入溝通。比如設(shè)計(jì)banner，需求方提出要體現(xiàn)a,b,c,d…N個(gè)功能點(diǎn)，悲劇了，難道要把他們都寫(xiě)上嗎？這么多點(diǎn)里肯定有些是核心功能或者主推功能，通過(guò)和需求方深入溝通，找到核心點(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詞庫(kù)準(zhǔn)確率高”。沒(méi)有經(jīng)過(guò)深入溝通的情況下做了下面的設(shè)計(jì)，不論是文字還是圖片都是信息的簡(jiǎn)單堆疊，主次區(qū)分不明顯且信息量很大，對(duì)于用戶(hù)來(lái)說(shuō)沒(méi)有任何意義。
 經(jīng)過(guò)深入溝通，對(duì)需求做了優(yōu)先級(jí)排列，排在后面的就可以弱化或者舍棄。排列后的需求是“1突出發(fā)版和手機(jī)輸入法，2新增了支持iOS5，3點(diǎn)劃 功能，換膚功能，詞庫(kù)精準(zhǔn)”但是信息量還是很大，所以決定不加入優(yōu)先級(jí)較低的描述功能的文字，改用點(diǎn)劃和輸入的圖片來(lái)表現(xiàn)功能。最終的設(shè)計(jì)就最大的突出了 “百度手機(jī)輸入法”這個(gè)主題。
 找準(zhǔn)核心很重要，深入溝通是關(guān)鍵。
牛排大餐——設(shè)計(jì)階段
1. 創(chuàng)意先行，做有故事的設(shè)計(jì)創(chuàng)意是設(shè)計(jì)升華的關(guān)鍵，如果你不是在做圖而是在講故事，那用戶(hù)一定會(huì)被你的與眾不同所吸引。頭腦風(fēng)暴，平常積累，歸納總結(jié)都是創(chuàng)意產(chǎn)生的來(lái)源。
 整個(gè)功能宣傳方案就是一個(gè)故事，一個(gè)功能就是一個(gè)是事件，環(huán)環(huán)相扣，枯燥的宣傳變成了貼近用戶(hù)生活的場(chǎng)景。
 漫畫(huà)的形式既宣傳了產(chǎn)品，又有很廣泛的傳播效應(yīng)。
2. 找到適合的版式是關(guān)鍵你的設(shè)計(jì)是使用突出圖片的展現(xiàn)形式，還是突出文字的展現(xiàn)形式？答案是——相輔相成。
1）突出圖片的版式:產(chǎn)品運(yùn)營(yíng)設(shè)計(jì)大都需要有界面或設(shè)備（如手機(jī)）的展示，加入界面實(shí)際上是一種利于表現(xiàn)的形式。
總結(jié)了一些運(yùn)營(yíng)中必要加入界面的情行：宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)，文字太少，需求方的要求，界面很出彩或者需要給用戶(hù)深的產(chǎn)品視覺(jué)印象。
宣傳圖需要表現(xiàn)的內(nèi)容和界面息息相關(guān)：這種時(shí)候界面就是設(shè)計(jì)的主題，使用戶(hù)第一眼能看到的元素就是界面或界面相關(guān)的元素。建議用正面的界面來(lái)表現(xiàn)，圖像清晰，醒目。
如果是較寬的banner建議多用左右構(gòu)圖的形式，較高的微博類(lèi)圖片建議上下構(gòu)圖。
 均衡的左右構(gòu)圖
 上下構(gòu)圖
實(shí)際的設(shè)計(jì)中要還要結(jié)合閱讀的連貫性，左圖右字和右圖左字都是可以的形式，但是要根據(jù)具體應(yīng)用環(huán)境決定。同時(shí)視覺(jué)平衡和黃金分割也是十分重要的，如果合理應(yīng)用可以獲得意想不到的效果。
 左字右圖（符合閱讀習(xí)慣）
 左圖右字（為了和右邊的頁(yè)面下載區(qū)平衡，所以這里圖片放左邊更合適）
文字太少：主體文字很少，這時(shí)候加入界面就是設(shè)計(jì)的大幫手，這種時(shí)候版式就可以比較靈活，上下結(jié)構(gòu)，左右結(jié)構(gòu)，不規(guī)則排版都可以靈活應(yīng)用。界面的角度也可隨創(chuàng)意盡情發(fā)揮。
 需求方的要求：必須要放界面，那就溝通好放什么樣的，那個(gè)功能的，必要的時(shí)候不要使用實(shí)際界面，用設(shè)計(jì)過(guò)的，有潤(rùn)色的效果圖會(huì)事半功倍。
界面很出彩或者需要給用戶(hù)產(chǎn)品視覺(jué)印象：這時(shí)候界面也成為了設(shè)計(jì)的主角，通過(guò)各種界面的表現(xiàn)形式要給用戶(hù)留下深刻的印象。版式可以靈活，根據(jù)搭配的文案來(lái)協(xié)調(diào)?？梢猿殡x出界面中的重點(diǎn)單獨(dú)表現(xiàn)，這樣更能吸引眼球。
2）突出文字的版式也有些情況你也不必使用界面，手機(jī)圖片等等，做類(lèi)似傳統(tǒng)的運(yùn)營(yíng)設(shè)計(jì)。比如：文本太多又不能刪減，界面沒(méi)有出彩點(diǎn)／和上一版變化不大，要突出的點(diǎn)和界面關(guān)系不大，需要突出的點(diǎn)太多不能用一兩個(gè)界面表達(dá)，需要宣傳的點(diǎn)有別的更好的方式表現(xiàn)。
宗旨是不加入更多元素可以讓設(shè)計(jì)更好的發(fā)揮作用就是可行的。
表現(xiàn)的核心元素只有文字
3. 適應(yīng)環(huán)境的設(shè)計(jì)Banner設(shè)計(jì)要適應(yīng)網(wǎng)頁(yè)環(huán)境，和同期上線(xiàn)的其他banner有所區(qū)別。如果不滿(mǎn)足這兩點(diǎn)，你精心烹制的banner很有可能在豐盛的宴席上被食客忽略。
適應(yīng)環(huán)境和區(qū)別設(shè)計(jì)的根本都是“對(duì)比”，色彩的對(duì)比，明暗的對(duì)比，氛圍的對(duì)比。
對(duì)比明顯的banner在翻頁(yè)時(shí)很容易發(fā)現(xiàn)他們的變化
微博圖片在實(shí)際環(huán)境中的效果。微博宣傳圖片實(shí)際展示時(shí)縮略圖只有120PX*120PX，大圖顯示寬度也只是440PX，在很小的面積里能讓用戶(hù)第一被吸引然后點(diǎn)擊才是關(guān)鍵。
4. 運(yùn)營(yíng)提案和方案推動(dòng)辛苦做完的設(shè)計(jì)如何讓需求方認(rèn)可呢？
運(yùn)營(yíng)提案：包裝自己的設(shè)計(jì)方案，用最好的形式展現(xiàn)設(shè)計(jì)圖。圖文并茂的講述設(shè)計(jì)思路“為什么這么做？”“用色的原因，圖片的使用原因”都要給這些問(wèn)題合理的有說(shuō)服里的答案。
給自己的設(shè)計(jì)賦予概念，有利于產(chǎn)品推廣和公司的概念。這些都是方案推動(dòng)的利器。
設(shè)計(jì)前期的溝通和討論會(huì)：如果在設(shè)計(jì)前期就和需求方一起開(kāi)會(huì)討論設(shè)計(jì)思路，一起思考設(shè)計(jì)方向，創(chuàng)新點(diǎn)也一定在這個(gè)階段就做好溝通，并達(dá)成一致，這樣先給需求打好預(yù)防針，否則大膽的創(chuàng)新設(shè)計(jì)很有可能不被接受。
餐后甜點(diǎn)——沉淀和總結(jié)
一次運(yùn)營(yíng)的結(jié)束并不是產(chǎn)品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結(jié)經(jīng)驗(yàn)。
效果跟蹤：觀察微博用戶(hù)的反饋，記錄相關(guān)微博點(diǎn)擊量，你都能從中獲知你的設(shè)計(jì)存在的問(wèn)題。也許你原以為很滿(mǎn)意的設(shè)計(jì)，實(shí)際獲得的轉(zhuǎn)發(fā)量卻比其他時(shí)候少很多，那就要仔細(xì)分析原因了。
左邊的那次設(shè)計(jì)創(chuàng)意和效果都不錯(cuò)，但是同樣都是發(fā)版活動(dòng)，他的轉(zhuǎn)發(fā)量（74）卻沒(méi)有圖做的沒(méi)他好看的另一次多（144）。這其中也不一定是設(shè)計(jì)的原因，但是至少可以從這里去分析一些問(wèn)題。
參與活動(dòng)人數(shù)的記錄，可以作為自己階段性工作的一種沉淀
規(guī)范沉淀：總結(jié)制定設(shè)計(jì)規(guī)范，這樣其他同學(xué)或者下次運(yùn)營(yíng)設(shè)計(jì)的時(shí)候，就有很多元素可以復(fù)用的，圖片的尺寸也有統(tǒng)一的標(biāo)準(zhǔn)，可以大大提高效率。
現(xiàn)在，一起回顧一下咱們的這次視覺(jué)大餐吧：1，好的運(yùn)營(yíng)設(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ì)上線(xiàn)并不是產(chǎn)品宣傳的終止，需要效果跟蹤，是為了下一次的設(shè)計(jì)，也為了自己的沉淀。
轉(zhuǎn)自”百度MUX” |
|
|
來(lái)自： 嘻唰唰在此 > 《整體運(yùn)營(yíng)》
