描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302494713
随着电商竞争的加剧,电商店铺的装修成为提高客流量与转化率的重要着力点。如何通过图片与文字的恰当搭配与编排,让店铺的商品在众多竞争对手中脱颖而出,是每个电商店铺进行装修时必须考虑的问题。《教你轻松学电商之店铺装修设计》专门讲解电商店铺装修制作方法和技巧。
随着电商竞争的加剧,电商店铺的装修成为提高客流量与转化率的重要着力点。如何通过图片与文字的恰当搭配与编排,让店铺的商品在众多竞争对手中脱颖而出,是每个电商店铺进行装修时必须考虑的问题。《教你轻松学电商之店铺装修设计》专门讲解电商店铺装修制作方法和技巧。
《教你轻松学电商之店铺装修设计》共分为12章。第1~2章介绍电商店铺的装修、包含内容、布局方法、图像文件格式等基本知识。第3章介绍商品美化的几种方法,比如裁剪、调色、抠图和边框处理等。第4~10章讲述的是电商店铺中的店标、LOGO、活动图、店招、公告栏、导航条、首页海报、主图视图和详情页视频、首页、详情页等店铺页面区域的装修技巧和方法。第11章则讲的是手机端电商店铺的首页、详情页等页面的装修技巧和方法。第12章通过3个大型的服装店铺装修案例,详细讲解店铺装修的各种操作技巧。
《教你轻松学电商之店铺装修设计》不仅适合作为*店主、*美工自学或提高的教材,也适合想要从事电商方面工作又缺乏美术基础的人员阅读。同时也适合作为培训机构、职业院校相关专业的参考教材。
前言
随着电子商务的快速发展、电商企业的规模不断扩大,对人才专业化、细分化的需求更为迫切,然而实战型的电商人才匮乏,已成为电商行业快速发展的瓶颈。网店跟实体店一样,也需要装修,电商店铺装修是网店营销的着力点,通过装修电商店铺,可以提高店铺的客流量和转化率。
一、编写目的
鉴于电商飞速发展,以及Photoshop强大的功能和深厚的工程应用底蕴,我们力图编写一套全方位介绍Photoshop在电商行业实际应用情况的丛书。本书以店铺装修设计的理念为出发点,配以专业的图形处理软件Photoshop做讲解,帮助读者实实在在地掌握店铺装修设计理念和店铺装修案例的分析和设计。
二、本书内容安排
本书主要通过理论加案例实战的组合形式,介绍Photoshop、会声会影在店铺装修设计中各板块的功能,从商品美化图、电商店铺设计、电商首页设计、小视频制作、辅助页面设计、促销广告设计、详情页装修设计、手机端设计等,内容覆盖度极为宽广全面,可谓同类书中之冠。
而为了让读者更好地学习本书的知识,在编写时特地对本书采取了疏导分流的措施,将近250页的内容划分为了12章共计40多个案例,具体编排如下表所示。
章名 内 容 安 排
第1章 主要介绍店铺装修的意义、包含内容、搭配布局等基本知识
第2章 主要介绍店铺装修的图像文件格式、装修常识、图片空间获取等基础知识
第3章 主要介绍商品美化方法,比如裁剪、调色、抠图、加边框等
第4章 主要介绍电商店铺中的店标、LOGO、活动图等案例设计
第5章 主要介绍电商店铺中的店招、公告栏、导航条、首页海报等案例设计
第6章 主要介绍电商店铺中的主图视频、详情页视频案例设计与基础知识
第7章 主要介绍电商店铺中的首页欢迎区、店铺收藏区、客服区等案例设计
第8章 主要介绍电商店铺中的促销广告的基础知识与案例设计
第9章 主要介绍电商店铺中的详情页的基础知识与案例设计
第10章 主要介绍电商店铺中的宝贝陈列展区、分类引导区、店铺页尾等案例设计
第11章 主要介绍手机端电商店铺中各个页面的基础知识与装修技巧
第12章 主要介绍女性服装店铺、男性服装店铺以及儿童服装店铺的装修技巧
三、本书写作特色
为了让读者更好地学习与翻阅,本书在具体的写法上也暗藏玄机,具体总结如下。
零起点快速起步,软件技术全面掌握
本书从电商店铺装修的基本概念讲起,由浅入深,逐渐深入,对电商店铺装修的设计思路、原则、方法和技巧进行了全面的阐述。
案例贴身实战,技巧原理细心解说
本书每个知识点都配有课堂举例,直观、生动地演示每个技术核心。在一些重点和要点处,还添加了大量的提示和技巧讲解,帮助读者理解和加深认识,从而真正掌握,以达到举一反三、灵活运用的目的。
15种行业类型,行业应用全面接触
本书实例涉及服装、化妆、箱包、数码等常见15种行业类型,读者可以从中积累相关经验,拓展设计思路,以快速适应灵活多变的电商店铺装修制作要求。
40多个制作实例,设计技能快速提升
本书讲解的电商店铺装修设计案例,全部来源于实际商业项目,包含一流的创意和智慧,为读者了解一个主题或产品应如何展示提供了较好的“临摹”蓝本。
高清视频讲解,学习效率轻松翻倍
全书40个实例长达13小时,可以通过扫描实例中的二维码随时随地享受专家课堂式的讲解,提高学习兴趣和效率。另外,书中实例所需素材以及源文件可通过扫描右侧的二维码进行下载。
网络在线答疑,自学沟通零距离
为了方便自学的读者,本系列图书提供了免费在线答疑QQ群,有专业老师在线为各位读者解答学习中遇到的任何问题,解除读者的后顾之忧。
四、本书写作团队
本书由聂榕、叶振艳、刘豫军编著,其他参与编写的还有江凡、张洁、马梅桂、戴京京、骆天、胡丹、陈运炳、申玉秀、陈云香、陈文香、陈军云、彭斌全、林小群、刘清平、钟睦、刘里锋、朱海涛、廖博、喻文明、易盛、陈晶、张绍华、陈文轶、杨少波、杨芳、刘有良、刘珊、赵祖欣、毛琼健、江涛、张范、田燕等。
由于编者水平有限,书中疏漏与不妥之处在所难免。在感谢您选择本书的同时,也希望您能够把对本书的意见和建议告诉我们。
编 者
第3章 商品美化图
在装修电商店铺时,需要将商品图片进行后期处理,比如调整大小、处理色调、抠图以及添加水印、添加边框等,通过这一系列的处理,才能变成一张合格的、适合在网店中浏览的漂亮图片。本章将详细讲解商品图美化的操作方法,为后期的店铺装修打基础,从而装修出精美漂亮的店铺效果。
3.1 商品的裁剪
在装修店铺时,宝贝推荐区、橱窗区等不同区域所使用到的图片尺寸也不一样,需要对产品图片进行裁剪,以满足店铺的尺寸需求。本节详细讲解商品裁剪的具体方法。
3.1.1 自定裁剪区
使用裁剪工具可以通过调整裁剪控制框的大小,自定义裁剪区域进行裁剪操作。
01 启动Photoshop程序,在程序界面的菜单栏中,执行“文件”|“打开”命令,如图3-1所示。
02 弹出“打开”对话框,选择“素材第3章3.1.1女装.jpg”图像文件,如图3-2所示。
图3-1 执行“打开”命令 图3-2 选择图像文件
03 单击“打开”按钮,即可打开选择的图像文件,如图3-3所示。
04 选择工具箱中的 (裁剪工具),在画面中,单击鼠标并拖曳,创建矩形裁剪框,如图3-4所示。
图3-3 打开图像文件 图3-4 创建矩形裁剪框
05 将鼠标指针放置在裁剪框的边界上,当指针呈 形状时,按住鼠标左键拖曳可以调整裁剪框的大小,
如图3-5所示。
06 将鼠标指针放置在定界框四周的任意一个角上,当指针变为 形状时,按住快捷键Shift Alt的同时拖
动鼠标指针,可进行等比例缩放,如图3-6所示。
图3-5 调整裁剪框大小 图3-6 等比例缩放
07 将鼠标指针放置在裁剪框外,当指针变为 形状时,按住鼠标左键拖曳,即可旋转裁剪框,如图3-7所示。
08 单击工具选项栏上的 按钮,或者按回车键,或在裁剪框内双击,即可完成裁剪操作,裁剪框外的图像被去除,如图3-8所示。
图3-7 旋转裁剪框 图3-8 裁剪图像









评论
还没有评论。