快速打造电商设计专题之黑五案例分享

本次借助黑五的实战案例分享,为你展现一个完整的电商设计流程,从最初的需求沟通到最后执行落地,都是满满的干货。
那么最后说下: 1、我分享的观点不代表所有人的观点,千人千面; 2、你看或者不看都可以,我分享或者不分享也是可以。如果你觉得误导你了,请你不要看。
首先说下我日常的工作流程: 1、与交互沟通交互稿的内容有无疑问; 2、与产品沟通需求风格等,并出视觉推导邮件; 3、初稿,内部先看有无问题或建议; 4、与产品过稿,并确认有无问题; 5、制作本次活动的相关模板及规范; 6、发视觉确认邮件。 分析本次活动主题: 通过前期与交互和产品沟通得出,本次是黑五购物节活动,是全球购的需求。其次产品希望页面是高大上的黑色调性,还是以促销卖货目的。了解需求过后我知道页面算是较为常规的,主要是要在黑色调性上还是要传达给用户购物活动的感受。所以分析了一下几点: uisdc-banner-201611201 有些朋友总说没想法了,那可能真的是你找的参考太少了。 一、视觉推导邮件 需求开始执行前我需要写一份视觉推导邮件帮助产品更加清楚的了解设计的方向,也同时为了使设计师本身清楚本次活动的整体方向,以免效果图和前期沟通的不理想。其次也是和产品方达到一致的方向。视觉推导分为: 1、整体风格 2、设计版式 3、色彩倾向 4、装饰氛围本次案列的视觉推导邮件如下:
整体风格: 活动目的在于营销,美国黑色星期五就是中国的双十一,是一个打折打到腿软的节日。其一在页面风格上回头商城购物背景的体现、给用户一种购物的购物情景代入感和节日的氛围。仅参考背景处理方式。 uisdc-banner-201611202 uisdc-banner-201611203
设计版式: 板式为居中排版,文案居中,商品在下方和两侧摆放已到达卖货的感受。如下图 (仅参考排版结构) uisdc-banner-201611204
色彩倾向: 在画面色彩整体会倾向品质感的黑灰调,为了实现促销的氛围,在画面其它部分会搭配相关亮色来增强营销活动的目的。 uisdc-banner-201611205
页面元素: 在页面元素方面会更多的融入圆、三角形的元素贯穿整个页面,颜色偏向微渐变,更时尚和全球化。 uisdc-banner-201611206
提示:以上内容为方向参考,其次视觉推导方面不要写的太过死,要灵活一些。设计师在执行过程中,可以稍作一些更好的改变。不要太死板的,视觉推导只是为了帮助产品了解、设计师也更清晰设计方向。