企業(yè)里的設(shè)計師，既需具備藝術(shù)家的才華技能，同時還需兼顧從商業(yè)目標(biāo)用戶角度務(wù)實(shí)出發(fā)，兩者缺一不可，前者是基本功修煉，后者是外因環(huán)境所需，今天就和大家談?wù)勗鯓釉谏虡I(yè)環(huán)境下更好的發(fā)揮和勝任運(yùn)營專題設(shè)計工作的話題。

目前我們團(tuán)隊(duì)主要負(fù)責(zé)的項(xiàng)目是：QQ 會員和 QQ 空間黃鉆的系統(tǒng)設(shè)計、運(yùn)營推廣等，增值服務(wù)相關(guān)業(yè)務(wù)。基于運(yùn)營和營收核心目的延展品牌推廣、創(chuàng)意執(zhí)行、產(chǎn)品運(yùn)營和商業(yè)化營收等核心工作內(nèi)容。在 2012 年加入騰訊之前，我在廣告行業(yè)摸爬了五年，以乙方的角度無限挖掘和接近客戶/用戶的心理，以系統(tǒng)的創(chuàng)作技巧快速地找到出彩的創(chuàng)意切入口，從傳統(tǒng)行業(yè)跨界到互聯(lián)網(wǎng)，給我最大的感觸是：用戶始終是本源，但互聯(lián)網(wǎng)的瞬息萬變節(jié)奏以及幾乎實(shí)時的市場反饋，要求設(shè)計師更需要敏捷、高效地滿足市場變化。這時候，設(shè)計方法和技巧則顯得尤為關(guān)鍵，如何在單位時間內(nèi)產(chǎn)出更多質(zhì)量優(yōu)異的作品，構(gòu)建設(shè)計師的核心競爭力，同時也是市場和用戶的潛在需求。所以，今天圍繞「高效」展開運(yùn)營專題的設(shè)計方法分享。

為什么要高效

• 來自互聯(lián)網(wǎng)大環(huán)境：互聯(lián)網(wǎng)特性，時事熱點(diǎn)跟進(jìn)、外部競品追趕、用戶切層細(xì)分等…這些都要求高效反應(yīng)速度。
• 來自公司/團(tuán)隊(duì)：業(yè)務(wù)量大，節(jié)點(diǎn)多，高效能讓你提升業(yè)務(wù)消化量，小步快跑，帶動業(yè)務(wù)的良性運(yùn)轉(zhuǎn)。
• 來自設(shè)計師個人：能否高效滿足業(yè)務(wù)需求，是一位資深設(shè)計師和新人職場能力的區(qū)別體現(xiàn)。熟能生巧，掌握設(shè)計方法論和技巧，結(jié)合日常業(yè)務(wù)經(jīng)驗(yàn)和實(shí)踐沉淀，讓個人能力不斷成熟精進(jìn)。

結(jié)合自身的情況，我所屬的設(shè)計團(tuán)隊(duì)主要合作的產(chǎn)品團(tuán)隊(duì)是社交增值團(tuán)隊(duì)，日常需求來源主要是從「增值、營收、運(yùn)營以及商業(yè)化」這四個方面，要求團(tuán)隊(duì)「想用戶所需，懂用戶所求」，只有精準(zhǔn)地捕捉用戶需求才能更準(zhǔn)確地創(chuàng)造「用戶價值」，同時高效地產(chǎn)出迭代版本打造「產(chǎn)品價值」，最終才能實(shí)現(xiàn)增值的商業(yè)目標(biāo)——「營收價值」，這要求我們無論從產(chǎn)品團(tuán)隊(duì)、開發(fā)團(tuán)隊(duì)還是設(shè)計團(tuán)隊(duì)，都必須以「質(zhì)量+效率」為核心工作理念。又快又好地將符合用戶價值的產(chǎn)品需求實(shí)現(xiàn)以及傳送到用戶面前。

增值團(tuán)隊(duì)日常工作中會有很大一部分的工作是解決一些中小型運(yùn)營活動，這類活動我們也希望視覺呈現(xiàn)的質(zhì)量高、輸出的效率高、參與用戶的數(shù)據(jù)高為目標(biāo)。所以高效設(shè)計方法本著「四個步驟的原則」進(jìn)行講述，如何來解決團(tuán)隊(duì)的最高目標(biāo)「高質(zhì)量+高效率+高數(shù)據(jù)」。

