本文根據(jù)3月8日黃金紅包女神節(jié)運(yùn)營(yíng)的設(shè)計(jì)產(chǎn)出，復(fù)盤(pán)過(guò)程中的設(shè)計(jì)工作策略，將設(shè)計(jì)思考與經(jīng)驗(yàn)進(jìn)行整理，便于后續(xù)類(lèi)似項(xiàng)目的工作優(yōu)化與設(shè)計(jì)思考參照。

一、前言

在商業(yè)化工作中，執(zhí)行崗位有時(shí)會(huì)面臨的一種無(wú)法避免的情況就是突發(fā)需求，在接到突發(fā)需求的時(shí)候，需要設(shè)計(jì)師快速找到設(shè)計(jì)方向并快速產(chǎn)出，在保證設(shè)計(jì)質(zhì)量的同時(shí)也助力項(xiàng)目按時(shí)上線(xiàn)做到共贏。

女神節(jié)運(yùn)營(yíng)需求提出后，考慮預(yù)留時(shí)間，討論最優(yōu)的解決方案是做換膚形式的運(yùn)營(yíng)，希望用最小的時(shí)間成本，通過(guò)視覺(jué)效果做一次節(jié)日氛圍的活躍。

二、設(shè)計(jì)提案

由于“女神節(jié)”是一次換膚形式的運(yùn)營(yíng)設(shè)計(jì)，需要設(shè)計(jì)師主動(dòng)挖掘需求，快速的和需求方共同確定設(shè)計(jì)方案，在這種非常開(kāi)放的環(huán)境下，采取差異化設(shè)計(jì)提案的策略，快速產(chǎn)出兩版反差比較明顯的視覺(jué)效果，這樣方便項(xiàng)目團(tuán)隊(duì)在風(fēng)格探討的階段快速將設(shè)計(jì)風(fēng)格確定下來(lái)，這個(gè)步驟相當(dāng)于把大家從茫茫沙漠里帶到一個(gè)路口，接下來(lái)走哪條路，左邊還是右邊，會(huì)很明確。

2.1 方案一

從需求上看，38女神節(jié)的設(shè)計(jì)性向很明確，從用戶(hù)生活場(chǎng)景上看，3.8當(dāng)天的慣例，女性無(wú)論是在工作場(chǎng)所還是私人生活中常會(huì)收到鮮花，花草主題的設(shè)計(jì)風(fēng)格是能夠滿(mǎn)足女神節(jié)要表現(xiàn)的情感交流與女性性向，所以用紅白玫瑰的素材快速輸出一版視覺(jué)效果，花朵角度偏平，模仿擺拍效果，傾向干凈雅致。

2.2 方案二

2.2.2 尋求方向

在出完模擬實(shí)物擺拍效果的方案一后，繼續(xù)思考設(shè)計(jì)風(fēng)格的另一種可能，前面的方案1風(fēng)格偏實(shí)物，調(diào)性偏安靜，所以在思考方案2的時(shí)候需要做出一些差異化。

從女性群體的興趣點(diǎn)來(lái)看，美妝穿搭這些時(shí)尚類(lèi)的方向非常受關(guān)注，美妝博主時(shí)尚博主這類(lèi)網(wǎng)紅引領(lǐng)的網(wǎng)紅時(shí)代風(fēng)頭正盛，分析后敲定時(shí)尚這個(gè)方向來(lái)進(jìn)行方案二的風(fēng)格設(shè)計(jì)。

但時(shí)尚這個(gè)方向也還是比較寬泛的，時(shí)尚可以很highfashion很冷淡，可以假裝慵懶隨性，也可以陽(yáng)光活潑，于是在時(shí)尚的選擇上需要考慮到項(xiàng)目需求的訴求，我們的用戶(hù)環(huán)境具有多元性，要考慮普世性的時(shí)尚方向，所以降低一些“high”，多一些“朝氣”，調(diào)整一下，把年輕時(shí)尚作為更加明確的設(shè)計(jì)方向，同時(shí)區(qū)別于偏向安靜氣質(zhì)的方案一做出一些動(dòng)感。

2.2.3?靜態(tài)設(shè)計(jì)

