運營專題高效設計法(上)

企業裡的設計師,既需具備藝術家的才華技能,同時還需兼顧從商業目標使用者角度務實出發,兩者缺一不可,前者是基本功修煉,後者是外因環境所需,今天就和大家談談怎樣在商業環境下更好地發揮和勝任運營專題類設計工作的話題。

運營專題高效設計法(上)

目前我們團隊主要負責的專案是:QQ會員和QQ空間黃鑽的系統設計、運營推廣等,增值服務相關業務。基於運營和營收核心目的延展品牌推廣、創意執行、產品運營和商業化營收等核心工作內容。在2012年加入騰訊之前,我在廣告行業摸爬了五年,以乙方的角度無限挖掘和接近客戶/使用者的心理,以系統的創作技巧快速地找到出彩的創意切入口。

從傳統行業跨界到網際網路,給我最大的感觸是:

使用者始終是本源,但網際網路的瞬息萬變節奏以及幾乎實時的市場反饋,要求設計師更需要敏捷、高效地滿足市場變化。

這時候,設計方法和技巧則顯得尤為關鍵,如何在單位時間內產出更多質量優異的作品,構建設計師的核心競爭力,同時也是市場和使用者的潛在需求。所以,今天圍繞“高效”展開運營專題的設計方法分享。

為什麼要高效?

運營專題高效設計法(上)

來自網際網路大環境:

網際網路特性,時事熱點跟進、外部競品追趕、使用者切層細分等…這些都要求高效反應速度。

來自公司/團隊:

業務量大,節點多,高效能讓你提升業務消化量,小步快跑,帶動業務的良性運轉。

來自設計師個人:

能否高效滿足業務需求,是一位資深設計師和新人職場能力的區別體現。熟能生巧,掌握設計方法論和技巧,結合日常業務經驗和實踐沉澱,讓個人能力不斷成熟精進。

結合自身的情況,我所屬的設計團隊主要合作的產品團隊是社交增值團隊,日常需求來源主要是從“增值、營收、運營以及商業化”這四個方面,要求團隊“想使用者所需,懂使用者所求”。只有精準地捕捉使用者需求才能更準確地創造“使用者價值”,同時高效地產出迭代版本打造“產品價值”,最終才能實現增值的商業目標—“營收價值”。

這要求我們無論從產品團隊、開發團隊還是設計團隊,都必須以“質量+效率”為核心工作理念,又快又好地將符合使用者價值的產品需求實現以及傳送到使用者面前。

運營專題高效設計法(上)

增值團隊日常工作中會有很大一部分的工作是解決一些中小型運營活動,這類活動我們也希望視覺呈現的質量高、輸出的效率高、參與使用者的資料高為目標。所以高效設計方法本著“四個步驟的原則”進行講述,如何來解決團隊的最高目標“高質量+高效率+高資料”。

專案分析的四個步驟

首先,在拿到專案需求的同時需要一個精準的專案分析,準確瞭解本活動的專案目標、使用者人群,再進行洞察創意得出設計策略來指導接下來的設計執行工作。

運營專題高效設計法(上)

Step1:目標

網際網路行業裡常見的運營活動需求目標主要是拉新、促活、迴流、營收這四個目標,同時伴隨長線的品牌價值塑造、品牌美譽度提升等品牌資產構建。

運營專題高效設計法(上)

拉新:

通常在參與過程中設定使用產品的功能推廣、玩法、差異化,以獲得新使用者。

促活:

盤活產品或功能內的使用者,培養其“常用”的行為,帶動產品整體的活躍。

迴流:

為產品或功能召回流失使用者,煥發活躍動力。

營收:

提升商業化滲透率,挖掘使用者付費能力及需求並有效轉化。

在面對運營型別需求時,設計師需要先和產品、運營經理溝通了解活動設立的背景目標,瞭解不同活動設立的首要目的,有助於設計師在視覺主題創意時充分考慮方向路徑。

Step2:使用者

需要了解本專案活動的目標使用者。針對使用者人群的不同,使用的概念與手法也相應不同。比如:針對學生使用者使用年輕的、積極向上的;針對女性使用者使用柔軟的,文藝清新的;針對玩家使用者使用視覺刺激的、張力的等等……瞭解的使用者人群越精準,傳達概念也就越靠近。

運營專題高效設計法(上)

Step3:洞察

從使用者的各個屬性:社交、行為、習慣,喜好、興趣包括使用者資料等等…洞察出創意概念的思路。

運營專題高效設計法(上)

Step

4:策略

從專案目標、使用者人群、洞察中提煉出對應的“設計策略”,落實到設計執行當中。策略可能是一些關鍵詞或者是一句話,這些也可以稱作為專案的“創意思路”。

運營專題高效設計法(上)

案例《黃鑽十週年》專案分析

目標:

《黃鑽十週年》專案的目的是商業營收,透過“十週年特殊銘牌“吸引使用者,拉動收入。

使用者:

QQ空間黃鑽使用者以及QQ空間活躍使用者。

