作者：圣淘电商学院
出版社：电子工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
电商创意设计修炼之路试读：
前言
随着电商行业的飞速发展，互联网产品已经渗透到我们生活的各个领域，产品性能进一步提升，功能也越来越复杂，所以对于用户体验性页面的表达要求也越来越高，所有这些都给电商设计师带来越来越多的压力。很多朋友都在讨论如何才能做出更好的电商设计作品，其实这并不是一个那么容易回答的问题，一个优秀的设计师除了具备良好的绘画功底与审美之外，还需要了解自己的客户、了解自己的产品，这对设计师们的考验就会更严苛。从什么都不懂到了解行业并且为客户解决问题，这些经历都不停地在每位设计师身上上演着……慢慢地我们懂得了一个成熟的设计师除了扎实的视觉表现基本功之外，更需要良好的口才与优秀的沟通能力，我们不只是一个简单的执行者，甚至有时我们责任重大，升级为问题的解决者。
本书章节安排
本书内容浅显易懂，从新手设计师的成长要素出发，向读者传达了一种新的成长理念，专业的理论知识讲解与精美案例展示的完美结合，循序渐进地向读者传达了电商设计中的相关知识，让读者在学习、欣赏的过程中丰富自己的设计创意并提高动手制作能力。本书章节安排如下：
Chapter 1 电商新人设计者如何快速成长。介绍了从建立自己的素材库、收集分析案例，到小试牛刀地分析用户需要、熟悉设计整体流程、编写合适的文案，以及分享与活到老学到老的精神，使读者对如何开启电商设计的生涯有了更加深入的了解和认识。
Chapter 2 电商黄金构图法。一个页面从简单到丰满，需要设计师对整个页面有全盘的把控能力，用户甚至不用浏览具体内容就能了解这个页面的很多信息。依照这样的前提，本章介绍了5大电商当下热门的构图原理，让读者快速掌握热门电商平面设计构图原理和排版布局方式。
Chapter 3 恋上花样色彩。色彩本身就是一种极具生命力和塑造性的元素，一个相同架构的网页设计能在不同的颜色映衬下渲染出不同的意义和气氛，每一种色彩都寄托着不同的情感，这也许就是色彩的魅力所在。本章从色彩的定义、种类、属性、名词的理论知识出发，让读者重新了解色彩，并结合精美案例，循序渐进地讲解色彩搭配的有关知识，给读者一种更强烈的色彩搭配理念。
Chapter 4 摄魂文案成熟记。如果图片是那一件透明纱，那么，文字就该是穿这件纱的美人。只有图片与文案虚实结合，方能相得益彰，两相配合，才能施展诱惑之力，促进点击、咨询、转化。本章从10个文案要点，向读者传达了撰写电商文案的技巧，通过理论知识和实际案例的精美配合，充分让读者明白电商文案的具体表现形式。
Chapter 5 时尚视觉摩登轨迹。成功的视觉引导，能让用户的浏览轨迹非常流畅。如果界面让人感觉挤、紧张、忙，就是有问题的。本章通过当代新颖的视觉营销案例，向读者展现了制作流畅的视觉轨迹的要点。
Chapter 6 三招征服创意海报。设计一张具有视觉冲击力的海报并不是一件天大的难事，关键是要使用具有冲击力的图片及在版面中能够产生强烈对比。当然，还有很多重要的细节不能忽略。本章介绍了海报设计三要素、海报设计应保持的原则等理论知识，并结合精美实践案例，使读者轻松掌握海报设计的要点。
Chapter 7 高点击率推广图。推广图能吸引大量的点击，将搜索量精准地转化为宝贝的流量，为宝贝的成交量奠定一个坚实的基础。一张优秀的推广图，能使我们的宝贝和店铺在淘宝激烈的竞争中脱颖而出，无论是推广店铺，还是推爆款，推广图都起着重要的作用。本章介绍了推广图构图种类、推广图特点等理论知识，并结合精彩案例向读者传达如何简单、正确地制作一张高点击率的推广图。
Chapter 8 高转化详情页技巧。淘宝店的宝贝详情页设计是直接决定交易能否达成的关键因素。宝贝详情页怎样才能具有吸引力，怎样才能抓住消费者的心理呢？本章从16大方面准确、具体地介绍了制作产品详情页的技巧，向读者传达了制作产品详情页的技巧，让读者掌握灵活设计的方法，以及具体的表现形式。
Chapter 9 把控跳失率，拒绝“裸奔”首页。从首页的布局中就能看出一个设计师的设计水准，以往的首页布局大家都会依照黄金比例的原则去排版设计，所以大多数网页的首页都千篇一律。本章向读者介绍了首页排版与规划要点，使读者掌握电商首页界面的设计方法，并了解首页界面的多种设计特点和风格。
本书特点◆ 全书内容丰富、条理清晰，通过9章的内容，为读者全面、系统地介绍了电商设计知识，以及设计的方法和技巧，采用理论知识和案例相结合的方法，使知识融会贯通。◆ 语言通俗易懂，精美案例图文同步，涉及大量时下优秀设计作品案例，带领读者走近电商设计师的世界。◆ 实例涉及面广，几乎涵盖了电商设计中各个领域，每个领域下通过大量的理论技巧和精美案例，帮助读者掌握领域中的专业知识点。◆ 注重设计知识点和案例技巧的归纳总结，使读者更好地对知识点进行归纳吸收。
本书读者对象
本书适合有一定电商设计基础、Photoshop软件操作基础的设计初学者，以及设计爱好者阅读，也可以为一些设计制作人员及相关专业的学习者提供参考。
本书由圣淘小懒编写，另外圣淘老单、圣淘电商学院、黄蜂网、昵图网、花瓣网、等也为此书编写提供了各种帮助。书中难免有错误和疏漏之处，希望广大读者朋友批评、指正。编者Chapter 1电商新人设计者如何快速成长
大家好，当我们初入一个新鲜行业的时候，对于这个领域的未知和担心都是有的。但我们抱着对行业的喜爱或兴趣打算深入探索的时候，那些未知的担心和恐惧就已经不重要了。电商领域的飞速发展，同时也带动了一批电商设计师的崛起，他们或许是各领域中优秀的网页设计者，或者是随着电子商务的洪流不断成长起来的设计新人，他们见证了电子商务的发展和崛起，他们追随着电子商务的脚步不断壮大。那么，可能很多新人就要问了，这些电商设计的前辈、高手都是如何成长起来的呢？他们是如何让自己快速进步的呢？
首先，我想那些电商设计前辈、高手初入电子商务行业时的心情和你现在是一样的，或许迷茫，或许无助，但是那些都不是他们给自己放弃的理由。初入一个新的领域，最开始绝不能缺少的就是了解—行业的基础知识、行业最新动态、行业大方向。另外电商设计师不可缺少的一项就是审美，新人朋友们可能会有疑问了，“审美”到底是什么？要解决这个问题，首先应该明确什么是美。美是能够使人们感到愉悦的一切事物，它包括客观存在和主观存在。这个问题提得准确，应该深入揭示美的内涵。但是，认为美是能够使人们感到愉悦的一切事物，并不准确，不应该是使人们感到愉悦的一切事物，应该是其中的一部分事物。所以，美是事物促进和谐发展的客观属性与功能激发出来的主观感受，是这种客观实际与主观感受的具体统一。事物具有促进和谐发展的属性与功能是自然美；加工事物使它形成促进和谐发展的属性与功能是创造美；促进和谐发展的思想与情感是心灵美；创造和谐发展的行为与实践是行为美；追求和谐发展的精神是内在美；有利于和谐发展的仪表是外在美。要努力开发自然美、积极创造美、弘扬心灵美、实践行为美、培养内在美、修饰外在美。人的审美追求，在于提高人的精神境界，促进与实现人的发展；在于促进和谐发展，创建和谐世界；在于使这个世界因为有我而变得更加美好。这是和谐审美观的基本观点。
明白了什么是“审美”，可能有些新人们会说：“亲，你说得好复杂啊！那审美能力也不是一天两天可以养成的，那该怎么办呢？”别着急，其实审美也是可以靠后天慢慢培养的。那么，具体该如何培养自己的审美能力呢？接下来，我们就来详细地说说。1.1 创建你的素材数据宝库
素材数据宝库该如何建立呢？发现和收集。前期当然是不断地查看各个类目、各个产品的设计页面，或者是网页设计，从中会筛选出自己喜爱的页面，并加以分类。对于分类我们可以按照风格来具体划分。
例如：女装设计分类，就可以具体分化为，甜美类、金属摇滚类、天然棉麻类、文艺小清新类、时尚OL类、韩国原创类、明星同款类、原创淘品牌类、大牌类等。具体怎么细分，还要看你的个人喜好，只要可以在第一时间找到适合的风格来寻找灵感，并且能给与借鉴就可以了。
创建了我们的素材数据库就够了吗？不，接着往下看。1.2 分析数据
创建了素材数据库之后，就需要进一步分析我们所收集的素材。分析素材可能是大多数新人都会忽略的一步。不要小看分析，分析素材的同时也在提升着我们的审美。分析你收藏的设计作品，你为什么要收藏这个设计作品？无论是设计中的排版布局，还是文字的使用，或是一句精彩的文案，也可能是独特的视觉呈现。一定有其中的一点吸引着你，才会被你收藏下来。针对不同风格的类目进行单独的分析，自己观察每个细节，打开你发现未知的眼光，你就会在每一个作品中学到自己不曾注意的小点。当然可以自己写一份分析小笔记，毕竟好记性不如烂笔头。1.3 明确设计产品的目标客户群，了解掌握买家心理
交互设计作为典型的目标导向型设计，越接近目标，也就越能得到最终方案。那么，在设计之初明确设计目标和了解你的目标客户群体就显得尤为重要。什么是设计方案的评判标准呢？举一个浅显的例子，任何一个比赛都要先说明主题和缘由，为了什么而比赛，不然就变成了天马行空无从评判。但实际情况中，往往没有特别明确的设计目标，此时就需要设计者自己理解和挖掘了。要从人文角度、文化角度、客户体验角度、眼球角度、演绎角度去思考。
下面我们举一个例子具体说明一下。
产品：某品牌猪饲料
以上我们所说的往往称为“痛点”，找到并移情用户，找到真正痛点才能真正满足用户需求。对于明确目标客户群、从多角度深挖用户需求，对需求理解越透彻就会越容易接近最终的设计方案。1.4 分享设计、学会聆听他人的意见、虚心学习
分享自己的设计作品本身就是自我提升的第一步，阐述自己所学是整理与回顾的过程。虽然无法从中直接获得新技能与水平的提升，却能让一味赶路的自己停下脚步，慢慢吸收其中的精华。此时，我们需要化身为一头牛，默默地反刍。分享所得的收获，往往是一些很抽象或者细枝末节的东西，这都是在书本与教程中不会出现的，万万不可错过。
可见，要当好设计师是多不容易的事情。不过它的魅力就在于力克艰难险阻后，看见的那道破晓光芒。
设计是一门理性与感性、科学与艺术相融合的学科，如何自如地穿梭在两种思维模式中，让别人认可方案是我们每天都在思考的问题。养成良好的习惯，每天的沉淀、学习、反复思考，让自己一直存在饥饿感，我相信未来的你们一定会做得更好！
知名品牌Bottega Veneta的创意总监托马斯·马耶尔（Tomas Maier）说“你要积极进取才能赢，向危机宣战吧！”这句话也同样给了新人一针镇静剂，他说的不是作品的鲁莽表现形式，而是真诚、虚心学习的创意态度。
设计既是一门科学也是一门艺术。设计工作一半基于正确的编程和设计技巧，另一半则基于是否对美与不美有着直觉般的敏锐度。一名称职的页面设计师一定要熟练掌握核心基础能力和勇于创新的能力，才能在同行中做到出类拔萃。
作为新人，不能光想着一口吃成胖子。诚然，经验的财富是无可替代的，但是优秀的教育，不论是正规教育还是非正规教育，也能带来巨大的帮助。同时，还强烈建议大家不断挑战自己，走出自己的舒适区，迎战新的领域。而这就是区别不断苦苦找客户，与客户主动找上门的关键所在。1.5 电商新手设计者应该具备的基础能力
下面是作为优秀的电商设计师所必须掌握，并且能够帮助他们达到超群水平的基础能力。这些基础能力不一定都是技术和软件技巧层面的。1.5.1 熟悉电商整体设计流程
电商设计有时会与网页设计重叠，所以说，不同种类的设计有时候是非常相似的。这也就是为什么作为一名以自己作品为骄傲的电商设计者也需要多少学一些通用的基本设计流程知识的原因。1.5.2 对电商设计代码的基本了解
有些设计师觉得不会写代码也无所谓，但也有的人坚定认为了解如何写代码是作为合格网页设计师所必需的。我认为，要作为一名面面俱到的设计师，至少要了解最基本的代码知识，这是起码的！
HTML是所有网页的最基本构成框架，所以设计师务必学习相关知识。了解HTML就能让你的设计更具有目的性，同时更注重实用性。如果你能了解基本的代码，就能为自己所设计的网站创建模型。这样一来，相比其他不懂代码的设计师，在你推销服务的时候就更具优势，同时也能对自己设计能力的边界有着更深入的掌握。1.5.3 掌握撰写营销文案
作为一名电商设计者，你要做的不能局限于设计，有时候还需要撰写文案，特别是在你没有合作的文案撰写人的时候。你可以这么想：一名同时具有优秀文案撰写能力的设计师对客户来说会更具有吸引力，同时也能得到更高的报酬。文案是用来营销的，所以一则好的营销文案可以起到四两拨千斤的作用。1.5.4 “学而不思则罔，思而不学则殆”的精神“天外有天，人外有人”，是所有网页设计师都应牢记的一句话。不断学习新知识、新技巧，能让你不断震慑客户、拓展你的创意、提高你的技能，进而从整体上提高你对设计的热忱。
不断虚心学习的最大原因之一，就是电商设计领域不断涌现的新趋势。闭眼回想一下过去几年里那些耳熟能详的电商设计趋势：大背景、一屏展现、滚动轮播等，学习是不能停的。不停地学习可以让你始终站在潮流最前沿，让你成为面貌俱到的优秀设计工作者。1.5.5 达到自己的网页设计顶点
不论在什么行业，达到职业生涯的巅峰都是最根本的目标。这不是一两天甚至一两年所能实现的，但只要有持之以恒的决心和不断地进步就一定能达到。如果你对自己的作品满怀热情，就会不自觉、潜移默化地进入这种状态，当然，你也可以采用一些办法加速这一进程。
但是，关键就是你要做到面面俱到，让自己实现圆满。不要让自己所做的工作局限在设计上，这是成为一名更加优秀设计师的关键，同时也是你成为设计大师的起点。
「想要成为一名优秀的电商设计者，不是一天两天的事儿，需要持之以恒的毅力和不断学习、不断反思、不断创新的精神。」
最后祝福所有在设计道路上不断前行的小伙们越走越好，把莫棋凯这段“为设计代言的设计体”，送给所有的电商设计师们。
你看见的是一张平面，
却没看见平面的几万根线；
你有你的想法，
我有我的理念；
你否定我的平面，
我决定我的世界；
你嘲笑我方案一文不值不配出手，我可怜你不懂设计苦苦寻求。
你可以轻视我们的创意，时间会证明谁是最好的设计。
设计，是注定孤独的旅行，路上少不了客户的质疑和嘲笑，但，那又怎样？哪怕通宵达旦，也要设计得漂亮。
我是莫棋凯，我为设计代言。—莫棋凯Chapter 2电商黄金构图法
所谓的“黄金排版法则”，就是将表现主题的各个构成要素按照主次关系放置在画面的相应区域，形成一条清晰的视觉轨迹。所有的排版方式追根究底都是为了突出产品的主要内容，构图必须服从主题表现的要求，设计师在设计的时候要注意在追求创意构图的同时，也别影响到用户的阅读内容。
新手刚刚加入电商设计这一行业的时候，总是苦恼该如何开始自己的设计生涯，不知从何下手，是先学技术、理论，还是直接实操呢？反正从哪一方面都觉得自己无从下手。想成为一为好的美工、好的设计师，光是有这个决心还是不够的，当然还需要一些小技巧，下面我们就一起来理清一下思路，告诉你如何快速踏上电商设计之路。
如果你还不会思考，那么，先学会思考就是你的首要任务。你一门心思地想要做好，太过杂乱的思维往往会带你走入一个无法走出的困境，于是有人去了培训班，但是说实话，效果真的不会很大。培训班所能教你的只是技术，如果你不是学美术专业出身的，那么仅仅去了培训班，你所设计出来的东西往往是差强人意的，而且培训班的价格我真的不敢恭维。所以，在我们开始设计之前，我们先来理清一下我们的思路，这样你才能做得更好，就跟我们接下来所要讲的黄金构图法是一样的。如何从模仿别人的设计开始自己的设计生涯，这就是你入行电商设计的一个捷径。下面我们就一起来分析一下。
大多数成功的电商页面都具有4个重要要素：构图原理、色彩搭配、创意文案、细节技巧。一个页面从简单到丰满，需要设计师对整个页面有全盘的设计和把控能力，美好的画面排版能够让用户第一眼看到这个页面就能被其视觉效果所深深吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图却能让页面出来的效果有天壤之别。如果你还抱着一个专题和一幅出色的主图，后面的内容就以此按部就班地填进去，那你就太OUT了。2.1 构图法
好的页面构图能够让你的页面更加出彩，也能让你的设计事半功倍。说起构图原理，我们知道大概有这么几种：对称切割构图法、组合切割构图法、整体场景构图法、多重切割构图法、简单切割构图法、流程构图法、放射构图法、物体轮廓构图法等。在当今的社会我们随处可见几何图形的存在，简单的三角形、正方形、长方形和圆形，甚至是简单的点、线、面即可组成很多有趣的图形，于是极富灵感的设计师也创作了有趣的页面排版构图法，这很符合我们现代人的审美观念，同时也掀起了一股设计构图的热潮。2.1.1 对称切割构图法
简单点对点的切割方法，可以使画面具有平衡不失重的效果。对称切割构图法可以使内容分为主次两个部分，虽说是主次，但当这两个部分都在对立的情况下，这样的排版设计将整个页面一分为二，使内容划分得更加鲜明，也更具有视觉的冲击力。2.1.2 组合切割构图法组合切割构图法
组合切割构图法。利用集中而规律的视觉效果，让整个页面设计更具有立体效果，这种形式的构图法适合同级产品的展示。抛弃传统的“排排站”模式，尝试一下组合切割的方法，也未尝不是一件好事。传统“排排站”构图法2.1.3 简单切割构图法
使用简单的线条或图案，整齐地分割整个页面，使其瞬间变得生动起来，同时对主推宝贝也做到了很好的凸显效果，同样也具有不可忽视的视觉冲击力。2.1.4 多重切割构图法
简单、大胆的多重切割构图法，让单一的页面变得生动，复杂的页面变得时尚，没有统一的切割分配，整个页面更像是一场未知的探险旅程。你永远都不会晓得下一个宝贝会出现在哪里。多种切割遵循着不同的形状、不同的排列规则，为整个页面增添了一股立体的时尚感。2.2 整体场景构图法
精装、小而美的整体场景构图法，适用于那些促销、节日、活动等的页面，店铺主推款不是很多，又想突出趣味性，搭上节日的顺风车，来一场专题促销真是再适合不过的事情了。整体场景构图法可以将目标客户群快速地带入页面氛围中，使宝贝信息更加精准、流畅。在设计的时候，对专题内容头脑中要有画面感，先搭建大的画面关系，再往其中添细节和宝贝，切记不要让场景抢了宝贝的视觉焦点，在适当的时候给你的页面做一些减法也是很有必要的。2.3 物体轮廓构图法
物体轮廓构图法主要适用于活动、节日，或新品创意的专题。设计师最痛苦的事情莫过于拿着自己引以为傲的设计作品去跟老板交差的时候，老板一句“没新意、太一般”就把你那些加班的夜晚给磨灭了。此时，不妨想想物体轮廓或许可以给你带来灵感。物体轮廓构图法让整体页面更加生动、形象、有趣。需要提醒的是，设计的时候将形状尽量轮廓化，加以强调突出，主体不需要太具象，舍弃一些烦琐的、次要的元素，以免影响用户阅读内容。2.4 放射性构图法
第一次听到“放射性构图”这个词的时候，让我想到一句话“嚓嚓嚓，亮瞎你的眼”。放射性构图法有一个中心点向四周扩散的效果，起到导向的作用，让整体页面更具有立体感、空间感，拥有开阔、舒展、清晰的视觉轨迹，以及明确的视觉焦点。这样的页面，想没有冲击力都难。但是这里需要设计者注意的是，放射性构图不太适合文字阅读，要注意文字排版的方式。2.5 流程图构图法
如果你的创意是需要按照循序渐进的方式展现你的产品，那么，你不妨可以采用流程式构图法。
俗话说得好，再怎么绚丽的文字都不如一张图所表达得准确。还在发愁没有构图排版灵感的设计者们，可以参考一下我们以上所讲的这几种构图方法。在电商设计越来越注重个性、注重趣味，以及视觉冲击力的今天，扔掉你传统的没有创意的排版方式吧！虽然构图方法不是万能的，不一定适合所有的宝贝，但是，活灵活用才是我们掌握的关键所在。
所谓“黄金构图”就是将表现主题的各个构成要素，按照主次关系放置在画面相应的区域，形成一条流畅的视觉轨迹，达到整体页面更加个性、更加舒适的效果。所有的构图方式追根究底都是为店铺宝贝服务的，我们的电商设计工作者在设计的时候，要注意在追求创意构图的同时，也不要影响到用户阅读内容。毕竟归根结底，再绚丽的页面也是为了衬托我们的产品宝贝，以及店铺的流量和转化。最后把这首《排版七字经》送给所有的设计者。
试读结束[说明：试读内容隐藏了图片]