確定方向后，風(fēng)格探索的范圍就聚焦很多。

風(fēng)格

年輕的時(shí)尚的方向下，我選擇了偏向于流行藝術(shù)的圖形元素色塊化的設(shè)計(jì)形式，隨著藝術(shù)與設(shè)計(jì)的發(fā)展，孟菲斯派的風(fēng)格越來(lái)越多的運(yùn)用到與女性強(qiáng)關(guān)聯(lián)的電商設(shè)計(jì)上。

但孟菲斯派的圖形元素，形狀過(guò)于規(guī)矩氣質(zhì)有些堅(jiān)硬，缺少了一些隨性與女性特有的柔軟，所以在孟菲斯派的圖形色塊的設(shè)計(jì)風(fēng)格上我做了一些變通，將嚴(yán)謹(jǐn)?shù)膸缀涡螤钐鎿Q為不規(guī)則的圖形作為主要圖形運(yùn)用在設(shè)計(jì)中，圖形全部取自與女性與情感相關(guān)的元素-嘴唇、卷發(fā)、高跟鞋、愛(ài)心，這些圖形是與現(xiàn)實(shí)中女性特征高度鏡像的。

另外，還是保留了一些孟菲斯派的解構(gòu)與幾何的設(shè)計(jì)概念，使用女性面部解構(gòu)后常出現(xiàn)的幾何圖形-圓形、折角波浪，用這些來(lái)做微妙的的抽象化圖形點(diǎn)綴。

色彩

我們都知道字體有性別，配色也有性別，方案2的色彩呈現(xiàn)莫蘭迪色系的粉色調(diào)，相信關(guān)注時(shí)尚的女生也一定不會(huì)對(duì)近幾年越來(lái)越流行的冰晶粉、枯玫瑰、霧霾藍(lán)、豆沙綠這些名字感到陌生，這些莫蘭迪色系的顏色從時(shí)裝到彩妝，從大牌到淘寶，火的一塌糊涂。

所以，配色上適當(dāng)降低飽和度和純度，選擇中短調(diào)的色彩構(gòu)成，大面積的中性色，配合小面積的冷色與變化豐富的色彩搭配，中短調(diào)的配色會(huì)給人含蓄的感覺(jué)，體現(xiàn)女性的溫柔甜美與溫暖美好的祝福。

最終，方案2的靜態(tài)效果如下：

2.2.3 增加動(dòng)畫(huà)

設(shè)計(jì)出多樣化的靜態(tài)頁(yè)面方案后，為了能夠從設(shè)計(jì)師的角度多做一些事情，于是做了微動(dòng)畫(huà)的嘗試，因?yàn)槿祟?lèi)的視覺(jué)反饋是有規(guī)律的，注意力的順序會(huì)按照：運(yùn)動(dòng)物體-大塊圖形-復(fù)雜小圖形及文字，這樣的規(guī)律遞減，加入適當(dāng)?shù)膭?dòng)畫(huà)效果，可以起到積極調(diào)動(dòng)用戶(hù)觀感的效果。

但給方案一做的動(dòng)畫(huà)效果反倒是減分的，動(dòng)畫(huà)效果普通沒(méi)有新意，所以動(dòng)畫(huà)也不是萬(wàn)能的，如果效果不夠優(yōu)秀還不如不加。

方案2的動(dòng)畫(huà)效果從過(guò)程到結(jié)果都是比較順利的，因?yàn)榍捌陟o態(tài)設(shè)計(jì)的過(guò)程中也對(duì)整體思路更加清晰明確一些，在做設(shè)計(jì)的時(shí)候我腦子里會(huì)常聯(lián)系到一些流行語(yǔ)，做愛(ài)心圖形的時(shí)候不自覺(jué)的浮現(xiàn)出“確認(rèn)過(guò)眼神，是心動(dòng)的感覺(jué)”這句話(huà)，于是做動(dòng)畫(huà)的時(shí)候首先從粉色愛(ài)心著手做了一個(gè)愛(ài)心跳動(dòng)的效果。

做完后考量到這個(gè)動(dòng)畫(huà)效果比較搶眼，如果頁(yè)面其他部分靜止會(huì)覺(jué)得有一些孤立突兀，于是給其他圖形加了一些少量像素的位移，讓整體氛圍更加融洽。