項(xiàng)目分析四步驟

首先，在拿到項(xiàng)目需求的同時需要一個精準(zhǔn)的項(xiàng)目分析，準(zhǔn)確了解本活動的項(xiàng)目目標(biāo)、用戶人群，再進(jìn)行洞察創(chuàng)意得出設(shè)計策略來指導(dǎo)接下來的設(shè)計執(zhí)行工作。

1. 目 標(biāo)

互聯(lián)網(wǎng)行業(yè)里常見的運(yùn)營活動需求目標(biāo)主要是拉新、促活、回流、營收這四個目標(biāo)，同時伴隨長線的品牌價值塑造、品牌美譽(yù)度提升等品牌資產(chǎn)構(gòu)建。

• 拉新：通常在參與過程中設(shè)定使用產(chǎn)品的功能推廣、玩法、差異化，以獲得新用戶。
• 促活：盤活產(chǎn)品或功能內(nèi)的用戶，培養(yǎng)其「常用」的行為，帶動產(chǎn)品整體的活躍。
• 回流：為產(chǎn)品或功能召回流失用戶，煥發(fā)活躍動力。
• 營收：提升商業(yè)化滲透率，挖掘用戶付費(fèi)能力及需求并有效轉(zhuǎn)化。

在面對運(yùn)營類型需求時，設(shè)計師需要先和產(chǎn)品、運(yùn)營經(jīng)理溝通了解活動設(shè)立的背景目標(biāo)，了解不同活動設(shè)立的首要目的，有助于設(shè)計師在視覺主題創(chuàng)意時充分考慮方向路徑。

2. 用 戶

需要了解本項(xiàng)目活動的目標(biāo)用戶。針對用戶人群的不同，使用的概念與手法也相應(yīng)不同。比如：針對學(xué)生用戶使用年輕的、積極向上的；針對女性用戶使用柔軟的，文藝清新的；針對玩家用戶使用視覺刺激的、張力的等等……了解的用戶人群越精準(zhǔn)，傳達(dá)概念也就越靠近。

3. 洞 察

從用戶的各個屬性：社交、行為、習(xí)慣，喜好、興趣包括用戶數(shù)據(jù)等等…洞察出創(chuàng)意概念的思路。

4. 策 略

從項(xiàng)目目標(biāo)、用戶人群、洞察中提煉出對應(yīng)的「設(shè)計策略」，落實(shí)到設(shè)計執(zhí)行當(dāng)中。策略可能是一些關(guān)鍵詞或者是一句話，這些也可以稱作為項(xiàng)目的「創(chuàng)意思路」。

案例《黃鉆十周年》項(xiàng)目分析

• 目標(biāo)：《黃鉆十周年》項(xiàng)目的目的是商業(yè)營收，通過「十周年特殊銘牌」吸引用戶，拉動收入。
• 用戶：QQ 空間黃鉆用戶以及 QQ 空間活躍用戶。
• 洞察：通過數(shù)據(jù)顯示，發(fā)現(xiàn)這類活躍用戶非常在意黃鉆會員特殊的身份價值。同時也希望通過本次活動發(fā)放「十周年紀(jì)念身份標(biāo)識」提升用戶身份價值。
• 策略：黃鉆十年里程碑，著重強(qiáng)調(diào)特殊身份，引導(dǎo)用戶體驗(yàn)黃鉆新體系、新特權(quán)……
• 設(shè)計執(zhí)行：為了呼應(yīng)十周年主題，在強(qiáng)化數(shù)字「10」的概念同時，運(yùn)用黃鉆「鉆石」元素貫穿始終，通過鉆石切割角度來塑造主體圖形，漂浮元素選用黃鉆特權(quán)服務(wù)，在界面設(shè)計中始終使用鉆石切面與棱角元素進(jìn)行設(shè)計延展。（包括界面，周邊，線下物料等）

詳細(xì)的設(shè)計過程看這篇：

