电商创意设计修炼之路（全彩）

产品是内功设计是外功，内功 + 外功让产品的价值发挥到更高。做好设计，吸引客户的视觉，增加产品的吸引度，提高转行率 ！

在电商设计的红海中，每年都会出现一些让人耳目一新的流行设计趋势，这些新颖的流行趋势相继被各大网站页面采用。但是对于电商来说，产品是内功，页面优化设计是外功，内功+外功才能让产品的价值发挥到更高。大多数人认为今天的电商越来越难做了，尤其是淘系电商。但在淘系电商的蓝海中，每年都会有很多新的店铺应运而生。当我们去浏览这些脱颖而出的店铺时，不难看出，他们都有过硬的产品，以及具有鲜明视觉冲击力的页面设计。本书结合实际经典案例，充分向读者展现电商设计的各大技巧。 本书通过大量实操案例，并结合理论知识进行分析，向读者传达了一种新的成长理念，循序渐进地向读者传达了电商设计中的有关知识，让读者在学习、欣赏的过程中丰富自己的设计创意并提高动手制作能力。

圣淘学院是一家整合线上线下资源，专注淘宝/天猫运营，品牌推广的第三方服务商，2014年获得金牌淘拍档的称号。

他们与2013年年底才创办，由派代网商的核心讲师，淘宝大学金牌讲师团及网商在线的专家顾问团组成。

我从事电商教育很多年了，一直没有看到一本真正为了电商设计师所设计的书，这本书是一本真正只为电商而设计的设计书。任何一个从事电商行业的人，都应该拥有这本工具书。电商的核心是商，而商的本质就是成交，目前的电商从业人员花了太多时间在研究流量技术，往往忽略了电商的核心，就是转化！一个无声的转化员，这本书能够帮助读者从美工转变成为设计师。本书从设计，构图，到文案，完整而深入，并且带了大量的生动案例，确实是一本不可多得的工具书！

-----老A

我常常和电商卖家朋友说，一个店铺就像一个人，流量是血液，转化是灵魂！没有好的“灵魂”，有再多的血液也就是一个行尸走肉！这样文案的重要性就不言而喻了，朋友问我优秀的文案该怎么写？之前我的回答是这不是三言两语能说的清楚的，需要系统的训练！看过这本书后，我觉得内容非常精彩实用，值得大家用心学习并付诸于实践！

-----四哥 淘战友电商会创始人、福建三和集团电商顾问

Chapter 1
电商新人设计者如何快速成长
1．1 创建你的素材数据宝库 002
1．2 分析数据 003
1．3 明确设计产品的目标客户群，了解掌握买家心理 004
1．4 分享设计、学会聆听他人的意见、虚心学习 005
1．5 电商新手设计者应该具备的基础能力 006
1．5．1 熟悉电商整体设计流程 006
1．5．2 对电商设计代码的基本了解 006
1．5．3 掌握撰写营销文案 007
1．5．4“学而不思则罔，思而不学则殆”的精神 008
1．5．5 达到自己的网页设计顶点 008
Chapter 2
电商黄金构图法
2．1 构图法 012
2．1．1 对称切割构图法 013
2．1．2 组合切割构图法 015
2．1．3 简单切割构图法 016
2．1．4 多重切割构图法 018
2．2 整体场景构图法 018
2．3 物体轮廓构图法 019
2．4 放射性构图法 020
2．5流程图构图法 021
Chapter 3
恋上花样色彩
3．1 何为色彩 028
3．2 颜色的种类 029
3．3 色彩的三大属性 030
3．4 何为色彩明度 034
3．5 何为饱和度 035
3．6 色搭原则七要素 035
3．6．1 色调配色 035
3．6．2 近似配色 035
3．6．3 渐进配色 035
3．6．4 对比配色 036
3．6．5 单重点配色 036
3．6．6 分隔式配色 036
3．6．7 夜配色 036
3．7 色彩分为三种―冷色、暖色、中性色 045
3．8 店铺色彩 049
3．9 主题色调 049
3．10 关于VI建设 052
Chapter 4
摄魂文案成熟记
4．1 九宫格思考法 066
4．2 三段式写作法 067
4．3 用文案诱导消费者按照“你的建议”购买 067
4．4 型录要点延伸法 068
4．5 好的产品文案需要搭配出色的创意图片 068
4．6 网购商品文案要注重SEO友好性 069
4．7 最犀利的商品文案是说出有利的事实 069
4．8 好的文案可以防御竞争对手的攻击 070
4．9 产品卖点的提炼 071
4．10 买家心理学 071
Chapter 5
时尚视觉摩登轨迹
5．1 买家感官体验之视觉营销 080
5．1．1 三只松鼠―食品界的下一个“聚美优品” 083
Chapter 6
三招征服创意海报
6．1 海报设计基础三要素 092
6．1．1 三段文字 092
6．1．2 三种字体 093
6．1．3 三种颜色 095
6．1．4 30%的留白 096
6．2 海报设计应保持的原则 099
Chapter 7
高点击率推广图
7．1 推广图构图法则 107
7．1．1 平衡式构图 107
7．1．2 对称式构图 109
7．1．3 变化式构图 110
7．1．4 对角线构图 111
7．1．5 X形构图 112
7．1．6 紧凑式构图 113
7．2 优秀推广图应该具有的特点 114
7．3 高点击率推广图的制作步骤 118
Chapter 8
高转化详情页技巧
8．1 买家需要了解哪些信息 126
8．2 使用增强信心的文字 126
8．3 宝贝详情页的优化原则 128
8．4 宝贝详情页的展现规则 130
Chapter 9
把控跳失率，拒绝“裸奔”首页
9．1 首页视觉水平的四大指标 146
9．1．1 首页跳失率 146
9．1．2 首页点击率 148
9．2 店招的作用和效果 150
9．3 首页前三屏设计技巧 151
9．4 店铺装修误区 151
9．5 首页设计中运用的色彩搭配 154

