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

目前我們團(tuán)隊主要負(fù)責(zé)的項目是：QQ會員和QQ空間黃鉆的系統(tǒng)設(shè)計、運營推廣等，增值服務(wù)相關(guān)業(yè)務(wù)?；谶\營和營收核心目的延展品牌推廣、創(chuàng)意執(zhí)行、產(chǎ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è)計方法和技巧則顯得尤為關(guān)鍵，如何在單位時間內(nèi)產(chǎn)出更多質(zhì)量優(yōu)異的作品，構(gòu)建設(shè)計師的核心競爭力，同時也是市場和用戶的潛在需求。所以，今天圍繞“高效”展開運營專題的設(shè)計方法分享。

為什么要高效？

來自互聯(lián)網(wǎng)大環(huán)境：互聯(lián)網(wǎng)特性，時事熱點跟進(jìn)、外部競品追趕、用戶切層細(xì)分等…這些都要求高效反應(yīng)速度。

來自公司/團(tuán)隊：業(yè)務(wù)量大，節(jié)點多，高效能讓你提升業(yè)務(wù)消化量，小步快跑，帶動業(yè)務(wù)的良性運轉(zhuǎn)。

來自設(shè)計師個人：能否高效滿足業(yè)務(wù)需求，是一位資深設(shè)計師和新人職場能力的區(qū)別體現(xiàn)。熟能生巧，掌握設(shè)計方法論和技巧，結(jié)合日常業(yè)務(wù)經(jīng)驗和實踐沉淀，讓個人能力不斷成熟精進(jìn)。

結(jié)合自身的情況，我所屬的設(shè)計團(tuán)隊主要合作的產(chǎn)品團(tuán)隊是社交增值團(tuán)隊，日常需求來源主要是從“增值、營收、運營以及商業(yè)化”這四個方面，要求團(tuán)隊“想用戶所需，懂用戶所求”。只有精準(zhǔn)地捕捉用戶需求才能更準(zhǔn)確地創(chuàng)造“用戶價值”，同時高效地產(chǎn)出迭代版本打造“產(chǎn)品價值”，最終才能實現(xiàn)增值的商業(yè)目標(biāo)—“營收價值”。

這要求我們無論從產(chǎn)品團(tuán)隊、開發(fā)團(tuán)隊還是設(shè)計團(tuán)隊，都必須以“質(zhì)量+效率”為核心工作理念，又快又好地將符合用戶價值的產(chǎn)品需求實現(xiàn)以及傳送到用戶面前。

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

項目分析的四個步驟

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

Step1：目標(biāo)

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

拉新：通常在參與過程中設(shè)定使用產(chǎn)品的功能推廣、玩法、差異化，以獲得新用戶。

促活：盤活產(chǎn)品或功能內(nèi)的用戶，培養(yǎng)其“常用”的行為，帶動產(chǎn)品整體的活躍。

回流：為產(chǎn)品或功能召回流失用戶，煥發(fā)活躍動力。

營收：提升商業(yè)化滲透率，挖掘用戶付費能力及需求并有效轉(zhuǎn)化。

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

Step2：用戶

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

Step3：洞察

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

Step4：策略

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

案例《黃鉆十周年》項目分析

目標(biāo)：《黃鉆十周年》項目的目的是商業(yè)營收，通過“十周年特殊銘牌“吸引用戶，拉動收入。

用戶：QQ空間黃鉆用戶以及QQ空間活躍用戶。

洞察：通過數(shù)據(jù)顯示，發(fā)現(xiàn)這類活躍用戶非常在意黃鉆會員特殊的身份價值。同時也希望通過本次活動發(fā)放“十周年紀(jì)念身份標(biāo)識”提升用戶身份價值。

策略：黃鉆十年里程碑，著重強調(diào)特殊身份，引導(dǎo)用戶體驗黃鉆新體系、新特權(quán)……

設(shè)計執(zhí)行：

為了呼應(yīng)十周年主題，在強化數(shù)字“10”的概念同時，運用黃鉆“鉆石”元素貫穿始終，通過鉆石切割角度來塑造主體圖形，漂浮元素選用黃鉆特權(quán)服務(wù)，在界面設(shè)計中始終使用鉆石切面與棱角元素進(jìn)行設(shè)計延展。（包括界面，周邊，線下物料等）

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

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

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

1. 高效構(gòu)圖

