产品特色

编辑推荐

《电商视觉设计师修炼手册》值得每一位从事电商行业的相关人士反复阅读

电商设计师，心路历程，一方面从学术角度系统讲述了电商设计师的修炼路径及具备技能

另一方面通过生动的案例讲述了每个项目完成过程中设计师的心路历程

内容简介

电商设计服务于电商行业，以商业销售为先，电子商务是依赖于互联网产生的，它是带有平面设计和网页设计原始基因的一种新兴职业。电商设计有绝对的包容性，在这个网络快速更替的时代，所追求的“新”和“快”是一般设计行业所无法达到的，如何顺应电商行业的瞬息万变，在*短时间内做出*快的反应来抓住一闪即逝的商机，做出*合适的设计，快速在消费者心中占据先机，是每个电商设计师都应具备的能力。

　　《电商视觉设计师修炼手册》提炼出7种设计师类型，以不同的人物视角思考问题、发现问题和解决问题，有助于设计师开拓思路。《电商视觉设计师修炼手册》内容在涉及专业知识的同时重点通过案例分析剖析了“设计+运营+策划”的深层次工作关系，全面讲述从接到设计任务到输出结果的思考过程，把电商设计师经常遇到的典型问题抛出来一一解决，想法与案例有效结合，带读者快速找到有效的设计方法。

作者简介

鲲驰创意设计创建于2014年，依托集团公司鼎力支持，从创建至今已与多个国际品牌长期合作，服务品牌超过200多家，包含资生堂、汉高、强生、卡西欧、雷朋、爱茉莉、LION、OPI等，专业设计团队百余人，成员构成均来自于各大4A公司、知名电商平台和品牌；鲲驰设计团队是拥有创意基因的互联网全方案团队，致力于商业视觉，用追求艺术的虔诚之心，打造出融合高端品质、绽放个性的商业设计。

目录

目 录

第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

精彩书摘

第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”元素、促销氛围等如何渲染和贯穿整个活动页面。对于画面的主体部分、主推产品以及主要的色彩，在头脑里先有一个大概的规划，从而为接下来的工作做好铺垫。

资生堂个人护理包含多个品牌，各有特色、产品多样，色彩差别也比较大，因此如何在一个画面中保持统一、和谐的调性也是一个难点。

前言/序言

2018年是我工作的第10个年头，也是我做团队管理最受益匪浅的一年，直到此刻，我对本书即将出版发行的事实还有一些意外和惊喜，意外的是在我们设计团队对外推广不足一年的时间里有那么多品牌、平台、媒介、设计师关注；惊喜的是将会有这么一本书沉淀和记录我们多年的工作经验，反思我们的过去，憧憬美好的未来。

从起初不足10人的设计团队到如今拥有近百位优秀设计师，我们的团队在不断壮大，服务的品牌、平台也在不断扩大。我们将工作中的点点滴滴记录于此，设计的专业性、沟通的有效性、艺术赋予品牌的价值等问题都有所涉及。无论你是刚刚毕业的艺术生或是工作一两年的职场小白，还是工作年限已久的设计大神，总会有那么一个点抓住你的视角，让你对电商设计师这个职业有新的认识。

随着近几年电商行业的迅速发展，从事电商设计师这个职业的人员也在迅速增加。所有品牌产品的营销创意最终的落脚点都在一个个页面上，无论你是经过专业培训的艺术特长生还是半路出家的PS高手，让“美”更好地为品牌、产品服务就成了大家的必修之课。如何让服务的品牌保持市场竞争力、如何让服务的产品差异化、如何提高页面的点击率和转化率等是大家越来越关注的问题，也是作为电商设计师存活在这个行业里时刻保持市场竞争力的必要课程。

