
编辑推荐
1. 本书不仅是一本美工方面的教材,更是一本淘 宝天 猫美工的入行指南。
2. 本书由网易云课堂、摄图网和腾讯课堂这 3 家学习平台联合推荐的教材。
3. 本书包含全程同步视频,另外还免费赠送价值的PS线下实录课程。
4. 购书优惠。购买图书,即可获取网易云课堂顾领中老师的视频课程优惠券,还可以与作者直接交流学习。
作者简介
顾领中,大学客座老师;
2013年创办“C课堂”教育网;
2016年创办领跑教育;
2014年与2017年分别两次获得网易云课堂“金云奖”。
目录
第1章 淘 宝美工设计基础知识 001
1.1 申请一个淘 宝店铺 002
1.2 为什么要对淘 宝店铺进行设计? 008
1.3 淘 宝设计工具PS与AI简介 011
1.4 淘 宝海报的各模块尺寸 012
1.5 电商平台的主流格式 031
第2章 淘 宝美工的设计修养 043
2.1 电商从业者的自我修养 044
2.2 色彩印象知多少 048
2.3 如何设计一张好的引流海报? 058
第3章 淘 宝宝贝拍摄技法 063
3.1 专业数码单反摄影基础知识 064
3.2 商业摄影实战拍摄 069
第4章 每个设计师都有自己的素材库 083
4.1 为什么需要建立自己的素材库? 084
4.2 如何建立自己的素材库? 084
4.3 如何管理素材库? 085
4.4 推荐设计网站 087
第5章 淘 宝平面与美学设计 095
5.1 平面设计基础知识 096
5.2 淘 宝美工设计要素 097
第6章 图片精修之修图技法 109
6.1 利用钢笔工具对产品抠图 110
6.2 使用快速选择工具抠轮廓 114
6.3 火焰的秘密—使用混合模式抠图 116
6.4 浪花云层抠图技巧 118
6.5 Alpha抠取发丝技巧 122
第7章 图片精修之高端技法 125
7.1 产品修图的必要性 126
7.2 化腐朽为神奇—laisai激光仪的修图技巧 126
7.3 秀出产品的亮点—皮鞋的修图技巧 131
7.4 “捅娄子”了怎么办?—LED灯泡偏色后的调整 138
7.5 靓图才够味—女士内衣色调的调整 148
7.6 重新调整光影关系—童装 154
7.7 图修不好不要总怪后期—背包 159
7.8 玻璃质感图片的修饰—玻璃杯 163
第8章 店铺首页设计与装修—通用招数 173
8.1 首页上都要放点啥? 174
8.2 运筹帷幄仅需几步—店招背景 177
8.3 做设计也要学会“偷懒”—店招 179
8.4 给宝贝分门别类—导航栏 183
8.5 随时随地购物—首页固定背景 184
8.6 购物体验好 简洁化分类—分类导航 187
8.7 添加链接真不算事儿—分类导航链接 189
8.8 小店铺 大架势—客服中心 192
8.9 以不变应万变—首页海报 195
8.10 贴个告示 昭告天下—买家须知 199
第9章 店铺首页设计与装修—绝招 201
9.1 制作全屏轮播图 202
9.2 我的选择比你多—个性优惠券 208
9.3 高效设计 211
9.4 全新技能再次起航—旺铺智能版 220
9.5 更方便的导航—智能版悬浮导航 223
第10章 Hot类目的海报设计 225
10.1 什么行业什么风 226
10.2 皮草行业海报—让你的冬天也变得时尚 229
10.3 登山鞋行业海报—回归设计的“本质” 232
10.4 女装行业海报—综合运用各种技巧 236
第11章 个性宝贝的海报设计 241
11.1 冰箱行业海报—探“鲜”永无止境 242
……
11.3 手表行业海报—神秘时尚简约 251
11.4 键盘行业海报—沉稳与活跃其实可以相辅相成 256
11.5 平衡车行业海报—别出心裁 漫游世界 259
第12章 详情页海报设计大揭秘 263
12.1 详情页为什么那么重要? 264
12.2 爆款的秘密—详情页制作流程 266
12.3 吸引客户很重要—店铺活动图 270
第13章 详情页海报设计实战 291
13.1 给买家秀秀宝贝—模特图 292
13.2 产品说服力靠图“说话”—产品图 299
13.3 360°完美展示—细节图 308
13.4 对买家要贴心一点—尺码图 316
13.5 搭配点餐后的“水果”—关联销售 322
13.6 掌柜推荐又出新花样—心选 327
第14章 详情页营销模块设计 333
14.1 自定义店铺收藏 334
14.2 客服中心 340
14.3 客服链接 344
14.4 子账号分流 346
14.5 店铺优惠券 347
14.6 微海报 352
第15章 淘 宝手机端的视觉设计 355
15.1 装修千人千面—1分钟装修店铺 359
……
15.3 熟知每一个用户的习惯—智能单/双列模块 369
15.4 营造店内营销气氛—倒计时 372
15.5 搭配效果更直观—标签图 376
15.6 设计模板任你挑—美颜切图 381
15.7 承接多余的流量—承接页 390
以下内容为电子书
第16章 店铺整体设计实战 397
16.1 项目制作前期准备 398
16.2 首页布局和装修模块应用技巧 432
16.3 全屏海报落地页 433
16.4 个性化宝贝分类 441
16.5 轮播图效果制作 447
16.6 返回首页效果 455
16.7 详情页首图与详情页视频 461
16.8 承接页与关联销售 471
16.9 模特图、产品图、细节图、尺码图 478
16.10 默认详情页的设计 482
文摘
第1章 Taobao美工 设计基础知识
Taobao美工的需求量随着电商的发展不断增大,对于零基础的读者来说,了解Taobao美工设计的基础知识是成为专业Taobao美工的第一步。本章从申请开店开始,介绍Taobao设计工具、海报模块尺寸及电商平台主流格式等Taobao美工应具备的基础知识。
1.1 申请一个Taobao店铺
俗话说:“巧妇难为无米之炊。”在做Taobao电商和店铺装修的工作之前,第一步需要做的就是申请一个Taobao店铺,下面将详细讲解申请Taobao店铺的过程。
1.1.1支付宝实名认证
支付宝实名认证是由支付宝(中国)网络技术有限公司提供的一项身份识别服务,支付宝实名认证是为了核实会员身份信息和银行账户信息。用户通过支付宝实名认证后,就相当于拥有了一张互联网身份证。有了这张身份证就可以在Taobao网等众多电子商务网站开店、出售商品,增加支付宝账户拥有者的信用度。
1. Taobao账号、支付宝注册需要做的准备
① 需要准备一个邮箱,如QQ、163或雅虎等,已经有邮箱的用户可以直接进入Taobao网首页单击【免费注册】按钮,按步骤填写成功后就会拥有一个用户名和密码,然后登录个人邮箱,点击指定链接即可激活Taobao账号。
② 注册Taobao账号时,有一个选项是【自动注册支付宝】,也就是用你的邮箱注册的支付宝账号。如果没有选择那一项,就用注册Taobao账号用的邮箱地址,因为注册后要登录这个邮箱收到激活信并激活。激活成功后,登录支付宝,设定支付宝相关信息。
2. Taobao账号注册的流程
1 打开Taobao网页面,单击【免费注册】按钮,如右图所示。
2 在弹出的【注册协议】页面单击【同意协议】按钮,如右图所示。
3 根据提示填写申请资料, 然后单击【确认】按钮, 如右图所示。
4 如果之前用手机号注册过Taobao店铺,则会弹出如右图所示的页面。
5 如果是本人,可直接单击【该账户是我的,立即登录】按钮;如果不是本人,可单击【不是我的,使用邮箱继续注册】链接。如利用QQ邮箱申请,在QQ邮箱中打开Taobao网发送的邮件,单击下面的链接会弹出设置登录密码页面,如右图所示。
3.支付宝注册流程
普通用户可以在支付宝网站首页完成支付宝的注册,对于Taobao卖家而言,也可以在创建个人店铺的过程中注册支付宝。下面就介绍在创建个人店铺过程中注册支付宝的操作步骤。
1 Taobao账号注册成功后,进入【卖家中心】界面,单击【免费开店】按钮,进入【我要开店】页面,单击【创建个人店铺】按钮,如右图所示。
2 在第二步的【阅读开店须知】界面中,单击【我已了解,继续开店】按钮, 如右图所示。
3 进入【申请开店认证】界面,单击【支付宝实名认证】后的【立即认证】链接,在身份验证界面中将个人证件上传,单击【确定提交】按钮,如右图所示。
4 身份证件上传验证成功后,还需要扫脸验证和银行卡验证,如右图所示。
提示:扫脸验证需要通过手机完成校验,扫描完成后单击【已完成拍摄,点此继续认证】链接,具体操作根据提示完成 即可。
5 扫脸验证完成后,进行银行卡验证,再将个人信息填写完整,单击【下一步】按钮即可,如右图所示。
提示:在Taobao注册时已绑定了一张银行卡,这里提示需要再绑定一张银行卡,就是为了做到双重认证。
1.1.2Taobao开店认证
完成Taobao账户的开通和支付宝的实名认证后,进行Taobao开店认证,具体操作步骤如下。
1 接上一节操作。完成支付宝实名认证后,用户就可以进行Taobao开店认证了。在【申请开店认证】界面单击【Taobao开店认证】后的【立即认证】链接,如右图所示。
2 在弹出的【Taobao网身份认证】界面中,单击【立即认证】按钮,如右图所示。
3 在弹出的界面中会出现具体的操作步骤,如右图所示。
提示:单击【扫码安装】,安装【钱盾】客户端。安装完成后,打开【钱盾】客户端,扫码认证。
4 在弹出的【阿里实人认证】界面,根据提示单击【开始认证】按钮,如右图所示。
提示:认证时会要求你张张嘴、眨眨眼、左右上下摇摇头等,根据提示操作即可完成脸部扫描认证。
5 根据身份证的上传提示操作,单击【立即拍照】按钮,对身份证进行验证, 如右图所示。
提示:再根据提示完成对手机和地址的验证,单击【提交】按钮即可。
6 完成以上所有的认证操作后,无论是手机端还是PC 端,都会弹出认证审核中的界面,如右图所示。
提示:一般Taobao店铺的审核需要3天。
7 Taobao开店认证完成后进入卖家中心,可以看到双重认证已通过,单击【下一步】按钮,如右图所示。
8 弹出【阅读开店协议】界面,单击【同意】按钮, 如右图所示。
提示:弹出【安全提醒】界面,单击【我知道了】按钮即可。
9 当所有的认证通过后,就会弹出【亲,店铺创建成功啦!祝你生意兴隆!】界面,如右图所示。
1.2 为什么要对Taobao店铺进行设计?
Taobao店铺作为一个交易进行的场所,漂亮、大气的装修设计才能吸引买家进店查看商品,进而引起买家的购买欲望,促进交易的进行,因此,对Taobao店铺的设计是十分必要的。
1.2.1拒绝“牛皮癣”式的设计
实体店可以直观感受,而网店则需要根据各种参数来感受。Taobao美工需要根据客户的店铺需求和产品定位来设计,装修出来的店铺不一定要“高大上”,只要与你的目标买家群体、消费层次和文化层次相近即可。既不建议大家做出像“牛皮癣”式的设计,也反对一味地模仿“高大上”的设计,如极简主义的设计风格,对比图如下图所示。
像苹果这种大品牌,通过各种渠道都可以知道其产品的特性,所以在文案上用极简单的文字带过,突出产品图即可。而中小卖家是没有这么大的影响力的,因此千万不要盲目崇拜苹果的设计模式。店铺设计首要任务就是做出一个首图,因为买家都是通过搜索来寻找店铺的,如果首图不过关是吸引不了买家的。
1.2.2好的设计才能高效地引流
实体店铺的形象设计能为店铺塑造更加完美的形象,加深消费者对企业的印象。下图为网店设计的基本内容。
网店设计一个非常重要的作用就是品牌识别。建立一个网店,也需要自己的网店名称、独具特色的网店标识和区别于其他店铺的色彩风格。一方面,作为一个网络品牌要容易让消费者有所感知,从而产生心理上的认同感;另一方面,作为一个企业的CI(企业形象)识别系统,要让自己的店铺区别于其他竞争对手。
人机界面的设计在网店环境的设计中是非常重要的,用户界面(UI)的友好度很早就为众多的设计者所重视,UI设计已被应用到众多网站的设计中。消费者第一次进入店铺,很难一下子就评定出产品的优劣,但美观的网店设计却足以给消费者留下良好的第一印象,一旦消费者对界面或网店布局产生了好感,那么其内心就会趋向于认同,产生购买欲望。下面来欣赏一些好的网店设计。
1.3 Taobao设计工具PS 与AI 简介
Taobao店铺装修设计一般使用的工具就是PS和AI。下面通过素材网站中的素材,来简单介绍PS和AI。
1 海报设计的主要软件PS。它是一种合成性的工具,如有人物抠图的现象,都是psd的格式,做出的图像称为维度图形,当放大到一定程度时会出现马赛克。
2 辅助性软件AI。AI是一种标准规范性、矢量性的设计工具,是通过画图来设计(常用于如LOGO、纯色设计及渐变色的设计等)的,不管怎样放大像素值都不会发生改变,它是一种设计性的工具。
提示:在互联网设计中用到的都是维度图形。只要海报设计在1∶1的情况下是清晰的就可以。
1.4 Taobao海报的各模块尺寸
Taobao店铺的装修体现着一家店铺的形象、气质、档次。在Taobao店铺中,不同的页面、不同的模块用到的海报尺寸是不同的,有Taobao网规定的标准规范。
1.4.1 设计小白如何理解像素?
像素(Pixel)是由图像的小方格组成的,这些小方块都有一个明确的位置和被分配的色彩数值,而这些小方格的颜色和位置决定了该图像所呈现出来的样子。可以将像素视为整个图像中不可分割的单位或者元素,不可分割的意思是它不能够再切割成更小单位抑或元素,它是以一个单一颜色的小格存在的。每一个点阵图像包含了一定量的像素,这些像素决定图像在屏幕上呈现的大小。
如果将图片放大到最大会出现一个个方格,这些方格称为像素点,下面来看看一个像素点究竟有多大。
1 新建一个宽度为1像素、高度为1像素、分辨率为72像素/英寸的文档,单击【创建】按钮,如下图所示。
提示:和屏幕相关的设计的像素都是72像素。
2 屏幕中只有一个小亮点,很难看清,按住【Alt】+鼠标滚轮将图像放大至最大, 如右图所示。
提示:像素的本质就是一个像素点,这个像素点可以对应任意一种颜色。如果一个图像有1000万像素,就代表这个图像有1000万种颜色点,它的颜色既可以相同也可以不同,相当于我们拿显微镜看到的像素点。
3 另外新建一个1万像素的文档,在1∶1情况下它的大小如右图所示。
下面通过实际图像来感受一下像素和像素点的大小。
1 在PS中打开“素材\ ch01\ 像素配套图.jpg”,我们看到的物理大小是不算大的,如右图所示。
2 我们将视图比例调为1∶1, 如右图所示。
提示:用户可以按【Ctrl+1】组合键将图像放大至1∶1。
3 选择【图像】→【图像大小】选项,可以查看图像真正的大小和像素大小, 如右图所示。
提示:一般显示屏容纳最多的像素是1440×900,大概可以容纳140 万个像素点,可见我们的素材图片有多大。
为了巩固大家对像素的理解,我们可以打开Taobao网,让大家用猜的方式加强对像素的理解。比如在钻展图的区域,凭肉眼看像素大概的大小,前文我们介绍了100万的像素大概是多大,也介绍了整个屏幕的宽度是1440像素,那我们就可以拿这张图来做对比,它大概占整个屏的宽度是多少,就可以算出图像的大概尺寸了,公式就是用1440像素除以图像占满全屏的个数。
下面看几个在设计中比较常用的尺寸1∶1情况下的大小,依次是700×700和950×像素, 如下图所示。
1. 本书不仅是一本美工方面的教材,更是一本淘 宝天 猫美工的入行指南。
2. 本书由网易云课堂、摄图网和腾讯课堂这 3 家学习平台联合推荐的教材。
3. 本书包含全程同步视频,另外还免费赠送价值的PS线下实录课程。
4. 购书优惠。购买图书,即可获取网易云课堂顾领中老师的视频课程优惠券,还可以与作者直接交流学习。
作者简介
顾领中,大学客座老师;
2013年创办“C课堂”教育网;
2016年创办领跑教育;
2014年与2017年分别两次获得网易云课堂“金云奖”。
目录
第1章 淘 宝美工设计基础知识 001
1.1 申请一个淘 宝店铺 002
1.2 为什么要对淘 宝店铺进行设计? 008
1.3 淘 宝设计工具PS与AI简介 011
1.4 淘 宝海报的各模块尺寸 012
1.5 电商平台的主流格式 031
第2章 淘 宝美工的设计修养 043
2.1 电商从业者的自我修养 044
2.2 色彩印象知多少 048
2.3 如何设计一张好的引流海报? 058
第3章 淘 宝宝贝拍摄技法 063
3.1 专业数码单反摄影基础知识 064
3.2 商业摄影实战拍摄 069
第4章 每个设计师都有自己的素材库 083
4.1 为什么需要建立自己的素材库? 084
4.2 如何建立自己的素材库? 084
4.3 如何管理素材库? 085
4.4 推荐设计网站 087
第5章 淘 宝平面与美学设计 095
5.1 平面设计基础知识 096
5.2 淘 宝美工设计要素 097
第6章 图片精修之修图技法 109
6.1 利用钢笔工具对产品抠图 110
6.2 使用快速选择工具抠轮廓 114
6.3 火焰的秘密—使用混合模式抠图 116
6.4 浪花云层抠图技巧 118
6.5 Alpha抠取发丝技巧 122
第7章 图片精修之高端技法 125
7.1 产品修图的必要性 126
7.2 化腐朽为神奇—laisai激光仪的修图技巧 126
7.3 秀出产品的亮点—皮鞋的修图技巧 131
7.4 “捅娄子”了怎么办?—LED灯泡偏色后的调整 138
7.5 靓图才够味—女士内衣色调的调整 148
7.6 重新调整光影关系—童装 154
7.7 图修不好不要总怪后期—背包 159
7.8 玻璃质感图片的修饰—玻璃杯 163
第8章 店铺首页设计与装修—通用招数 173
8.1 首页上都要放点啥? 174
8.2 运筹帷幄仅需几步—店招背景 177
8.3 做设计也要学会“偷懒”—店招 179
8.4 给宝贝分门别类—导航栏 183
8.5 随时随地购物—首页固定背景 184
8.6 购物体验好 简洁化分类—分类导航 187
8.7 添加链接真不算事儿—分类导航链接 189
8.8 小店铺 大架势—客服中心 192
8.9 以不变应万变—首页海报 195
8.10 贴个告示 昭告天下—买家须知 199
第9章 店铺首页设计与装修—绝招 201
9.1 制作全屏轮播图 202
9.2 我的选择比你多—个性优惠券 208
9.3 高效设计 211
9.4 全新技能再次起航—旺铺智能版 220
9.5 更方便的导航—智能版悬浮导航 223
第10章 Hot类目的海报设计 225
10.1 什么行业什么风 226
10.2 皮草行业海报—让你的冬天也变得时尚 229
10.3 登山鞋行业海报—回归设计的“本质” 232
10.4 女装行业海报—综合运用各种技巧 236
第11章 个性宝贝的海报设计 241
11.1 冰箱行业海报—探“鲜”永无止境 242
……
11.3 手表行业海报—神秘时尚简约 251
11.4 键盘行业海报—沉稳与活跃其实可以相辅相成 256
11.5 平衡车行业海报—别出心裁 漫游世界 259
第12章 详情页海报设计大揭秘 263
12.1 详情页为什么那么重要? 264
12.2 爆款的秘密—详情页制作流程 266
12.3 吸引客户很重要—店铺活动图 270
第13章 详情页海报设计实战 291
13.1 给买家秀秀宝贝—模特图 292
13.2 产品说服力靠图“说话”—产品图 299
13.3 360°完美展示—细节图 308
13.4 对买家要贴心一点—尺码图 316
13.5 搭配点餐后的“水果”—关联销售 322
13.6 掌柜推荐又出新花样—心选 327
第14章 详情页营销模块设计 333
14.1 自定义店铺收藏 334
14.2 客服中心 340
14.3 客服链接 344
14.4 子账号分流 346
14.5 店铺优惠券 347
14.6 微海报 352
第15章 淘 宝手机端的视觉设计 355
15.1 装修千人千面—1分钟装修店铺 359
……
15.3 熟知每一个用户的习惯—智能单/双列模块 369
15.4 营造店内营销气氛—倒计时 372
15.5 搭配效果更直观—标签图 376
15.6 设计模板任你挑—美颜切图 381
15.7 承接多余的流量—承接页 390
以下内容为电子书
第16章 店铺整体设计实战 397
16.1 项目制作前期准备 398
16.2 首页布局和装修模块应用技巧 432
16.3 全屏海报落地页 433
16.4 个性化宝贝分类 441
16.5 轮播图效果制作 447
16.6 返回首页效果 455
16.7 详情页首图与详情页视频 461
16.8 承接页与关联销售 471
16.9 模特图、产品图、细节图、尺码图 478
16.10 默认详情页的设计 482
文摘
第1章 Taobao美工 设计基础知识
Taobao美工的需求量随着电商的发展不断增大,对于零基础的读者来说,了解Taobao美工设计的基础知识是成为专业Taobao美工的第一步。本章从申请开店开始,介绍Taobao设计工具、海报模块尺寸及电商平台主流格式等Taobao美工应具备的基础知识。
1.1 申请一个Taobao店铺
俗话说:“巧妇难为无米之炊。”在做Taobao电商和店铺装修的工作之前,第一步需要做的就是申请一个Taobao店铺,下面将详细讲解申请Taobao店铺的过程。
1.1.1支付宝实名认证
支付宝实名认证是由支付宝(中国)网络技术有限公司提供的一项身份识别服务,支付宝实名认证是为了核实会员身份信息和银行账户信息。用户通过支付宝实名认证后,就相当于拥有了一张互联网身份证。有了这张身份证就可以在Taobao网等众多电子商务网站开店、出售商品,增加支付宝账户拥有者的信用度。
1. Taobao账号、支付宝注册需要做的准备
① 需要准备一个邮箱,如QQ、163或雅虎等,已经有邮箱的用户可以直接进入Taobao网首页单击【免费注册】按钮,按步骤填写成功后就会拥有一个用户名和密码,然后登录个人邮箱,点击指定链接即可激活Taobao账号。
② 注册Taobao账号时,有一个选项是【自动注册支付宝】,也就是用你的邮箱注册的支付宝账号。如果没有选择那一项,就用注册Taobao账号用的邮箱地址,因为注册后要登录这个邮箱收到激活信并激活。激活成功后,登录支付宝,设定支付宝相关信息。
2. Taobao账号注册的流程
1 打开Taobao网页面,单击【免费注册】按钮,如右图所示。
2 在弹出的【注册协议】页面单击【同意协议】按钮,如右图所示。
3 根据提示填写申请资料, 然后单击【确认】按钮, 如右图所示。
4 如果之前用手机号注册过Taobao店铺,则会弹出如右图所示的页面。
5 如果是本人,可直接单击【该账户是我的,立即登录】按钮;如果不是本人,可单击【不是我的,使用邮箱继续注册】链接。如利用QQ邮箱申请,在QQ邮箱中打开Taobao网发送的邮件,单击下面的链接会弹出设置登录密码页面,如右图所示。
3.支付宝注册流程
普通用户可以在支付宝网站首页完成支付宝的注册,对于Taobao卖家而言,也可以在创建个人店铺的过程中注册支付宝。下面就介绍在创建个人店铺过程中注册支付宝的操作步骤。
1 Taobao账号注册成功后,进入【卖家中心】界面,单击【免费开店】按钮,进入【我要开店】页面,单击【创建个人店铺】按钮,如右图所示。
2 在第二步的【阅读开店须知】界面中,单击【我已了解,继续开店】按钮, 如右图所示。
3 进入【申请开店认证】界面,单击【支付宝实名认证】后的【立即认证】链接,在身份验证界面中将个人证件上传,单击【确定提交】按钮,如右图所示。
4 身份证件上传验证成功后,还需要扫脸验证和银行卡验证,如右图所示。
提示:扫脸验证需要通过手机完成校验,扫描完成后单击【已完成拍摄,点此继续认证】链接,具体操作根据提示完成 即可。
5 扫脸验证完成后,进行银行卡验证,再将个人信息填写完整,单击【下一步】按钮即可,如右图所示。
提示:在Taobao注册时已绑定了一张银行卡,这里提示需要再绑定一张银行卡,就是为了做到双重认证。
1.1.2Taobao开店认证
完成Taobao账户的开通和支付宝的实名认证后,进行Taobao开店认证,具体操作步骤如下。
1 接上一节操作。完成支付宝实名认证后,用户就可以进行Taobao开店认证了。在【申请开店认证】界面单击【Taobao开店认证】后的【立即认证】链接,如右图所示。
2 在弹出的【Taobao网身份认证】界面中,单击【立即认证】按钮,如右图所示。
3 在弹出的界面中会出现具体的操作步骤,如右图所示。
提示:单击【扫码安装】,安装【钱盾】客户端。安装完成后,打开【钱盾】客户端,扫码认证。
4 在弹出的【阿里实人认证】界面,根据提示单击【开始认证】按钮,如右图所示。
提示:认证时会要求你张张嘴、眨眨眼、左右上下摇摇头等,根据提示操作即可完成脸部扫描认证。
5 根据身份证的上传提示操作,单击【立即拍照】按钮,对身份证进行验证, 如右图所示。
提示:再根据提示完成对手机和地址的验证,单击【提交】按钮即可。
6 完成以上所有的认证操作后,无论是手机端还是PC 端,都会弹出认证审核中的界面,如右图所示。
提示:一般Taobao店铺的审核需要3天。
7 Taobao开店认证完成后进入卖家中心,可以看到双重认证已通过,单击【下一步】按钮,如右图所示。
8 弹出【阅读开店协议】界面,单击【同意】按钮, 如右图所示。
提示:弹出【安全提醒】界面,单击【我知道了】按钮即可。
9 当所有的认证通过后,就会弹出【亲,店铺创建成功啦!祝你生意兴隆!】界面,如右图所示。
1.2 为什么要对Taobao店铺进行设计?
Taobao店铺作为一个交易进行的场所,漂亮、大气的装修设计才能吸引买家进店查看商品,进而引起买家的购买欲望,促进交易的进行,因此,对Taobao店铺的设计是十分必要的。
1.2.1拒绝“牛皮癣”式的设计
实体店可以直观感受,而网店则需要根据各种参数来感受。Taobao美工需要根据客户的店铺需求和产品定位来设计,装修出来的店铺不一定要“高大上”,只要与你的目标买家群体、消费层次和文化层次相近即可。既不建议大家做出像“牛皮癣”式的设计,也反对一味地模仿“高大上”的设计,如极简主义的设计风格,对比图如下图所示。
像苹果这种大品牌,通过各种渠道都可以知道其产品的特性,所以在文案上用极简单的文字带过,突出产品图即可。而中小卖家是没有这么大的影响力的,因此千万不要盲目崇拜苹果的设计模式。店铺设计首要任务就是做出一个首图,因为买家都是通过搜索来寻找店铺的,如果首图不过关是吸引不了买家的。
1.2.2好的设计才能高效地引流
实体店铺的形象设计能为店铺塑造更加完美的形象,加深消费者对企业的印象。下图为网店设计的基本内容。
网店设计一个非常重要的作用就是品牌识别。建立一个网店,也需要自己的网店名称、独具特色的网店标识和区别于其他店铺的色彩风格。一方面,作为一个网络品牌要容易让消费者有所感知,从而产生心理上的认同感;另一方面,作为一个企业的CI(企业形象)识别系统,要让自己的店铺区别于其他竞争对手。
人机界面的设计在网店环境的设计中是非常重要的,用户界面(UI)的友好度很早就为众多的设计者所重视,UI设计已被应用到众多网站的设计中。消费者第一次进入店铺,很难一下子就评定出产品的优劣,但美观的网店设计却足以给消费者留下良好的第一印象,一旦消费者对界面或网店布局产生了好感,那么其内心就会趋向于认同,产生购买欲望。下面来欣赏一些好的网店设计。
1.3 Taobao设计工具PS 与AI 简介
Taobao店铺装修设计一般使用的工具就是PS和AI。下面通过素材网站中的素材,来简单介绍PS和AI。
1 海报设计的主要软件PS。它是一种合成性的工具,如有人物抠图的现象,都是psd的格式,做出的图像称为维度图形,当放大到一定程度时会出现马赛克。
2 辅助性软件AI。AI是一种标准规范性、矢量性的设计工具,是通过画图来设计(常用于如LOGO、纯色设计及渐变色的设计等)的,不管怎样放大像素值都不会发生改变,它是一种设计性的工具。
提示:在互联网设计中用到的都是维度图形。只要海报设计在1∶1的情况下是清晰的就可以。
1.4 Taobao海报的各模块尺寸
Taobao店铺的装修体现着一家店铺的形象、气质、档次。在Taobao店铺中,不同的页面、不同的模块用到的海报尺寸是不同的,有Taobao网规定的标准规范。
1.4.1 设计小白如何理解像素?
像素(Pixel)是由图像的小方格组成的,这些小方块都有一个明确的位置和被分配的色彩数值,而这些小方格的颜色和位置决定了该图像所呈现出来的样子。可以将像素视为整个图像中不可分割的单位或者元素,不可分割的意思是它不能够再切割成更小单位抑或元素,它是以一个单一颜色的小格存在的。每一个点阵图像包含了一定量的像素,这些像素决定图像在屏幕上呈现的大小。
如果将图片放大到最大会出现一个个方格,这些方格称为像素点,下面来看看一个像素点究竟有多大。
1 新建一个宽度为1像素、高度为1像素、分辨率为72像素/英寸的文档,单击【创建】按钮,如下图所示。
提示:和屏幕相关的设计的像素都是72像素。
2 屏幕中只有一个小亮点,很难看清,按住【Alt】+鼠标滚轮将图像放大至最大, 如右图所示。
提示:像素的本质就是一个像素点,这个像素点可以对应任意一种颜色。如果一个图像有1000万像素,就代表这个图像有1000万种颜色点,它的颜色既可以相同也可以不同,相当于我们拿显微镜看到的像素点。
3 另外新建一个1万像素的文档,在1∶1情况下它的大小如右图所示。
下面通过实际图像来感受一下像素和像素点的大小。
1 在PS中打开“素材\ ch01\ 像素配套图.jpg”,我们看到的物理大小是不算大的,如右图所示。
2 我们将视图比例调为1∶1, 如右图所示。
提示:用户可以按【Ctrl+1】组合键将图像放大至1∶1。
3 选择【图像】→【图像大小】选项,可以查看图像真正的大小和像素大小, 如右图所示。
提示:一般显示屏容纳最多的像素是1440×900,大概可以容纳140 万个像素点,可见我们的素材图片有多大。
为了巩固大家对像素的理解,我们可以打开Taobao网,让大家用猜的方式加强对像素的理解。比如在钻展图的区域,凭肉眼看像素大概的大小,前文我们介绍了100万的像素大概是多大,也介绍了整个屏幕的宽度是1440像素,那我们就可以拿这张图来做对比,它大概占整个屏的宽度是多少,就可以算出图像的大概尺寸了,公式就是用1440像素除以图像占满全屏的个数。
下面看几个在设计中比较常用的尺寸1∶1情况下的大小,依次是700×700和950×像素, 如下图所示。
ISBN | 7301298293,9787301298299 |
---|---|
出版社 | 北京大学出版社 |
作者 | 顾领中 |
尺寸 | 16 |