運營專題類需求通常頂部為視覺風(fēng)格的創(chuàng)意構(gòu)圖，是創(chuàng)作整個項目的主思路，構(gòu)圖創(chuàng)作會引導(dǎo)后續(xù)的各個步驟環(huán)節(jié)，通過設(shè)計策略如何高效地創(chuàng)作項目的構(gòu)圖呢？

在這里總結(jié)了兩種比較高效的執(zhí)行方法：“現(xiàn)實形態(tài)”和“幾何形態(tài)”。

（1）現(xiàn)實形態(tài)

字面意思就是以生活當(dāng)中的物體形態(tài)進(jìn)行創(chuàng)作，將項目主題和設(shè)計圖形強相關(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é)合可揚帆的海面、“果汁”結(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)實形態(tài)、場景來表達(dá)創(chuàng)意構(gòu)圖可以產(chǎn)生很多的方案。但是有時會發(fā)現(xiàn)，在執(zhí)行中會可能比較復(fù)雜、或者沒有合適的形態(tài)來表達(dá)主題，那么用”幾何形態(tài)“來進(jìn)行定位主題，可以幫你來解決這類難題。

（2）幾何形態(tài)

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

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

a. 方形

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

b. 圓形

圓形跟方形完全不同，圓形是使用較多的一種圖形，它是由弧線組成、外形光滑、圓潤飽滿，這樣的形態(tài)通常讓我們浮現(xiàn)，可愛、靈動、有親和力的畫面想象，它通常在一些Q版、歡樂的主題中出現(xiàn)。

運用圓形元素，會有令你意想不到的效果，圓形往往是很吸引眼球的，它會讓你脫穎而出。圓形的構(gòu)圖會讓畫面信息留白，適當(dāng)?shù)牧舭讓Ξa(chǎn)品來說相當(dāng)重要，同時也考驗設(shè)計師的基礎(chǔ)訓(xùn)練是否扎實。就個人圖像而言，同樣尺寸下，圓形又能比方形多一些留白空間（在四角處），除了增加與其他內(nèi)容的區(qū)隔性外，也能讓界面帶點趣味性。

c. 三角形

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

（3）線的運用

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

輔助線：運用線來進(jìn)行元素對齊，可以幫助設(shè)計構(gòu)圖、版式中構(gòu)建更好的秩序和層次結(jié)構(gòu)，從而實現(xiàn)設(shè)計稿層次清晰、簡單易讀，視覺美觀的布局。

分割線：為了用戶更好的閱讀瀏覽，可以運用細(xì)線來區(qū)分在板塊結(jié)構(gòu)、或主題文字等……不僅起到了分割效果，而且整體排版中帶有節(jié)奏和對比。

引導(dǎo)線：引導(dǎo)用戶瀏覽路徑，讓元素、圖片、內(nèi)容更好的對應(yīng)，讓用戶在看完內(nèi)容后，順其自然的將焦點引導(dǎo)看到后續(xù)內(nèi)容。又使得排版的形式不一樣，彌補畫面平衡。

其他線：波浪線、曲線、斜線等。線的寬窄樣式和線的平直彎曲，這些形態(tài)上的變化，可以表現(xiàn)出謹(jǐn)慎嚴(yán)肅，也能釋放某種率性天真?？赏耆b飾，也可附帶功能，實際應(yīng)用中需要根據(jù)自身的需求來搭配運用。

2. 高效配色

色彩是運營專題設(shè)計必不可少的，色彩的搭配可以改變產(chǎn)品給人的印象。在這個五彩繽紛的世界里，雖然每天都在享受大自然給予的視覺盛宴，但輪到我們自身來運用色彩時，是不是又覺得無章可循呢？

在這將會介紹基礎(chǔ)的配色理論和一些實用的高效配色方法：

建立色彩索引：

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

（1）運用色環(huán)

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

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

近似色：挑選色環(huán)上距離相鄰的顏色進(jìn)行搭配。這套KAKAOGame游戲論壇現(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)行搭配。

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

（2）主題聯(lián)想

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

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

（3）搜尋色彩

通過配色網(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等……

（4）色彩漸變

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

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

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

色溫漸變：色溫更多是色彩對心理因素、情感因素的影響。比如藍(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)，接下來《運營專題高效設(shè)計法-下篇》將繼續(xù)介紹畫面中關(guān)于字體設(shè)計和設(shè)計延展的高效方法以及設(shè)計步驟。

未完待續(xù)，敬請期待 《運營專題高效設(shè)計法 · 下》

本文由 @騰訊ISUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議