电商详情页设计的全案流程到底是怎么样的呢?
![](https://img.zcool.cn/community/01950965d946e2000c221000a5ab0c.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
![](https://img.zcool.cn/community/01950965d946e2000c221000a5ab0c.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
在拿到产品之后你是不是直接打开软件就开始做?如果你是这样操作的,那你就等着频繁改稿了!
我发现咱们站酷没有对电商设计全案流程有比较详细说明的文章,这一次咱们对此好好解析一下,希望对新手设计师或者是对这一块不太了解的电商设计师有所帮助!
本文将带你快速了解电商设计的全案流程,掌握了就可以尽可能的避免改稿哟,我们一起来看看吧!
第1步 做调研出方案
从品牌方(甲方)的产品人群、品牌基因等方面进行调研,并根据甲方的需求,进行文案和卖点逻辑的策划。
例如这样:
![](https://img.zcool.cn/community/028azikssqc8fxywognrls3037.jpg)
![](https://img.zcool.cn/community/02gs4gbysqadqn7mod9v8j3335.jpg)
例如这样:
![](https://img.zcool.cn/community/02cwamsmf1fbinxjblj9hz3730.jpg)
![](https://img.zcool.cn/community/020imndjy328lnantp8hc63232.jpg)
在这个过程中要及时和甲方沟通。这样做的目的就是为了避免后期频繁改稿。如果你的设计里出现了大规模的删减或者是重做,那就是这一步没有做好。特别是像详情页这种长篇幅的设计,如果出现颠覆式的修改,改起来没有几瓶防脱发药水你hold不住!多一嘴,做方案推荐大家使用Axure RP这款软件,贼好用,可以节约好几瓶防脱发药水!
第2步 情绪版+画面创意的提案
情绪版的展现一般是通过找到相关的一些参考图,让甲方感受感受,是不是他们要的那个feel。一个新的创意和新的风格可能在整个行业里面都没有出现过,那么设计就需要用相关的图片展示这个大的方向是什么,让甲方能够更好的感知你的设计方向。
例如这样:
![](https://img.zcool.cn/community/02vbbuzed5ijnsecwykdt03636.jpg)
例如这样:
![](https://img.zcool.cn/community/02xkaicjflqwjwkt08utem3937.jpg)
而画面创意一般是通过手绘稿展示的,这一步很重要,你要向甲方解释你的创意,说明你的用意。 另外不管是后续的拍摄,还是三维建模渲染都是围绕这些创意画面来进行展开的,所以非常重要!
例如这样:
![](https://img.zcool.cn/community/022r6eeafntkvyiay7xsqr3535.jpg)
例如这样:
![](https://img.zcool.cn/community/02cgrzn3fqckq1n2x9rfa93538.jpg)
第3步 调性的设计
风格方向有了,画面创意有了,就该设计了吧,但是一千个哈姆雷特心中有一千个哈姆雷特,感觉对不对是不是还要先弄点效果图出来,甲乙双方心灵感受一下吧!咱们先大概的做几屏出来,不合适及时调整,甲乙双方达成一致了,在完成剩下的页面设计。
例如这样:
![](https://img.zcool.cn/community/02hskvln3stn4n5rqrwytr3935.jpg)
如果你直接完成整个设计,甲方又说这不是我要的那个feel,你该怎么办,这种颠覆式的修改,是不是要去把超市的防脱发药水搬空?
第4 初搞完成
这个时候呢,文案是定了,画面创意定的,风格调性定的,那就可以将整个详情页设计执行完了。
例如这样:
![](https://img.zcool.cn/community/02kzjelgy4eyr1ejwxuxqs3537.jpg)
第5步 定稿交付
初搞执行完之后,一般不出幺蛾子就是一些极细末节的调整了。这些和甲方进行最后的沟通就可以用定稿了!
以上几步就是电商设计的全案流程了,那不同的团队,在具体的流程会有一些不一样,但是大差不差!
注意:文中的图片来自网络,仅供学习和参考,其版权归原作者或原出版方所有。如果原作者或原出版方认为侵权,请联系本人,本人及时删除,谢谢!
如果觉得这篇文章有用,就给点个赞吧!
![](https://static.zcool.cn/git_z/z/images/new/page-loading.gif)