《电商视觉设计师修炼手册》值得每一位从事电商行业的相关人士反复阅读
电商设计师，心路历程，一方面从学术角度系统讲述了电商设计师的修炼路径及具备技能
另一方面通过生动的案例讲述了每个项目完成过程中设计师的心路历程
电商设计服务于电商行业，以商业销售为先，电子商务是依赖于互联网产生的，它是带有平面设计和网页设计原始基因的一种新兴职业。电商设计有绝对的包容性，在这个网络快速更替的时代，所追求的“新”和“快”是一般设计行业所无法达到的，如何顺应电商行业的瞬息万变，在*短时间内做出*快的反应来抓住一闪即逝的商机，做出*合适的设计，快速在消费者心中占据先机，是每个电商设计师都应具备的能力。
《电商视觉设计师修炼手册》提炼出7种设计师类型，以不同的人物视角思考问题、发现问题和解决问题，有助于设计师开拓思路。《电商视觉设计师修炼手册》内容在涉及专业知识的同时重点通过案例分析剖析了“设计+运营+策划”的深层次工作关系，全面讲述从接到设计任务到输出结果的思考过程，把电商设计师经常遇到的典型问题抛出来一一解决，想法与案例有效结合，带读者快速找到有效的设计方法。
第3章 设计师的取经之路
大孙有多年的电商视觉设计经验，理论基础扎实、设计功力深厚，有自己的设计风格，想法灵活多变，但经常会因为过多的想法与运营、品牌纠葛万千。根据多年从各第三方公司得来的经验，大孙总结出运营是“妖”、品牌是“魔”，自己每天走在设计这条取经之路上怀揣着伟大的抱负，日复一日地努力工作，就是希望有一天能通过自己的努力当上大老板，然后把公司运营叫到“水帘洞”，用“金箍棒”戳着他说：“请你用大红加粗字体、大红背景，同时突出8个卖点，做一张既有品牌调性又高端大气、上档次的banner，做不出来的话以后的设计全部pass掉！”
大孙的手指按下发送键，把520页面最后的确认稿发出去，刚想放松一下紧张的身心与大脑，对话窗口还没来得及关就收到了活动策划发来的今年“618”购物狂欢节的策划框架图，既无奈又兴奋地接收了文件。看来暂时是放松不了了，但是“618”购物狂欢节这个页面大孙是期待了很久要大展拳脚挑战一番的。
沟通明确需求时间，找准需求点
3.1.1 梳理需求
1. 梳理文案框架
拿到活动策划框架图，首先要做的就是从头到尾查看一遍策划框架的内容是否完整，有没有还不确定、可能会调整的地方，有没有需要着重设计凸显的区域等。如果有不清晰、不易理解的部分，将它们划出，以便之后重点沟通。
在设计师与需求方发生各种矛盾、冲突的原因之中，没能有效沟通占很大一部分，要想做出令运营、品牌方都满意的作品，一定要做好有效的沟通，把可能遇到的分歧提前解决，减少后期做大量、不必要的修改。设计师在前、中、后期都是需要做大量沟通工作的，所以如何与自己的“甲方”进行有效沟通是设计师必须面对和解决的重要问题（见图3-1）。
图3-1 沟通工作示意图
在沟通过程中可能会受到各种因素的干扰，例如文化差异、地域差异、缺乏足够的资料信息、不熟悉技术实现的可能性、不适当的突发奇想等。这些沟通过程中出现的问题都会导致双方理解产生分歧，走向不同的理解思路，最后导致得不到最初设想的结果。为了使沟通更加顺畅和高效，设计师在沟通之前一定要做好功课，降低沟通过程中出现的分歧，达到双方都满意的结果，减少不必要的修改，高效地完成工作，所以前期对活动策划方案认真梳理是十分必要的（见图3-2）。
图3-2 页面大体框架梳理
梳理完需求框架，还要着重分析一下首屏banner的设计需求，从现今国内电商页面的普遍布局来看，用户在第一屏中的视觉焦点基本上都是以店招导航和banner为主。首屏是指不需要滚动网页用户就能直接看到的屏幕画面部分，是最直接进入买家视线的区域，所以如果首屏的设计优秀能快速锁定顾客的目光，并且进一步引导浏览，激发其购买欲望。尤其是在“双十一”“618”购物狂欢节这种大型活动的页面，更需要着重考虑这部分因素。banner中无论是活动文案还是图片，都应该让顾客一眼看清，减少其思考的时间（见图3-3）。
我们不要忘记随时随地绘制草图，接到一个项目，切勿在第一时间马上动手，可以先用笔在本子上画一个大概框架再继续，这样不仅效率高，而且思路清晰，创意也会比在计算机上的表达更自由。有什么想法就在第一时间记下来，以便于后面需要的时候能够用上它（见图3-4）。
图3-3 活动策划文档表格
图3-4 页面首屏重要信息梳理
根据活动内容、文案关键词等信息大致分析整个页面需要重点设计的点，考虑满减信息、折扣信息、“618”元素、促销氛围等如何渲染和贯穿整个活动页面。对于画面的主体部分、主推产品以及主要的色彩，在头脑里先有一个大概的规划，从而为接下来的工作做好铺垫。
资生堂个人护理包含多个品牌，各有特色、产品多样，色彩差别也比较大，因此如何在一个画面中保持统一、和谐的调性也是一个难点。
目 录
第1章 新手小白打怪升级 001
1.1 沟通是贯穿项目从需求、制作到完成的重要环节 002
1.1.1 明确需求 003
1.1.2 沟通确认需求，明确风格方向 005
1.2 头脑风暴，寻找素材 006
1.2.1 寻找灵感，搜集素材 006
1.2.2 整合素材、风格、排版预想 008
1.3 设计制作 010
1.3.1 页面布局 010
1.3.2 色彩搭配 012
1.3.3 banner设计 013
1.3.4 banner字体设计 015
1.3.5 元素搭配 016
1.3.6 调整整体到细节 016
1.4 修改完善 017
1.4.1 运营意见 017
1.4.2 品牌意见 017
1.4.3 细节调整 018
1.4.4 不断自我完善 020
1.5 完成页面 020
第2章 妙笔生花侠客行 023
2.1 知己知彼 023
2.1.1 为什么要用手绘 023
2.1.2 将要交手的高手什么样 024
2.2 唯我独尊 027
2.2.1 寻找手绘灵感 027
2.2.2 迸发新思路、新创意 029
2.2.3 确认想法并向品牌方讲明思路 031
2.3 闭关修炼 032
2.3.1 确认整个画风 032
2.3.2 根据活动选择不同的工具 033
2.3.3 做出整个页面的结构 035
2.4 名震武林 042
2.4.1 运营、品牌的认可 043
2.4.2 活动最终达成的效果 043
2.4.3 总结 043
第3章 设计师的取经之路 045
3.1 沟通明确需求时间，找准需求点 046
3.1.1 梳理需求 046
3.1.2 沟通确认 051
3.2 打开脑洞整理资料，确定大致方向 053
3.2.1 发散思维，寻求灵感 053
3.2.2 整理思路，确定方向 055
3.3 打开设计神器，挥洒自如 058
3.3.1 视觉布局 058
3.3.2 氛围渲染 062
3.3.3 节奏把控 067
3.4 初稿审核，综合修改 069
3.4.1 运营意见，品牌主张 069
3.4.2 细节调整 072
3.5 终稿确认 074
3.5.1 精益求精 074
3.5.2 终稿完成 075
第4章 毅然坚持梦想的环外女青年 077
4.1 梦想早班车 078
4.2 设计师梦想“实验站” 078
4.2.1 一个个梦飞出了天窗 079
4.2.2 创作的天空任我行 080
4.2.3 当梦想照进现实 082
4.3 超人归来 100
第5章 奶爸设计师的平衡术 101
5.1 沟通——“高高在上”的他 102
5.1.1 相爱相杀的战友——运营 102
5.1.2 美丽的先行者——策划 103
5.1.3 幕后的“黑手”——平台 103
5.1.4 真正的老板——品牌 104
5.2 想——想象的世界我最大 106
5.2.1 搜集素材 107
5.2.2 素材的整合与处理 113
5.3 做——上九天揽月，下五洋捉鳖 116
5.3.1 banner的制作 117
5.3.2 产品区的制作 121
5.3.3 页面的调整与修改 125
5.3.4 完成工作，回家带娃 125
第6章 进击的“海绵宝宝” 127
6.1 层层过滤 精准分析 128
6.1.1 360度品牌调性过滤 128
6.1.2 平台玩法过滤 130
6.1.3 针对本次活动过滤 133
6.1.4 提出方案 三方确认 136
6.2 弹性把控 融会贯通 136
6.2.1 素材搜集 137
6.2.2 发散思维?灵感整合 142
6.3 实践出招 144
6.3.1 页面制作思路 144
6.3.2 设计稿完成 151
6.3.3 提交页面 152
第7章 百变大咖秀 155
7.1 项目背景分析 156
7.1.1 详情页的重要性与现状 156
7.1.2 全网统一详情页的必要性 157
7.2 前期策划?见招拆招 158
7.2.1 分析品牌 158
7.2.2 详情页设计规范的制定 160
7.3 设计制作 163
7.3.1 详情页结构认知分析 163
7.3.2 视觉推导 165
7.3.3 完成初稿 168
7.4 精益求精?好中求好 169
7.4.1 先沟通再调整 169
7.4.2 终稿完成后添加模板规范 171