洞察:

透過資料顯示,發現這類活躍使用者非常在意黃鑽會員特殊的身份價值。同時也希望透過本次活動發放“十週年紀念身份標識”提升使用者身份價值。

策略:

黃鑽十年裡程碑,著重強調特殊身份,引導使用者體驗黃鑽新體系、新特權……

設計執行:

為了呼應十週年主題,在強化數字“10”的概念同時,運用黃鑽“鑽石”元素貫穿始終,透過鑽石切割角度來塑造主體圖形,漂浮元素選用黃鑽特權服務,在介面設計中始終使用鑽石切面與稜角元素進行設計延展。(包括介面,周邊,線下物料等)

運營專題高效設計法(上)

透過《黃鑽十週年》活動案例瞭解瞭如何高效地得出設計策略。有了設計策略為前提,我們繼續來探討如何高效地進行設計執行。

設計執行的四個步驟

設計執行也可以歸納為四個部分:高效構圖、高效色彩、高效字型、高效延展。

運營專題高效設計法(上)

1。 高效構圖

運營專題類需求通常頂部為視覺風格的創意構圖,是創作整個專案的主思路,構圖創作會引導後續的各個步驟環節,透過設計策略如何高效地創作專案的構圖呢?

在這裡總結了兩種比較高效的執行方法:“現實形態”和“幾何形態”。

運營專題高效設計法(上)

(1)現實形態

字面意思就是以生活當中的物體形態進行創作,將專案主題和設計圖形強相關,從主題出發進行創作,提煉關鍵需求內容,在內容上做加或減法,填充符合產品需求的視覺元素、文案資訊。

運營專題高效設計法(上)

比如:創意得出“電玩”、“書籍”、“果汁”的主題形態,再進行符合產品需求、主題資訊、產品文案等進行加減法的“創作改造”,將“電玩街機”結合街頭潮流、“書籍”結合可揚帆的海面、“果汁”結合海灘滑翔傘……最後進行風格調性的統一性延展。

運營專題高效設計法(上)

比如:用“大腦”來表達“不停聯想”進行創意構圖;用“神燈”來表達“許願主題”進行創意構圖;用“時光機”來表達“週年歷程”講述時光流逝心路歷程的創意構圖;用“駕駛賽車的第一視角”來表達“遊戲的3週年里程杯似的慶典”。

運營專題高效設計法(上)

利用現實形態、場景來表達創意構圖可以產生很多的方案。但是有時會發現,在執行中會可能比較複雜、或者沒有合適的形態來表達主題,那麼用”幾何形態“來進行定位主題,可以幫你來解決這類難題。

(2)幾何形態

提到幾何形態大家馬上會浮現“方形、圓形、三角形”的影子。

運營專題高效設計法(上)

其實利用這三種幾何形態來輔助構圖,也能傳達較為準確的視覺感受。特別是在做視覺構圖排版、輔助文字、輔助構圖時,幾何形態更是便捷的元素。

運營專題高效設計法(上)

a. 方形

方形是最簡潔的形態,由直線構成、在很多的排版中最常出現,方形、矩形會讓你的設計空間利用最佳化,在閱讀瀏覽上方形可以儘量排除形態上的干擾,橫平豎直以最整潔的方式梳理資訊,所以方形經常出現在資訊量較大的頁面中,包括一些文字的排版,利用方形的幾何規則,會讓你高效地進行創作。

運營專題高效設計法(上)

b. 圓形

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

運用圓形元素,會有令你意想不到的效果,圓形往往是很吸引眼球的,它會讓你脫穎而出。圓形的構圖會讓畫面資訊留白,適當的留白對產品來說相當重要,同時也考驗設計師的基礎訓練是否紮實。就個人影象而言,同樣尺寸下,圓形又能比方形多一些留白空間(在四角處),除了增加與其他內容的區隔性外,也能讓介面帶點趣味性。

運營專題高效設計法(上)

c. 三角形

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

運營專題高效設計法(上)

(3)線的運用

在構圖排版中“線”的使用是必不可少的,靈活地藉助線排版會讓設計構圖變得更加準確高效。

輔助線:

運用線來進行元素對齊,可以幫助設計構圖、版式中構建更好的秩序和層次結構,從而實現設計稿層次清晰、簡單易讀,視覺美觀的佈局。

分割線:

為了使用者更好的閱讀瀏覽,可以運用細線來區分在板塊結構、或主題文字等……不僅起到了分割效果,而且整體排版中帶有節奏和對比。

引導線:

引導使用者瀏覽路徑,讓元素、圖片、內容更好的對應,讓使用者在看完內容後,順其自然的將焦點引導看到後續內容。又使得排版的形式不一樣,彌補畫面平衡。

其他線:

波浪線、曲線、斜線等。線的寬窄樣式和線的平直彎曲,這些形態上的變化,可以表現出謹慎嚴肅,也能釋放某種率性天真。可完全裝飾,也可附帶功能,實際應用中需要根據自身的需求來搭配運用。

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協議

頂部