通過《黃鉆十周年》活動案例了解了如何高效地得出設(shè)計策略。有了設(shè)計策略為前提，我們繼續(xù)來探討如何高效地進(jìn)行設(shè)計執(zhí)行。

設(shè)計執(zhí)行四步驟

設(shè)計執(zhí)行也可以歸納為四個部分：高效構(gòu)圖、高效色彩、高效字體、高效延展。

1. 高效構(gòu)圖

運(yùn)營專題類需求通常頂部為視覺風(fēng)格的創(chuàng)意構(gòu)圖，是創(chuàng)作整個項(xiàng)目的主思路，構(gòu)圖創(chuàng)作會引導(dǎo)后續(xù)的各個步驟環(huán)節(jié)，通過設(shè)計策略如何高效地創(chuàng)作項(xiàng)目的構(gòu)圖呢？在這里總結(jié)了兩種比較高效的執(zhí)行方法：「現(xiàn)實(shí)形態(tài)」和「幾何形態(tài)」。

現(xiàn)實(shí)形態(tài)

字面意思就是以生活當(dāng)中的物體形態(tài)進(jìn)行創(chuàng)作，將項(xiàng)目主題和設(shè)計圖形強(qiáng)相關(guān)，從主題出發(fā)進(jìn)行創(chuàng)作，提煉關(guān)鍵需求內(nèi)容，在內(nèi)容上做加或減法，填充符合產(chǎn)品需求的視覺元素、文案信息。

比如：創(chuàng)意得出「電玩」、「書籍」、「果汁」的主題形態(tài)，再進(jìn)行符合產(chǎn)品需求、主題信息、產(chǎn)品文案等進(jìn)行加減法的「創(chuàng)作改造」，將「電玩街機(jī)」結(jié)合街頭潮流、「書籍」結(jié)合可揚(yáng)帆的海面、「果汁」結(jié)合海灘滑翔傘……最后進(jìn)行風(fēng)格調(diào)性的統(tǒng)一性延展。

比如：用「大腦」來表達(dá)「不停聯(lián)想」進(jìn)行創(chuàng)意構(gòu)圖；用「神燈」來表達(dá)「許愿主題」進(jìn)行創(chuàng)意構(gòu)圖；用「時光機(jī)」來表達(dá)「周年歷程」講述時光流逝心路歷程的創(chuàng)意構(gòu)圖；用「駕駛賽車的第一視角」來表達(dá)「游戲的 3 周年里程杯似的慶典」。

利用現(xiàn)實(shí)形態(tài)、場景來表達(dá)創(chuàng)意構(gòu)圖可以產(chǎn)生很多的方案。但是有時會發(fā)現(xiàn)，在執(zhí)行中會可能比較復(fù)雜、或者沒有合適的形態(tài)來表達(dá)主題，那么用「幾何形態(tài)」來進(jìn)行定位主題，可以幫你解決這類難題。

幾何形態(tài)

提到幾何形態(tài)大家馬上會浮現(xiàn)「方形、圓形、三角形」的影子。

其實(shí)利用這三種幾何形態(tài)來輔助構(gòu)圖，也能傳達(dá)較為準(zhǔn)確的視覺感受。特別是在做視覺構(gòu)圖排版、輔助文字、輔助構(gòu)圖時，幾何形態(tài)更是便捷的元素。

之前騰訊高級設(shè)計師寫過這篇文章，詳細(xì)分析基礎(chǔ)形狀的設(shè)計方法：

方形是最簡潔的形態(tài)，由直線構(gòu)成、在很多的排版中最常出現(xiàn)，方形、矩形會讓你的設(shè)計空間利用最佳化，在閱讀瀏覽上，方形可以盡量排除形態(tài)上的干擾，橫平豎直以最整潔的方式梳理信息，所以方形經(jīng)常出現(xiàn)在信息量較大的頁面中，包括一些文字的排版，利用方形的幾何規(guī)則，會讓你高效地進(jìn)行創(chuàng)作。