我从事电商教育很多年了，一直没有看到一本真正为了电商设计师所设计的书，这本书是一本真正只为电商而设计的设计书。任何一个从事电商行业的人，都应该拥有这本工具书。电商的核心是商，而商的本质就是成交，目前的电商从业人员花了太多时间在研究流量技术，往往忽略了电商的核心，就是转化！一个无声的转化员，这本书能够帮助读者从美工转变成为设计师。本书从设计，构图，到文案，完整而深入，并且带了大量的生动案例，确实是一本不可多得的工具书！

-----老A

我常常和电商卖家朋友说，一个店铺就像一个人，流量是血液，转化是灵魂！没有好的“灵魂”，有再多的血液也就是一个行尸走肉！这样文案的重要性就不言而喻了，朋友问我优秀的文案该怎么写？之前我的回答是这不是三言两语能说的清楚的，需要系统的训练！看过这本书后，我觉得内容非常精彩实用，值得大家用心学习并付诸于实践！

-----四哥 淘战友电商会创始人、福建三和集团电商顾问

前 言

随着电商行业的飞速发展，互联网产品已经渗透到我们生活的各个领域，产品性能进一步提升，功能也越来越复杂，所以对于用户体验性页面的表达要求也越来越高，所有这些都给电商设计师带来越来越多的压力。很多朋友都在讨论如何才能做出更好的电商设计作品，其实这并不是一个那么容易回答的问题，一个优秀的设计师除了具备良好的绘画功底与审美之外，还需要了解自己的客户、了解自己的产品，这对设计师们的考验就会更严苛。从什么都不懂到了解行业并且为客户解决问题，这些经历都不停地在每位设计师身上上演着??慢慢地我们懂得了一个成熟的设计师除了扎实的视觉表现基本功之外，更需要良好的口才与优秀的沟通能力，我们不只是一个简单的执行者，甚至有时我们责任重大，升级为问题的解决者。

本书章节安排

本书内容浅显易懂，从新手设计师的成长要素出发，向读者传达了一种新的成长理念，专业的理论知识讲解与精美案例展示的完美结合，循序渐进地向读者传达了电商设计中的相关知识，让读者在学习、欣赏的过程中丰富自己的设计创意并提高动手制作能力。本书章节安排如下：

Chapter 1 电商新人设计者如何快速成长。介绍了从建立自己的素材库、收集分析案例，到小试牛刀地分析用户需要、熟悉设计整体流程、编写合适的文案，以及分享与活到老学到老的精神。使读者对如何开启电商设计的生涯有了更加深入的了解和