现如今很多电商设计师把目光仅停留在页面好不好看这个问题上，将工作时长的一半用来搜集和整理素材，在拿到一个策划文案的时候第一时间就是按照主题内容去寻找和拼凑素材，然后是搭框架、配色彩，把工作模式停留在这个阶段是完全错误的。作为设计师来说，很多人追求艺术大过追求设计，其实艺术和设计在本质上是有区别的，艺术追求风格，设计追求功能。我们最终呈现出来的页面是要实际转化成销售，服务于品牌，为品牌带来更大的价值。大部分用户不会关注你的配色，不会注意到你的字体，不会察觉到那些立体、透视，更不关心你设计的是什么风格或者你用的是哪项最新技能。用户更关心的是产品本身的卖点、促销力度、品牌自身的价值。那么怎样能在短时间内让用户记住品牌、熟知产品、产生购买才是一名优秀电商设计师应该深度思考的问题。

近期设计师热议的话题之一是阿里的人工智能设计师“鲁班”，拥有上百万设计师的创意内容，演变上亿级的设计能力，可以实现一天作图4000万张，并且没有一张图重样。大家议论纷纷，担心很多初级设计师会因此被取代。其实，机器能取代的一定是那些简单的机械劳动，而不是有想法、有独特见解的设计师。我们不应该仅仅停留在美工阶段，而应该更多地去想、去了解、去创造，更好地为品牌服务。美固然重要，但脱离了品牌、产品本质的美就显得有些单薄和空洞。设计师们拥有一技之长，作为美的创造者和引领者，必须具备丰富的专业知识，了解多个方面的信息文化，只有这样才能让你的作品打动用户，才是你真正的价值所在！

特别感谢参与本书内容编辑的所有设计师们，本书中有许多宝贵经验分享来源于团队每位设计师的亲身经历，大家相互交流、反复沟通确认，提炼出精华部分供读者学习参考；

特别感谢上海鲲驰贸易发展有限公司的全体成员对本书出版的鼎力支持和帮助；

特别感谢我们服务的所有品牌和平台，感谢对我们设计团队专业技能的肯定与信任；

衷心感谢清华大学出版社对本书的出版及发行所付出的努力。

为了顺利完成本书的所有内容，在编写本书的过程中参考并截取了部分国内外著名网站的案例，在此感谢原作者的创意和设计为本书提供了参考。另外，由于部分内容来源于公开的网络媒体，因此无法一一查明原作者，无法一一准确地列出出处，敬请相关原作者谅解。本书如有内容引用了贵机构、贵公司或者您个人的作品或技术资料却没有注明出处，欢迎及时与出版社或作者联系，我们将会在公众号或相关媒体中予以说明、澄清或致歉，并会在下一版中予以更正及补充。

本书图片及非作者亲自做的案例来源：

致设计、站酷网、千图网、花瓣网、百度搜索引擎、Behance、就爱阅读、微博、昵图网。

本书图片使用说明：

本书使用了部分品牌的logo、素材图片等，这些图片大部分来源于网络，是网上盛传的公开图片。本书采用这些图片只是为了说明本书的观点和方法，并无他意，希望相关网站及企业理解与包容，在此衷心感谢。

鲲驰电商设计团队

全是电商实用案例 挺好的 看了几页 感觉学到了好多经验 可以避免自己做图的一些误区了 值得看 推荐朋友下单了

无意中看到的一本书，纸质很良心，内容选题也是很适当当下的电商风格。刚翻了几页发现还有手绘草图的简单介绍。推荐

本书结合案例分析，从配色、字体到构图全面介绍了视觉设计原理及方法，条理清晰，内容丰富~~~受益匪浅，值得推荐！

全是电商实用案例 挺好的 看了几页 感觉学到了好多经验 可以避免自己做图的一些误区了 值得看 推荐朋友下单了

不错！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

对于新手小白来说，这本书算得上是个及时雨。我推荐这本书的理由是它不单单是一本单一的教科书，最能打动我的是里边的每一个真实案例，和各种不同的设计理念和设计思维，最酷的是 好多页面我都在花瓣和站酷上看见过！赞赞赞！

本书结合案例分析，从配色、字体到构图全面介绍了视觉设计原理及方法，条理清晰，内容丰富~~~受益匪浅，值得推荐！

不错！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

不错！！！！！！！！！！！！！！！！！！！！！！！！！！！！！