圓形跟方形完全不同，圓形是使用較多的一種圖形，它是由弧線組成、外形光滑、圓潤飽滿，這樣的形態(tài)通常讓我們浮現(xiàn)，可愛、靈動、有親和力的畫面想象，它通常在一些 Q 版、歡樂的主題中出現(xiàn)。運(yùn)用圓形元素，會有令你意想不到的效果，圓形往往是很吸引眼球的，它會讓你的畫面脫穎而出。圓形的構(gòu)圖會讓畫面信息留白，適當(dāng)?shù)牧舭讓Ξa(chǎn)品來說相當(dāng)重要，同時也考驗(yàn)設(shè)計師的基礎(chǔ)訓(xùn)練是否扎實(shí)。就個人圖像而言，同樣尺寸下，圓形又能比方形多一些留白空間（在四角處），除了增加與其他內(nèi)容的區(qū)隔性外，也能讓界面帶點(diǎn)趣味性。

三角形跟以上兩個圖形比起來更加特殊，三角形上有急轉(zhuǎn)、指示的意思，尖銳的造型給人以強(qiáng)烈的情感刺激和反差，傾斜的角度也會帶給人以速度感。所以三角形的形態(tài)給我們帶來的感受通常是刺激的，運(yùn)動的，時尚的，尖銳的。這樣的形態(tài)時常會出現(xiàn)在一些時尚運(yùn)動品牌或體現(xiàn)速度感、暴力、刺激等主題中。

線的運(yùn)用

在構(gòu)圖排版中「線」的使用是必不可少的，靈活的借助線排版會讓設(shè)計構(gòu)圖變得更加準(zhǔn)確高效。

• 輔助線：運(yùn)用線來進(jìn)行元素對齊，可以幫助設(shè)計構(gòu)圖、版式中構(gòu)建更好的秩序和層次結(jié)構(gòu)，從而實(shí)現(xiàn)設(shè)計稿層次清晰、簡單易讀，視覺美觀的布局。
• 分割線：為了用戶更好的閱讀瀏覽，可以運(yùn)用細(xì)線來區(qū)分在板塊結(jié)構(gòu)、或主題文字等……不僅起到了分割效果，而且整體排版中帶有節(jié)奏和對比。
• 引導(dǎo)線：引導(dǎo)用戶瀏覽路徑，讓元素、圖片、內(nèi)容更好的對應(yīng)，讓用戶在看完內(nèi)容后，順其自然的將焦點(diǎn)引導(dǎo)看到后續(xù)內(nèi)容。又使得排版的形式不一樣，彌補(bǔ)畫面平衡。
• 其他線：波浪線、曲線、斜線等。線的寬窄樣式和線的平直彎曲，這些形態(tài)上的變化，可以表現(xiàn)出謹(jǐn)慎嚴(yán)肅，也能釋放某種率性天真。可完全裝飾，也可附帶功能，實(shí)際應(yīng)用中需要根據(jù)自身的需求來搭配運(yùn)用。

更多關(guān)于線條的設(shè)計運(yùn)用：

2. 高效配色

色彩是運(yùn)營專題設(shè)計必不可少的，色彩的搭配可以改變產(chǎn)品給人的印象。在這個五彩繽紛的世界里，雖然每天都在享受大自然給予的視覺盛宴，但輪到我們自身來運(yùn)用色彩時，是不是又覺得無章可循呢？在這將會介紹基礎(chǔ)的配色理論和一些實(shí)用的高效配色方法：

建立色彩索引

主體構(gòu)圖構(gòu)建好之后，需要定義出：主色、輔色、背景色以及強(qiáng)調(diào)色，作為基本的色彩定義索引。

運(yùn)用色環(huán)

色環(huán)是在彩色光譜中所見的長條形的色彩序列，比較基礎(chǔ)就不介紹了。

互補(bǔ)色：挑選色環(huán)上相對對立位置的顏色進(jìn)行搭配。「拜托了！粉絲」運(yùn)營活動中是使用了色環(huán)上距離最遠(yuǎn)的黃色和紫色，90% 以上的的色彩對比可以足夠吸引用戶眼球。類似這樣的經(jīng)典的對比色還有：圣誕經(jīng)典配色「紅與綠」、「橙與藍(lán)」等……

近似色：挑選色環(huán)上距離相鄰的顏色進(jìn)行搭配。這套 KAKAO Game 游戲論壇現(xiàn)場視覺包裝就是使用黃&橙的近似色進(jìn)行色彩搭配；黃色與綠色也是色環(huán)上的距離相近的顏色。

