作者：吴海龙 王冬
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
电商设计技巧修炼与实战应用试读：
前言
Preface2012年我懵懂地进入了电商设计行业，到现在已经超过5年。依稀还记得当时自己一人要负责公司旗下4家淘宝店铺的装修设计，整天忙得晕头转向。每天的状态就是脚不离地，不是在去上班的路上，就是在加班中。就这样，我毅然开始了自己的第一份职业——淘宝店铺设计师。坚持了一年后，因为公司内的设计岗位很少，我感觉对自己的职业发展有所限制，考虑之后便决定离开这家对我很好的公司，之后便一直在电商平台做视觉设计师。
2016年年底，一个很偶然的机会，人民邮电出版社的编辑找到我，问我愿不愿意写一本关于电商设计类的教程。当时我考虑了许久，迟迟不敢回复。自己虽然有定期总结的习惯，但是从没有在公开场合发表过任何教程和文章，也不自信。但后来有幸与本书的另一位作者王冬（站酷ID：蒸个馒头；银泰网视觉主管）一起编写，就接受了这个对我来说蛮大的挑战。
起初，我对于写书并没有系统性的认识和研究，在写作过程中才发现之前零散的总结并不算是总结，充其量只能说是一种灵感的记录罢了。就拿目录来说，也是与编辑反复沟通和敲定后，才开始写具体内容的。
在编写本书之前，大多数从平面设计转到电商设计的朋友，对于平面和电商这两者之间在设计表现层面的区别存在诸多疑惑。所以，我们就以四大块内容展开讲解，从电商设计的发展到设计观点，再结合大量的实战案例来阐述电商设计中所需要的各种设计思维、设计方法和技巧。通过日常实战中积累的经验和对于电商这个以活动带动销售、以营销加深品牌曝光度的设计类别的理解，总结出了一些实用且高效的方法。
另外，本书附赠学习资源，包括书中所有案例的素材文件和效果源文件。读者扫描“资源下载”二维码，即可获得下载方法。
总之，我觉得电商设计可以说是平面设计和网页设计的一个分支，它既继承了平面设计的设计理论，又与平面设计有不同之处。无论是设计意图、展示方式还是设计方法都有所不同。
最后，希望能在我们老去的时候，拿起这本书时都有一份沉甸甸的回忆。吴海龙资源下载资源下载验证码见本书最后推荐Recommend
这是一本从分析需求、整理灵感到实际案例展示的图书。本书为从事电商设计的新人提供了真实且可复用的工作技巧。站酷网主编纪晓亮
海龙一直是优设网的专栏作者，这本书是他从事电商设计多年的经验合集，包括大量不同风格的设计方法和实战案例，非常适合新人阅读学习。优设网主编程远
海龙是许多年前我刚接触电商时就认识的一位设计师，当时他就已经在个人网站上收集和分享了国内外许多优秀的设计类文章，我也或多或少地从一些文章里得到了营养，以至于在第一次见面之前误以为海龙是比我大很多的长者。多年以后的他已经成长为一位资深的电商行业设计理论研究者和践行者。
这本书的许多内容视角独特，很有启发性，想“充电”的读者赶紧入手吧。前凡客V+、民生电商设计总监，“视享集”创始人王文辉
我跟海龙是朋友，当得知海龙有出书的想法时，我看到的是他对于设计的热爱及投入的程度依然不减，也看到了他在设计领域取得的成绩。这是一本有良心、有温度的书，无论对于刚刚踏入设计领域的小白还是从事设计工作许久的设计师，都是一本非常重要的参考书。
实际上，读过本书的人都能够从书中有所收获。酒仙网视觉设计部总监句春亮
我与海龙第一次见面是2011年原研哉的北京展览，回忆起来已有6年光景。他在这一路的自学中形成了一套自己对于视觉设计的认识。现在总结成文，与热爱设计、从事设计的你一同分享他的理论支撑和实际项目创意与执行的思考过程，是一本值得入手的图书。三人形思企划设计总监胡思
海龙是国内为数不多的极具责任感的设计交流者和分享者。他总能从一些不一样的角度切入、剖析、解决设计上的疑难杂症。授人以鱼不如授人以渔，非常开心能看到他把自己的经验编著成书，与更多的设计者分享。好书，不容错过。山岩文化传媒创始人，站酷推荐设计师山岩
王冬是我在银泰时的同事，他是我工作10年来遇到的极少数在设计上真正有想法的人。他不仅在设计上有着非常深厚的功力，在公司内的人缘也非常好。前阵子他对我说准备出一本电商设计方面的书，我并没有在意；但当他把书的内容整理好发给我后，我才发现这本书的内容非常细致，条理清晰，简单易懂，图文解说的方式让人更易读懂，特别适合正在从事电商设计和准备从事设计的读者阅读。如果你负责的是电商运营或电商产品，也推荐你读一读，我相信读完之后大家都会有不一样的收获，对设计会有新的理解。原银泰网设计总监，“我的医药网”UI设计总监石媛媛“电商设计”这个词语既让我感觉有点陌生，又让我充满回忆！我为什么感觉到陌生呢？最近我在公司招聘的过程中发现两个特点：求职的人员大多是“90后”；他们都比较浮躁。在面试的过程中，我不知道他们做电商设计最后是为了能做什么。能做到品牌？能做到上游供应链？其实我觉得他们还需要沉淀下来做到向上和向下的延展。所以，让我感觉真的很陌生，害怕他们做不到、做不好。而为什么又让我充满回忆？因为我算是一个电商的“老兵”了，这么多年的经历给我留下了很多的回忆。不管是自己管理品牌还是运营渠道，电商设计都需要融入两个维度，那就是品牌和产品。只有你理解这个，才能更好地呵护和服务于“他”。电商设计不光是色彩和布局的变化，还需要做用户和产品的连接，懂得用最佳的视觉表现把产品和品牌表达出来。这样的一本书希望对新一代电商设计师、拼搏在一线的年轻设计师有所帮助。回到我想对你们说的：不要这么浮躁，坚持释放自己喜欢的东西！加油！电商老兵刘宁 je RRy.Lee本书精彩案例展示
中国传统风格——元旦活动专题页面
新颖简洁风格——圣诞节活动专题页面
卡通戏曲风格——情人节活动专题页面
简单清新风格——3周年店庆专题页面
夸张夺目风格——淘宝“双11”专题页面
几何切面风格——圣诞节活动专题页面
水彩水墨风格——烟雨江南专题页面
宏伟大气风格——银泰“双12”专题页面
暗黑金属风格——3周年店庆专题页面
高贵奢华风格——夏日婚礼专题页面
优雅妩媚风格——品牌内衣专题页面
沉稳儒雅风格——绅士男装专题页面
时尚简约风格——名品服饰专题页面
动感炫酷风格——户外服饰专题页面第1章浅谈电商设计1.1 电商设计与平面、网页设计的区别
电商设计作为一个新兴的设计门类，在现在的互联网社会中占据着非常重要的地位。但作为设计的一个门类，究其根源它是从平面设计发展而来的。而现在的平面设计包括了很多分支，例如，书籍设计、包装设计、网页设计、电商设计，甚至UI设计也离不开平面设计的基础理论。下面我们就来分别谈谈它们的区别。1.1.1 平面设计
平面设计也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，通过多种方式来创造和结合符号、图片、文字，借此做出用来传达想法或信息的视觉表现。平面设计主要包括VI企业形象设计、书籍装帧设计、平面广告设计、海报设计和包装设计等，如图1-1所示。就业趋向：报纸、杂志、图书等大众传播媒体和广告公司等相关行业。其中VI、广告、包装是平面设计最主要的几个分类，也是应用最为广泛的领域。图1-1
图1-2所示是书籍装帧设计的效果展示。其实，作为平面设计师需要懂得的知识和网页设计师不太一样，其中最主要的区别是要懂得印刷知识，包括纸张的种类和特性、油墨印刷的方式和特种印刷的种类等。因此，平面设计师在完成设计后往往需要去印刷厂与印刷人员当面沟通，尤其是选纸和小样校色的时候。由于印刷品出来后不可修改的特性，设计师必须反复检查设计稿和印刷小样。图1-2
图1-3所示是包装设计的效果展示。在软件的使用上，平面设计师也与网页设计师和电商设计师不同，最常用的软件是Photoshop、Illustrator和Corel DRAW（一般来说，这两种矢量软件北方用Illustrator的居多，南方用Corel DRAW居多。但是随着Adobe公司的发展，现在越来越多的设计师开始用Illustrator，主要还是因为Illustrator与Photoshop的兼容性和稳定性是Corel DRAW替代不了的），除此之外，还需要熟悉排版软件In Design，这个软件学起来非常简单，也很专业，如果是画册或图书的排版，它是再合适不过的了。图1-3
平面设计已经发展了400多年（不只是做名片和宣传册），所有电商设计能用到的技术、理念、方法其实就是平面设计中的一小部分，所以，把电商设计当成平面设计的一个应用方向，就会有无限放大的可能。掌握好平面设计基础，会发现电商设计中每次用到的排版方式、字体、颜色和布局在茫茫平面设计史中都能找到源头。1.1.2 网页设计
图1-4所示是网页设计的效果展示。网页设计的涉及范围非常广，包括Web设计、APP设计、界面设计和交互设计等。最开始的互联网设计大多局限于企业官方网站的业务宣传和品牌宣传，随着大平台装修后台越来越开放和品牌商城、APP之类自营平台的发展，互联网技术会更加融入电商。图1-4
网页设计是技术与艺术的紧密结合，具体表现在以下几个方面。1.交互性与持续性
即时的交互性是Web成为热点的主要原因，是网页不同于传统媒体之处，也是网页设计时必须考虑的问题。2.多维性
多维性主要体现在网页设计中对导航的设计上。由于超级链接的呈现，多维性源于超级链接，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。3.媒体的综合性
随着网络宽带的增加、芯片处置速度的提高及跨平台的多媒体文件格式的推广，目前网页中使用的多媒体视听元素主要有文字、图片、声音和视频等。4.版式的灵活性
随着技术的发展，响应式的网页逐渐增多，这也为设计师的排版和交互设计提供了新的思路，如图1-5和图1-6所示。图1-5图1-6
网页设计师不仅需要了解设计的相关知识，还需要了解前端类的知识。例如，页面布局、DIV、CSS和H5等，这些知识看似与设计没什么关系，但是了解它们对设计师的工作会有非常大的帮助。而页面的交互设计更需要设计师对前端知识有所了解。当然，如果你是一个纯粹的视觉设计师，可以不用掌握这些知识，但是必须了解。从软件上看，除了Photoshop、Illustrator，还需要掌握Dreamweaver和Flash的使用。1.1.3 电商设计
电商设计是UI（User Interface）设计中的一个分支，它是传统平面设计和网页设计的结合体，是具有互联网属性的设计，是互联网时代的产物。它最大的特点就是“快”，这也是电商设计与平面设计最大的区别。例如，平面设计中完成地产公司的一个广告设计时间需要3~6个月，而电商的专题页面设计时间是7天，最长时间是14天，更新频率非常快，一些专题页面如图1-7和图1-8所示。图1-7图1-8
电商设计主要分为网站及详情页设计、活动专题页面设计和Banner设计。这样的结构也与平面设计和网页设计不同，因为电商设计的主要目的就是“卖产品”，而让客户更加清晰地看到商品细节和尽可能多地浏览网站商品，尽可能长时间地让客户停留观看才是电商设计的最终目的。电商设计的另一个特色就是“快、准、狠”，按传统的平面设计的思考过程肯定来不及，其商业目标单一明确，产品促销成为重点，兼顾品牌，表现需要更加直白和更强的冲击力。专题页面设计如图1-9所示，Banner设计如图1-10所示。图1-9图1-10
电商设计也应该随着互联网的发展而有新的突破，不能只停留于单一画面内的技术，可以放眼到整个网页、整个店铺、购物体验等的设计。从早期的Flash到响应式设计、动效设计，计算机的技术创新使设计更加生动有趣、富有创意，整个购物体验也会更加丰富友好。所以，电商设计如果跟上互联网技术的步伐，也会有无限的可能。响应式网页设计如图1-11所示。图1-111.2 电商设计未来的发展趋势
如果设计师认为他的设计很完美，那并不是因为没有什么可添加的了，而是没有什么可减少了。——Antoine de Saint-Exupery1.2.1 专题单页化
单页化的设计，顾名思义可简单地将其比喻为一页纸的设计。单页化的页面存在于平面设计和网页设计中，平面设计中的单页设计，是指在纸的正反面上设计，主要用于折页、宣传单的场合中。专题中的单页设计，更像是平面设计中单页的翻版，只不过它可以加入跳转、视差滚动、H5动态效果设计等。相对于整体网站页面来说，单页化的页面设计在结构上比较简单、链接深度最多不超过两层。它的用途主要有专题活动页、店铺首页形象、产品介绍页。1.纸媒单页与网页单页的区别
提起单页设计，不得不说其在线下纸媒中的样子，像折页、卡片、宣传单等的设计，都是充分利用了材质的可感知性让设计有了触觉，通过另类的工艺处理有效地发挥设计创意。而网页媒体中的单页设计更多的是用于发挥促销的直接性，提升平台的整体形象，通过利用新技术，如视差滚动、动效设计等，让网页的单页设计的可表现形式更为多样化。纸媒中的单页设计是利用仅有的单张纸的正反面去进行设计的表现，网页中的单页设计是利用大小的屏幕空间去进行需求的表现。如图1-12所示，左图为网页单页，右图为海报单页。图1-122.单页化设计的优势
网页单页设计的好处有很多，一是能快速地让访客直观地看到要传达的内容，无须频繁跳转页面进行浏览；二是没有庞杂的导航菜单和子菜单，所有内容都可在一页上呈现。制作成本少，效率高，比较适用于信息量中等的页面设计。3.单页设计的四大趋势
试读结束[说明：试读内容隐藏了图片]