三、方案確定

當(dāng)兩個(gè)動(dòng)畫(huà)方案也提出來(lái)的時(shí)候，項(xiàng)目?jī)?nèi)大家意見(jiàn)迅速達(dá)成一致，全票贊成更加年輕動(dòng)感的色塊方案，因?yàn)閷?duì)比之下，各個(gè)方案的特色也會(huì)更加突出，年輕時(shí)尚的更年輕時(shí)尚，素雅的更素雅，動(dòng)畫(huà)效果也能讓其他項(xiàng)目成員清楚地看到兩種方案的增效空間。

這種多元化提案也防止需求方看到單個(gè)方案后提出“這個(gè)活潑的方案可不可以再多一點(diǎn)雅致的氣質(zhì)”、“這個(gè)雅致的設(shè)計(jì)里能不能讓這些元素全都給我動(dòng)起來(lái)”這樣讓設(shè)計(jì)師抓不著頭發(fā)的意見(jiàn)。

3.1?提案頁(yè)優(yōu)化

確定方案后，首先在提案頁(yè)面的設(shè)計(jì)上進(jìn)行審視與調(diào)整，比如愛(ài)心的形狀雖然要做比較自由不對(duì)稱(chēng)的風(fēng)格，但錨點(diǎn)和弧度也需要被調(diào)整的更加舒服才方便后面的延展，但我把精力更多一些放在動(dòng)畫(huà)的斟酌上，提案中的動(dòng)畫(huà)效果有些過(guò)于復(fù)雜和細(xì)致，過(guò)于復(fù)雜的風(fēng)險(xiǎn)就是容易讓用戶(hù)看不懂和感覺(jué)到累，于是愛(ài)心跳動(dòng)的動(dòng)畫(huà)做了一點(diǎn)減法，最終動(dòng)畫(huà)更加流暢和明確。

3.2?統(tǒng)一性的設(shè)計(jì)延展

另外根據(jù)流程頁(yè)面的差異性做了設(shè)計(jì)變量進(jìn)行延展，每個(gè)頁(yè)面都有自己的特殊性，既要保證延展的統(tǒng)一性又要考慮運(yùn)營(yíng)設(shè)計(jì)疊加的合理性。

四、設(shè)計(jì)反饋

4.1?數(shù)據(jù)

日均活躍人數(shù)：較活動(dòng)前一日增長(zhǎng)12倍；

日購(gòu)買(mǎi)克數(shù)：相較活動(dòng)前一日增長(zhǎng)13倍；

拉新效果：活動(dòng)當(dāng)天新增用戶(hù)增長(zhǎng)16倍；

與春節(jié)相比較，女神節(jié)的單個(gè)紅包額度更大。

4.2 輿評(píng)

4.3?反推到業(yè)務(wù)團(tuán)隊(duì)的思考

需求方復(fù)盤(pán)郵件提出-換膚活動(dòng)將開(kāi)發(fā)成固定產(chǎn)品功能，持續(xù)用于以后的運(yùn)營(yíng)活動(dòng) ；

視覺(jué)效果得到認(rèn)可后，F(xiàn)t反推，提出建議-后續(xù)運(yùn)營(yíng)需求合理規(guī)劃。

4.4?設(shè)計(jì)共鳴

3.8當(dāng)天Apple store首頁(yè)的設(shè)計(jì)風(fēng)格和此次女神節(jié)運(yùn)營(yíng)設(shè)計(jì)風(fēng)格有異曲同工之妙，也側(cè)面驗(yàn)證了此次活動(dòng)設(shè)計(jì)的設(shè)計(jì)思考與工作策略一系列結(jié)果的合理性。

五、有策略地做設(shè)計(jì)

突發(fā)需求是執(zhí)行崗位工作中不可避免的，但只要規(guī)劃好工作流程，有策略地應(yīng)對(duì)，有思考的去設(shè)計(jì)，也可以在有限的時(shí)間里大家一起做有意義的事。

作者：ambersong，公眾號(hào)：騰訊FiTdesign（ID：FiTdesign2017）

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@ 騰訊FITdesign，作者@ ambersong

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