三色調(diào)：挑選色環(huán)上三種距離基本相等的色彩進(jìn)行搭配。巴塞羅那足球俱樂部的球衣、球場、包括城市相關(guān)的色彩就是用紅、黃、藍(lán)的色彩進(jìn)行色彩搭配，給人深刻的印象。

四色調(diào)：挑選色環(huán)上四種距離基本相等的色彩進(jìn)行搭配。2017 年的騰訊設(shè)計周整體視覺就是采用四色調(diào)進(jìn)行搭配。

Tip：在使用色環(huán)搭配色彩時，也不能機(jī)械拷貝色環(huán)上的色彩、距離，需要做出優(yōu)化與微調(diào)形成更適合項(xiàng)目的色彩。

主題聯(lián)想

根據(jù)項(xiàng)目分析得出設(shè)計策略，創(chuàng)作的主題方向進(jìn)行搭配色彩，可以在相應(yīng)的主題照片、建筑、室內(nèi)設(shè)計、視頻等資料中吸取主題需要的色彩。比如：從「甜蜜的馬卡龍?zhí)瘘c(diǎn)」中吸取色彩來渲染濃烈甜蜜浪漫的氛圍；從「清涼解暑夏日照片或廣告」中吸取色彩來注入清涼解暑的夏日派對；從「優(yōu)雅圣誕的擺件、海報」中吸取色彩來打造溫馨優(yōu)雅圣誕約會等…

Tips：可以根據(jù)項(xiàng)目目標(biāo)進(jìn)行品牌色的使用，比如：拉新或提升品牌這類目標(biāo)活動，可以考慮采用品牌色進(jìn)行創(chuàng)作。

搜尋色彩

通過配色網(wǎng)站進(jìn)行色彩搜尋也是有高效簡單的方法。比如：Pinterest 是世界上最大的創(chuàng)意工作者的集散地，這里也有著數(shù)量龐大、可供選擇的調(diào)色板。如果打算創(chuàng)作冬天主題的設(shè)計，在搜索欄內(nèi)輸入：winter color palette，搜尋浪漫的色彩可以輸入：romantic color palette 等等……

當(dāng)然還有很多的配色網(wǎng)站大家也可以進(jìn)行類似相關(guān)的搜索，來輔助你的設(shè)計，比如：shapefactory.co、picular.co等…

色彩漸變

色彩漸變是通過使用兩種或多種不同的色彩來進(jìn)行色彩創(chuàng)作，同時在顏色的交界處逐漸衰減來創(chuàng)造。它能讓設(shè)計師創(chuàng)造出以前不存在的色彩感覺。在項(xiàng)目中使用色彩漸變，可以讓項(xiàng)目色彩更加豐富加深用戶的視覺印象，也可以更好強(qiáng)化物體的素描明暗關(guān)系。常用的色彩漸變的形式分為三種：色相漸變、明度漸變、色溫漸變。

色相漸變：色相代表色環(huán)中顏色所對應(yīng)的區(qū)域、角度。色相漸變，指的是從一個色相的顏色過渡到另外一個色相的顏色。

明度漸變：明度是指顏色的亮度。就像一個顏色里加黑色，就會變暗，加白色會變亮，這類漸變的形式可以加強(qiáng)主體物的體積感、真實(shí)感。

色溫漸變：色溫更多是色彩對心理因素、情感因素的影響。比如藍(lán)色感覺冰冷，紅色感覺溫暖。色環(huán)上也會形成冷暖色。

關(guān)于色彩漸變的搭配網(wǎng)站，輔助設(shè)計師來進(jìn)行漸變配色搭配及其靈感創(chuàng)意。

https://webgradients.com/、https://www.grabient.com/

當(dāng)活動畫面的主題構(gòu)圖和色彩搭配大框架搭建完畢，整個設(shè)計基調(diào)已初步確認(rèn)，接下來《運(yùn)營專題高效設(shè)計方法-下篇》將繼續(xù)介紹畫面中關(guān)于字體設(shè)計和設(shè)計延展的高效方法以及設(shè)計步驟。

歡迎關(guān)注「騰訊ISUX」的公眾號：