起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識運營專題高效設計法（上）
企業里的設計師，既需具備藝術家的才華技能，同時還需兼顧從商業目標用戶角度務實出發，兩者缺一不可，前者是基本功修煉，后者是外因環境所需，今天就和大家談談怎樣在商業環境下更好地發揮和勝任運營專題類設計工作的話題。
目前我們團隊主要負責的項目是：QQ會員和QQ空間黃鉆的系統設計、運營推廣等，增值服務相關業務?；谶\營和營收核心目的延展品牌推廣、創意執行、產品運營和商業化營收等核心工作內容。在2012年加入騰訊之前，我在廣告行業摸爬了五年，以乙方的角度無限挖掘和接近客戶/用戶的心理，以系統的創作技巧快速地找到出彩的創意切入口。
從傳統行業跨界到互聯網，給我最大的感觸是：用戶始終是本源，但互聯網的瞬息萬變節奏以及幾乎實時的市場反饋，要求設計師更需要敏捷、高效地滿足市場變化。
這時候，設計方法和技巧則顯得尤為關鍵，如何在單位時間內產出更多質量優異的作品，構建設計師的核心競爭力，同時也是市場和用戶的潛在需求。所以，今天圍繞“高效”展開運營專題的設計方法分享。
為什么要高效？
來自互聯網大環境：互聯網特性，時事熱點跟進、外部競品追趕、用戶切層細分等…這些都要求高效反應速度。
來自公司/團隊：業務量大，節點多，高效能讓你提升業務消化量，小步快跑，帶動業務的良性運轉。
來自設計師個人：能否高效滿足業務需求，是一位資深設計師和新人職場能力的區別體現。熟能生巧，掌握設計方法論和技巧，結合日常業務經驗和實踐沉淀，讓個人能力不斷成熟精進。
結合自身的情況，我所屬的設計團隊主要合作的產品團隊是社交增值團隊，日常需求來源主要是從“增值、營收、運營以及商業化”這四個方面，要求團隊“想用戶所需，懂用戶所求”。只有精準地捕捉用戶需求才能更準確地創造“用戶價值”，同時高效地產出迭代版本打造“產品價值”，最終才能實現增值的商業目標—“營收價值”。
這要求我們無論從產品團隊、開發團隊還是設計團隊，都必須以“質量+效率”為核心工作理念，又快又好地將符合用戶價值的產品需求實現以及傳送到用戶面前。
增值團隊日常工作中會有很大一部分的工作是解決一些中小型運營活動，這類活動我們也希望視覺呈現的質量高、輸出的效率高、參與用戶的數據高為目標。所以高效設計方法本著“四個步驟的原則”進行講述，如何來解決團隊的最高目標“高質量+高效率+高數據”。
項目分析的四個步驟
首先，在拿到項目需求的同時需要一個精準的項目分析，準確了解本活動的項目目標、用戶人群，再進行洞察創意得出設計策略來指導接下來的設計執行工作。
Step1：目標
互聯網行業里常見的運營活動需求目標主要是拉新、促活、回流、營收這四個目標，同時伴隨長線的品牌價值塑造、品牌美譽度提升等品牌資產構建。
拉新：通常在參與過程中設定使用產品的功能推廣、玩法、差異化，以獲得新用戶。
促活：盤活產品或功能內的用戶，培養其“常用”的行為，帶動產品整體的活躍。
回流：為產品或功能召回流失用戶，煥發活躍動力。
營收：提升商業化滲透率，挖掘用戶付費能力及需求并有效轉化。
在面對運營類型需求時，設計師需要先和產品、運營經理溝通了解活動設立的背景目標，了解不同活動設立的首要目的，有助于設計師在視覺主題創意時充分考慮方向路徑。
Step2：用戶
需要了解本項目活動的目標用戶。針對用戶人群的不同，使用的概念與手法也相應不同。比如：針對學生用戶使用年輕的、積極向上的；針對女性用戶使用柔軟的，文藝清新的；針對玩家用戶使用視覺刺激的、張力的等等……了解的用戶人群越精準，傳達概念也就越靠近。
Step3：洞察
從用戶的各個屬性：社交、行為、習慣，喜好、興趣包括用戶數據等等…洞察出創意概念的思路。
Step4：策略
從項目目標、用戶人群、洞察中提煉出對應的“設計策略”，落實到設計執行當中。策略可能是一些關鍵詞或者是一句話，這些也可以稱作為項目的“創意思路”。
案例《黃鉆十周年》項目分析
目標：《黃鉆十周年》項目的目的是商業營收，通過“十周年特殊銘牌“吸引用戶，拉動收入。
用戶：QQ空間黃鉆用戶以及QQ空間活躍用戶。
洞察：通過數據顯示，發現這類活躍用戶非常在意黃鉆會員特殊的身份價值。同時也希望通過本次活動發放“十周年紀念身份標識”提升用戶身份價值。
策略：黃鉆十年里程碑，著重強調特殊身份，引導用戶體驗黃鉆新體系、新特權……
設計執行：
為了呼應十周年主題，在強化數字“10”的概念同時，運用黃鉆“鉆石”元素貫穿始終，通過鉆石切割角度來塑造主體圖形，漂浮元素選用黃鉆特權服務，在界面設計中始終使用鉆石切面與棱角元素進行設計延展。（包括界面，周邊，線下物料等）
通過《黃鉆十周年》活動案例了解了如何高效地得出設計策略。有了設計策略為前提，我們繼續來探討如何高效地進行設計執行。
設計執行的四個步驟
設計執行也可以歸納為四個部分：高效構圖、高效色彩、高效字體、高效延展。
1. 高效構圖
運營專題類需求通常頂部為視覺風格的創意構圖，是創作整個項目的主思路，構圖創作會引導后續的各個步驟環節，通過設計策略如何高效地創作項目的構圖呢？
在這里總結了兩種比較高效的執行方法：“現實形態”和“幾何形態”。
（1）現實形態
字面意思就是以生活當中的物體形態進行創作，將項目主題和設計圖形強相關，從主題出發進行創作，提煉關鍵需求內容，在內容上做加或減法，填充符合產品需求的視覺元素、文案信息。
比如：創意得出“電玩”、“書籍”、“果汁”的主題形態，再進行符合產品需求、主題信息、產品文案等進行加減法的“創作改造”，將“電玩街機”結合街頭潮流、“書籍”結合可揚帆的海面、“果汁”結合海灘滑翔傘……最后進行風格調性的統一性延展。
比如：用“大腦”來表達“不停聯想”進行創意構圖；用“神燈”來表達“許愿主題”進行創意構圖；用“時光機”來表達“周年歷程”講述時光流逝心路歷程的創意構圖；用“駕駛賽車的第一視角”來表達“游戲的3周年里程杯似的慶典”。
利用現實形態、場景來表達創意構圖可以產生很多的方案。但是有時會發現，在執行中會可能比較復雜、或者沒有合適的形態來表達主題，那么用”幾何形態“來進行定位主題，可以幫你來解決這類難題。
（2）幾何形態
提到幾何形態大家馬上會浮現“方形、圓形、三角形”的影子。
其實利用這三種幾何形態來輔助構圖，也能傳達較為準確的視覺感受。特別是在做視覺構圖排版、輔助文字、輔助構圖時，幾何形態更是便捷的元素。
a. 方形
方形是最簡潔的形態，由直線構成、在很多的排版中最常出現，方形、矩形會讓你的設計空間利用最佳化，在閱讀瀏覽上方形可以盡量排除形態上的干擾，橫平豎直以最整潔的方式梳理信息，所以方形經常出現在信息量較大的頁面中，包括一些文字的排版，利用方形的幾何規則，會讓你高效地進行創作。
b. 圓形
圓形跟方形完全不同，圓形是使用較多的一種圖形，它是由弧線組成、外形光滑、圓潤飽滿，這樣的形態通常讓我們浮現，可愛、靈動、有親和力的畫面想象，它通常在一些Q版、歡樂的主題中出現。
運用圓形元素，會有令你意想不到的效果，圓形往往是很吸引眼球的，它會讓你脫穎而出。圓形的構圖會讓畫面信息留白，適當的留白對產品來說相當重要，同時也考驗設計師的基礎訓練是否扎實。就個人圖像而言，同樣尺寸下，圓形又能比方形多一些留白空間（在四角處），除了增加與其他內容的區隔性外，也能讓界面帶點趣味性。
c. 三角形
三角形跟以上兩個圖形比起來更加特殊，三角形上有急轉、指示的意思，尖銳的造型給人以強烈的情感刺激和反差，傾斜的角度也會帶給人以速度感。所以三角形的形態給我們帶來的感受通常是刺激的，運動的，時尚的，尖銳的。這樣的形態時常會出現在一些時尚運動品牌或體現速度感、暴力、刺激等主題中。
（3）線的運用
在構圖排版中“線”的使用是必不可少的，靈活地借助線排版會讓設計構圖變得更加準確高效。
輔助線：運用線來進行元素對齊，可以幫助設計構圖、版式中構建更好的秩序和層次結構，從而實現設計稿層次清晰、簡單易讀，視覺美觀的布局。
分割線：為了用戶更好的閱讀瀏覽，可以運用細線來區分在板塊結構、或主題文字等……不僅起到了分割效果，而且整體排版中帶有節奏和對比。
引導線：引導用戶瀏覽路徑，讓元素、圖片、內容更好的對應，讓用戶在看完內容后，順其自然的將焦點引導看到后續內容。又使得排版的形式不一樣，彌補畫面平衡。
其他線：波浪線、曲線、斜線等。線的寬窄樣式和線的平直彎曲，這些形態上的變化，可以表現出謹慎嚴肅，也能釋放某種率性天真?？赏耆b飾，也可附帶功能，實際應用中需要根據自身的需求來搭配運用。
2. 高效配色
色彩是運營專題設計必不可少的，色彩的搭配可以改變產品給人的印象。在這個五彩繽紛的世界里，雖然每天都在享受大自然給予的視覺盛宴，但輪到我們自身來運用色彩時，是不是又覺得無章可循呢？
在這將會介紹基礎的配色理論和一些實用的高效配色方法：
建立色彩索引：
主體構圖構建好之后，需要定義出：主色、輔色、背景色以及強調色，作為基本的色彩定義索引。
（1）運用色環
色環是在彩色光譜中所見的長條形的色彩序列，比較基礎就不介紹了。
互補色：挑選色環上相對對立位置的顏色進行搭配?！赴萃辛?！粉絲」運營活動中是使用了色環上距離最遠的黃色和紫色，90%以上的的色彩對比可以足夠吸引用戶眼球。類似這樣的經典的對比色還有：圣誕經典配色“紅與綠、“橙與藍”等……
近似色：挑選色環上距離相鄰的顏色進行搭配。這套KAKAOGame游戲論壇現場視覺包裝就是使用黃-橙的近似色進行色彩搭配；黃色與綠色也是色環上的距離相近的顏色。
三色調：挑選色環上三種距離基本相等的色彩進行搭配。巴塞羅那足球俱樂部的球衣、球場、包括城市相關的色彩就是用紅、黃、藍的色彩進行色彩搭配，給人深刻的印象。
四色調：挑選色環上四種距離基本相等的色彩進行搭配。2017年騰訊設計周的整體視覺就是采用四色調進行搭配。
Tips：在使用色環搭配色彩時，也不能機械拷貝色環上的色彩、距離，需要做出優化與微調形成更適合項目的色彩。
（2）主題聯想
根據項目分析得出設計策略，創作的主題方向進行搭配色彩，可以在相應的主題照片、建筑、室內設計、視頻等資料中吸取主題需要的色彩。比如：從“甜蜜的馬卡龍甜點”中吸取色彩來渲染濃烈甜蜜浪漫的氛圍；從“清涼解暑夏日照片或廣告”中吸取色彩來注入清涼解暑的夏日派對；從“優雅圣誕的擺件、海報”中吸取色彩來打造溫馨優雅圣誕約會等……
Tips：可以根據項目目標進行品牌色的使用，比如：拉新或提升品牌這類目標活動，可以考慮采用品牌色進行創作。
（3）搜尋色彩
通過配色網站進行色彩搜尋也是有高效簡單的方法。比如：Pinterest是世界上最大的創意工作者的集散地，這里也有著數量龐大、可供選擇的調色板。如果打算創作冬天主題的設計，在搜索欄內輸入：winter color palette，搜尋浪漫的色彩可以輸入：romantic color palette 等等……
當然還有很多的配色網站大家也可以進行類似相關的搜索，來輔助你的設計比如：shapefactory.co、picular.co等……
（4）色彩漸變
色彩漸變是通過使用兩種或多種不同的色彩來進行色彩創作，同時在顏色的交界處逐漸衰減來創造。它能讓設計師創造出以前不存在的色彩感覺。在項目中使用色彩漸變，可以讓項目色彩更加豐富加深用戶的視覺印象，也可以更好強化物體的素描明暗關系。常用的色彩漸變的形式分為三種：色相漸變、明度漸變、色溫漸變。
色相漸變：色相代表色環中顏色所對應的區域、角度。色相漸變，指的是從一個色相的顏色過渡到另外一個色相的顏色。
明度漸變：明度是指顏色的亮度。就像一個顏色里加黑色，就會變暗，加白色會變亮，這類漸變的形式可以加強主體物的體積感、真實感。
色溫漸變：色溫更多是色彩對心理因素、情感因素的影響。比如藍色感覺冰冷，紅色感覺溫暖。色環上也會形成冷暖色。
關于色彩漸變的搭配網站，輔助設計師來進行漸變配色搭配及其靈感創意。
- https://webgradients.com/
- https://www.grabient.com/
當活動畫面的主題構圖和色彩搭配大框架搭建完畢，整個設計基調已初步確認，接下來《運營專題高效設計法-下篇》將繼續介紹畫面中關于字體設計和設計延展的高效方法以及設計步驟。
未完待續，敬請期待 《運營專題高效設計法 · 下》
本文由 @騰訊ISUX 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
說的太好了，小白聽了也易懂，而且很有收獲
懷疑你是學藝術的。。
？