本次借助黑五的實(shí)戰(zhàn)案例分享,為你展現(xiàn)一個(gè)完整的電商設(shè)計(jì)流程,從最初的需求溝通到最后執(zhí)行落地,都是滿滿的干貨。
那么最后說(shuō)下: 1、我分享的觀點(diǎn)不代表所有人的觀點(diǎn),千人千面; 2、你看或者不看都可以,我分享或者不分享也是可以。如果你覺(jué)得誤導(dǎo)你了,請(qǐng)你不要看。
首先說(shuō)下我日常的工作流程: 1、與交互溝通交互稿的內(nèi)容有無(wú)疑問(wèn); 2、與產(chǎn)品溝通需求風(fēng)格等,并出視覺(jué)推導(dǎo)郵件; 3、初稿,內(nèi)部先看有無(wú)問(wèn)題或建議; 4、與產(chǎn)品過(guò)稿,并確認(rèn)有無(wú)問(wèn)題; 5、制作本次活動(dòng)的相關(guān)模板及規(guī)范; 6、發(fā)視覺(jué)確認(rèn)郵件。 分析本次活動(dòng)主題: 通過(guò)前期與交互和產(chǎn)品溝通得出,本次是黑五購(gòu)物節(jié)活動(dòng),是全球購(gòu)的需求。其次產(chǎn)品希望頁(yè)面是高大上的黑色調(diào)性,還是以促銷賣貨目的。了解需求過(guò)后我知道頁(yè)面算是較為常規(guī)的,主要是要在黑色調(diào)性上還是要傳達(dá)給用戶購(gòu)物活動(dòng)的感受。所以分析了一下幾點(diǎn): 有些朋友總說(shuō)沒(méi)想法了,那可能真的是你找的參考太少了。 一、視覺(jué)推導(dǎo)郵件 需求開(kāi)始執(zhí)行前我需要寫(xiě)一份視覺(jué)推導(dǎo)郵件幫助產(chǎn)品更加清楚的了解設(shè)計(jì)的方向,也同時(shí)為了使設(shè)計(jì)師本身清楚本次活動(dòng)的整體方向,以免效果圖和前期溝通的不理想。其次也是和產(chǎn)品方達(dá)到一致的方向。視覺(jué)推導(dǎo)分為: 1、整體風(fēng)格 2、設(shè)計(jì)版式 3、色彩傾向 4、裝飾氛圍本次案列的視覺(jué)推導(dǎo)郵件如下:
整體風(fēng)格: 活動(dòng)目的在于營(yíng)銷,美國(guó)黑色星期五就是中國(guó)的雙十一,是一個(gè)打折打到腿軟的節(jié)日。其一在頁(yè)面風(fēng)格上回頭商城購(gòu)物背景的體現(xiàn)、給用戶一種購(gòu)物的購(gòu)物情景代入感和節(jié)日的氛圍。僅參考背景處理方式。
設(shè)計(jì)版式: 板式為居中排版,文案居中,商品在下方和兩側(cè)擺放已到達(dá)賣貨的感受。如下圖 (僅參考排版結(jié)構(gòu))
色彩傾向: 在畫(huà)面色彩整體會(huì)傾向品質(zhì)感的黑灰調(diào),為了實(shí)現(xiàn)促銷的氛圍,在畫(huà)面其它部分會(huì)搭配相關(guān)亮色來(lái)增強(qiáng)營(yíng)銷活動(dòng)的目的。
頁(yè)面元素: 在頁(yè)面元素方面會(huì)更多的融入圓、三角形的元素貫穿整個(gè)頁(yè)面,顏色偏向微漸變,更時(shí)尚和全球化。
提示:以上內(nèi)容為方向參考,其次視覺(jué)推導(dǎo)方面不要寫(xiě)的太過(guò)死,要靈活一些。設(shè)計(jì)師在執(zhí)行過(guò)程中,可以稍作一些更好的改變。不要太死板的,視覺(jué)推導(dǎo)只是為了幫助產(chǎn)品了解、設(shè)計(jì)師也更清晰設(shè)計(jì)方向。