淘宝美工教程22集第16集全屏轮播首焦图的设计制作共46页
淘宝美工设计培训
• 2.学习了dreamweaver，你可以胜任网页制作的工作。
• 工作范围就是将网页设计界面当然是图片格式的文件，转换为 HTML的页面，听起来很简单，但是需要记忆许多的HTML标签， 一旦熟悉之后，做网页制作会非常的简单。学习了dreamweaver 除了可以做网页制作意外，还可以做程序开发! • 微信：tiantian0572zl
淘宝美工设计培训
织里天天教育来自百度文库
• 1.学习完photoshop，那么就拥有设计的能力，拥有设计能力可以 来做淘宝美工。 具体的工作就是负责淘宝店铺的装修以及宝贝 细节的处理，还有就是产品的列表页和末页面设计，在做淘宝美 工设计的时候，需要打开自己的设计思路，尽量的放大放开大胆 的设计，因为淘宝店铺需要的是视觉的冲击力和震撼，所以尽情 的发挥自己的设计思路吧，让创意的暴风雨来的更猛烈些吧。
淘宝美工题库.
淘宝美工
一、单选题
1.室内拍摄产品布光时，一般至少几个光源? （ A ）
A.2
B.5
C.7
D.9
2.拍摄产品时有多个注意事项，其中不正确的是（ C ）
A.要尽量突出拍摄主体
B.背景纸放置要恰当，避免折痕。
C.产品的正面要有光影交错的朦胧感
D.拍摄的角度要有美感
3.为拍摄清晰的好图片，以下说法正确的是（ C ）
A.拍摄立体茶壶侧面图，采用从上而下的两个45度侧光效果比较好。
B.拍摄立体茶壶侧面图，采用从下而上的两个45度侧光效果比较好。
C.拍摄立体茶壶侧面图，采用从前到后的两个45度侧光效果比较好。
D.拍摄立体茶壶侧面图，采用从前到后的两个30度侧光效果比较好。
4.我们通常见到街市上卖西瓜的摊档，他们把西瓜切开部份展示给人看，目的是D
A.吸引眼球
B.促进购买的欲望
C.让客户知道这个西瓜到底好不好
D.以上都是
5.图片尺寸是指在屏幕上显示的长度和宽度，其单位是 B
A.KB
B.像素
C.M
D.Bit
6.图片格式是指图片在计算机上的存储格式；网上一般常用的存储格式,说法不正确的是 D
A.JPEG/JPG
B.GIF
C.PNG
D.PSD
7.对于图片大小的修改,以下说法正确的是 A
A.图片的像素只建议改小，不建议改大。因为图片放大会导致模糊。
B.图片的修改，可以将图的尺寸改大或改小，对效果不影响。
C.图片只建议小图改成大图,不建议改小.
D.图片只能剪切，不能改大小的
8.当我需要一张450*500px的图片裁剪成300px*400px的图片，如果用光影魔术手来处理，请问采用哪个裁剪功能比较方便？ C
A.自由裁剪
淘宝美工构图PPT课件
美工构图
2
内容导航
5.1 页面构图 5.2 海报布局 5.3 海报排版技巧 5.4 设计思路
3
5.1 页面构图
一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩丶构图丶风格 创意，细节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控 ，良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏 览具体内容就能了解这个页面的很多信息。
32
5.2.2 左图右文
33
5.2.2 左图右文
34
5.2.2 左图右文
35
5.2.3 中间文两边图
这张海报是两边图中间文字的排版，常见于多模特海报中。一般是一边 近景另外一边是远景模特产生对比和呼应。
7
5.1.1 几何切割
B. 对称切割
这种构图方式的前提一般是内容分主要两部分，并且这两部分是对 立关系的情况下，比如说：对战，男女，冷热等等。页面一分为二， 内容划分明确也更加具有视觉冲击力。
8
9
5.1.1 几何切割
C.组合切割
集中而规律的排列，从整体上抓住人们的视觉。这种构图方式适合 那种每个区块中的内容属于平级关系的专题，用这种组合的排列能够保 持各内容的关系，也能让布局更有创意
21
5.1.5 流程图
如果你拿到的专题是渐进以及流向又或者是展示各节点的内容，用别的形式总 感觉不够具象，那何不干脆做成一个个性化的流程图？俗话说，千言万语不如 一张图，专题运用这种构图方式能够将步骤，关系，各个节点以及整体流向展 示清楚，配合图片展示，一个枯燥的流程瞬间变得个性十足，用户浏览简单又 明了，并且充满了趣味性。
33.首焦轮播海报
Photoshop CS6 制作演示
课程唯一出售网址 http://konglaoshi.taobao.com
平行式排版
平行式排版是三大常见的排版方式之一，图片与文字分别各占海报的相 等区域。这种排版的文案要能高度概括活动主题，不然就没有看点；缺 点在于略显呆板，缺乏变化，容易千篇一律。
课程唯一出售网址 http://konglaoshi.taobao.com
• 分辨率
课程唯一出售网址 http://konglaoshi.taobao.com
满足各种尺寸显示需要，海报尺寸设计多少？
课程唯一出售网址 http://konglaoshi.taobao.com
• 为了用户体验，最好设为宽度1920px,这样基本上所有 的显示器都可以完全的铺满。
• 相反的，主要产品信息应在1280px之内或950px。这 样就可以保证，设计的主要内容，小屏幕显示器也能显 示完全。
精美文案类
课程唯一出售网址 http://konglaoshi.taobao.com
谢 谢
首焦轮播海报
孔老师淘宝美工教程2.0版
何为首焦图
• 淘宝店铺首页黄金位置第一屏海报——首焦图。称之为 “一页成名”。可以轮播形式循环播放。
课程唯一出售网址 http://konglaoshi.taobao.com
内容形式：
• 内容形式：产品节日活动促销宣传、新产品宣传、品牌 展示。
淘宝美工教程22集第16集：全屏轮播首焦图设计制作
• 常用的字体有衬线体、非衬线体、书法体、圆体等。如宋体字属 于衬线体，它的特点是清秀、优美、稳健等，多用与女性相关产 品、文化、艺术、生活等领域
• 黑体字属于非衬线体，它的特点是方正、粗犷、朴素、简洁无装 饰和粗细不等，字体形状醒目，在海报中主标题为了加强促销氛 围，往往会选择黑体字.
8.修饰
• 渐变背景是指两种或多种颜色的渐变，最大特点是指向性和方向 性。渐变背景能更好的引导消费者的视觉方向，使其集中在商品 或文案上，起到烘托作用.
• 场景背景是指以照片图像形式作为背景，可以将摄影图直接添加 文案使用。同时，在电商海报中经常是以合成类的场景背景出现.
• 材质纹理背景指自然界真是存在的物质作为背景，如肌理、丝绸、 金属、木材、岩石材质等，主要特点是真是，有代入感，烘托出 主图的某一特质.
大家好
首页海报占据首屏四分之三的位置，展示 的是单品宣传信息内容。
位于店铺首页店招导航下方的位置称之为 首页海报，又称之为“首焦轮播图”，通 常设置成1920像素全屏尺寸展示。
它处于黄金位置，占有较大的面积，是顾 客进入店铺首页中看到的最醒目区域，第 一视觉关注点。利用好首页海报轮播图， 不仅可以加大店铺活动、产品的宣传力度， 还可以提升店铺形象。
7.文案
• 文案指的是海报中出现的文本内容，目的是向消费者传递商品或 促销引导信息，在一张海报中，往往会出现主文案和辅助文案， 也就是主题和副主题的信息内容。设计师在设计海报过程中，处 理文案信息字体的选择和排版构图是重点内容
淘宝主图视频制作教程
淘宝主图视频(shìpín)制作教程(jiàochéng)_短短的9秒视频就能让大家可以一瞬间让众多观看者关注视频，可以让一个人一夜成名。同样地，淘宝9秒主图视频要的也是这样的效果，可以说是更强大的影响，也就是促进淘宝网内成交率的提升。商品详情页首屏第一个商品主图位置出现的视频，即主图视频。由于商品主图位置是买家进入详情页第一眼所见，因此主图以9秒影音动态的形式呈现，将增加用户在店停留时间，同时有效的在短时间内提升买家对商品的了解，促进买家做出购买(gòumǎi)决定。
对于商家来说，除了不正规手段，一切能帮助他们提高商品成交率的都是他们所追求(zhuīqiú)的，但基于自身情况的考虑，大部分不希望付出太多的资金，一来，他们怕店铺装修得非常豪华，成交率却毫无起色;其次就是他们即使有信心，但制作出来的主图视频质量不好。这些都会直接营销店铺流量的!这个时候，甩手工具箱制作主图视频功能就能起到很大的作用了。
要想提高商品转化率，就要制作一个主图视频，让你的商品顿时灵动起来，再也不用靠花哨的图片后期(hòuqī)处理，也不用绞尽脑汁想如何掳获人心的文字。与其它制作主图视频工具不同的是，甩手工具箱可以利用原来商品
素材一键制作主图视频，节省制作成本，不需要后期剪辑，任何新手都能操作。
制作主图视频(shìpín)步骤：
1、设置(shèzhì)制作范围
请根据制作主图视频(shìpín)的范围需求，选择一下整店制作或者是批量制作
a、整店制作(适合制作整店或者(huòzhě)店铺分类下主图视频)
输入待制作主图视频的淘宝店铺帐号或者店铺地址，然后点击(diǎn jī)下一步
详情页首页焦点图制作实战_淘宝天猫网店美工全能一本通：配色 抠图 装修 无线店铺_[共2页]
![详情页首页焦点图制作实战_淘宝天猫网店美工全能一本通：配色 抠图 装修 无线店铺_[共2页]](https://img.taocdn.com/s3/m/1241ed3c172ded630a1cb65b.png)
图9-12 主图与详情页焦点图
详情页首页焦点图制作实战
下面为女包设计焦点图，在设计时，需要从产品的形状进行构图、以产品的颜色来搭配背景的颜色，并以“时尚百搭小包”文案从百搭的角度打动消费者，设计后的首页焦点9-13所示。
详情页首焦设计
图9-13 详情页首页焦点图
下面进行女包详情页的首页焦点图制作，采用灰色背景来配合首页简洁大气的风格，并添加简单的矩形，使其更加完整，其具体操作如下。
187
淘宝全屏海报怎么制作_淘宝1920全屏海报制作
淘宝全屏海报怎么制作_淘宝1920全屏海报制
作
这里我说的是做宽屏的海报，所有这个宽度就不只是950px这么点了，依据大多数的宽屏显示器来看，我有一个尺寸可以供大家参照(1920px*500-600px)，也有可能更宽就看自己必须要吧，有一点是必须要说明的，不管多宽的海报，你的主题(海报要传达个买家的信息)要在海报的中间。
点开页面设置出现的页面和这个差不多是一样的，上面的颜色那一项就不用去管他，就直接点击改换图片就行，把你准备好的那张海报传上去，注意了，刚刚我没有说图片也有其大小，不是说的尺寸，而说的是质量差不多可以这样说吧，就是那个多少多少kb就是了，你进去就能看到是有要求的，就是在200kb以内。。建议选择不平铺和居中这两项可以了。再次，这才是做全屏海报的重中之重，刚刚的海报传上去那只是属于背景的哦，要是不做接下来的这一步，那么你所有的功夫都白费了。将刚刚的那些做完之后，必须要储存，储存完后持续会店铺装修。
2淘宝1920全屏海报制作
1.打开记事本把这代码复制粘贴在内做准备，也可用直接店铺装
修的自定内容区。为了更好的看效果这用记事本。
div
style=height:600px;margin-top:0px;margin-bottom:0px;marg in-left:0px;margin-right:0px;div
class=footer-more-trigger
style=left:50%;top:auto;border:none;padding:0;
div class=footer-more-trigger