认识。

Chapter 2 电商黄金构图法。一个页面从简单到丰满，需要设计师对整个页面有全盘的把控能力，用户甚至不用浏览具体内容就能了解这个页面的很多信息。依照这样的前提，本章介绍了5大电商当下热门的构图原理，让读者快速掌握热门电商平面设计构图原理和排版布局方式。

Chapter 3 恋上花样色彩。色彩本身就是一种极具生命力和塑造性的元素，一个相同架构的网页设计能在不同的颜色映衬下渲染出不同的意义和气氛，每一种色彩都寄托着不同的情感，这也许就是色彩的魅力所在。本章从色彩的定义、种类、属性、名词的理论知识出发，让读者重新了解色彩，并结合精美案例，循序渐进地讲解色彩搭配的有关知识，给读者一种更强烈的色彩搭配理念。

Chapter 4 摄魂文案成熟记。如果图片是那一件透明纱，那么，文字就该是穿这件纱的美人。只有图片与文案虚实结合，方能相得益彰，两相配合，才能施展诱惑之力，促进点击、咨询、转化。本章从10个文案要点，向读者传达了撰写电商文案的技巧，通过理论知识和实际案例的精美配合，充分让读者明白电商文案的具体表现形式。

Chapter 5 时尚视觉摩登轨迹。成功的视觉引导，能让用户的浏览轨迹非常流畅。如果界面让人感觉挤、紧张、忙，就是有问题的。本章通过当代新颖的视觉营销案例，向读者展现了制作流畅的视觉轨迹的要点。

Chapter 6 三招征服创意海报。设计一张具有视觉冲击力的海报并不是一件天大的难事，关键是要使用具有冲击力的图片及在版面中能够产生强烈对比。当然，还有很多重要的细节不能忽略。本章介绍了海报设计三要素、海报设计应保持的原则等理论知识，并结合精美实践案例，使读者轻松掌握海报设计的要点。

Chapter 7 高点击率推广图。推广图能吸引大量的点击，将搜索量精准地转化为宝贝的流量，为宝贝的成交量奠定一个坚实的基础。一张优秀的推广图，能使我们的宝贝和店铺在淘宝激烈的竞争中脱颖而出，无论是推广店铺，还是推爆款，推广图都起着重要的作用。本章介绍了推广图构图种类、推广图特点等理论知识，并结合精彩案例向读者传达如何简单、正确地制作一张高点击率的推广图。

Chapter 8 高转化详情页技巧。淘宝店的宝贝详情页设计是直接决定交易能否达成的关键因素。宝贝详情页怎样才能具有吸引力，怎样才能抓住消费者的心理呢？本章从16大方面准确、具体地介绍了制作产品详情页的技巧，向读者传达了制作产品详情页的技巧，让读者掌握灵活设计的方法，以及具体的表现形式。

Chapter 9 把控跳失率，拒绝“裸奔”首页。从首页的布局中就能看出一个设计师的设计水准，以往的首页布局大家都会依照黄金比例的原则去排版设计，所以大多数网页的首页都千篇一律。本章向读者介绍了首页排版与规划要点，使读者掌握电商首页界面的设计方法，并了解首页界面的多种设计特点和风格。

本书特点

全书内容丰富、条理清晰，通过9章的内容，为读者全面、系统地介绍了电商设计知识，以及设计的方法和技巧，采用理论知识和案例相结合的方法，使知识融会贯通。

语言通俗易懂，精美案例图文同步，涉及大量时下优秀设计作品案例，带领读者走近电商设计师的世界。

实例涉及面广，几乎涵盖了电商设计中各个领域，每个领域下通过大量的理论技巧和精美案例，帮助读者掌握领域中的专业知识点。

注重设计知识点和案例技巧的归纳总结，使读者更好地对知识点进行归纳

吸收。

本书读者对象

本书适合有一定电商设计基础、Photoshop软件操作基础的设计初学者，以及设计爱好者阅读，也可以为一些设计制作人员及相关专业的学习者提供参考。

本书由圣淘小懒编写，另外圣淘老单、圣淘电商学院、黄蜂网、昵图网、花瓣网、等也为此书编写提供了各种帮助。书中难免有错误和疏漏之处，希望广大读者朋友批评、指正。

编 者