具体描述
本书是一本帮助*美工学习网店装修及视觉设计的书。从零基础出发,通过理论结合实例的形式,以通俗易懂的语言,讲解了*美工需要掌握的各方面知识,同时涵盖了网店装修涉及的所有知识。
本书共8章,第1章讲解*美工需要掌握的基础知识;第2章到第4章通过*商品图美化、*店铺图设计和*视频制作等内容讲解*店铺图片与视频的处理;第5章到第7章讲解了*全店装修中的首页视觉设计、详情页视觉设计与手机*视觉设计;第8章讲解*店铺中的代码及简单的源代码装修,以满足美工的基本需求。
为了方便读者学习,本书提供了操作实例的教学视频,同时,赠送近千款实用素材,包括页面背景、图标、店招及装修常用代码等,方便随时调用,真正物超所值。
本书适合*店主和*美工学习使用,也适合作为相关培训机构和职业院校相关专业的参考教程。
作者简介
目录信息
1.1 什么是淘宝美工..............................8
1.1.1 淘宝美工的定义................................8
1.1.2 美工必备知识...................................8
1.2 美工文案策划............................... 12
1.2.1 为什么要做文案.............................. 12
1.2.2 文案的前期准备.............................. 13
1.2.3 文案怎样写.................................... 13
1.2.4 哪里需要文案................................. 14
1.3 店内文案布局............................... 15
1.3.1 首页文案布局................................. 15
1.3.2 详情页文案布局.............................. 17
1.3.3 活动文案........................................ 19
1.4 店外文案.....................................20
========================================================
第2章 淘宝商品图美化
2.1 淘宝图片裁剪............................... 22
2.1.1 淘宝店铺常见尺寸..........................22
2.1.2 自定裁剪区....................................23
2.1.3 按尺寸裁剪....................................24
2.1.4 裁剪倾斜图片.................................25
2.2 商品图调色处理............................ 27
2.2.1 处理偏暗的图片..............................27
2.2.2 处理色彩暗淡的照片....................... 31
2.2.3 处理偏色的图片..............................32
2.3 淘宝图片污点处理.........................36
2.3.1 内容识别填充.................................36
2.3.2 污点修复画笔工具..........................38
2.3.3 仿制图章工具.................................39
2.4 多种抠图技巧...............................40
2.4.1 规则形状抠图.................................40
2.4.2 简单背景抠图................................. 41
2.4.3 复杂图形抠图.................................44
2.4.4 毛发抠图........................................48
2.4.5 图层关系替换背景..........................50
2.5 场景图合成.................................. 52
2.5.1 合成详情展示图..............................52
2.5.2 合成主图........................................54
2.5.3 水印与商品图合成..........................57
2.5.4 合成商品系列展示图.......................58
========================================================
第3章 淘宝店铺图设计
3.1 店铺Logo设计.............................66
3.1.1 Logo设计要领...............................66
3.1.2 Logo设计制作...............................67
3.1.3 设置Logo为水印............................70
3.2 店标设计..................................... 71
3.2.1 店标分类........................................ 71
3.2.2 静态店标设计制作..........................72
3.2.3 动态店标设计制作..........................75
3.2.4 上传店标至店铺..............................77
3.3 活动图制作..................................78
3.3.1 直通车图制作.................................78
3.3.2 钻展图制作....................................82
3.3.3 聚划算图制作.................................85
========================================================
第4章 淘宝视频制作
4.1 视频拍摄.....................................92
4.1.1 淘宝商品拍摄流程..........................92
4.1.2 视频构图的基本原则.......................93
4.1.3 景别与角度....................................95
4.2 认识会声会影...............................99
4.2.1 会声会影工作界面..........................99
4.2.2 视频制作流程............................... 103
4.3 淘宝视频制作............................. 104
4.3.1 9s主图视频制作........................... 104
4.3.2 详情页视频制作.............................112
4.3.3 为视频添加Logo.......................... 114
4.3.4 为视频配音.................................. 116
4.4 上传与应用视频...........................117
4.4.1 上传视频到淘宝............................ 117
4.4.2 主图视频的应用............................ 118
========================================================
第5章 店铺首页视觉设计
5.1 首页布局................................... 120
5.1.1 布局的视觉设计要点..................... 120
5.1.2 布局首页...................................... 123
5.2 店招的设计................................ 126
5.2.1 店招的视觉要点............................ 126
5.2.2 店招制作...................................... 127
5.2.3 装修店招...................................... 128
5.2.4 页头背景制作与装修..................... 129
5.3 导航的设计................................ 132
5.3.1 导航的视觉要点............................ 132
5.3.2 导航的装修.................................. 133
5.3.3 店招和导航装修............................ 136
5.4 首页海报/轮播图设计................... 143
5.4.1 海报的视觉要点............................ 143
5.4.2 海报图制作.................................. 145
5.4.3 全屏海报图装修............................ 148
5.4.4 全屏轮播图装修............................ 149
5.5 宝贝陈列展示区设计.................... 150
5.5.1 宝贝陈列展示的视觉要点.............. 150
5.5.2 宝贝推荐模块设置........................ 151
5.5.3 自定义展示区制作........................ 152
5.5.4 个性展示区.................................. 154
5.6 分类引导设计............................. 158
5.7 店铺页尾设计..............................161
5.7.1 页尾的视觉要点............................ 161
5.7.2 页尾的制作与装修........................ 162
5.8 首页其他装修............................. 164
5.8.1 添加收藏链接............................... 164
5.8.2 页面背景...................................... 166
========================================================
第6章 详情页视觉设计
6.1 详情页设计................................ 172
6.1.1 详情页分析.................................. 172
6.1.2 设计要点...................................... 173
6.1.3 制作流程...................................... 178
6.2“神笔”详情页装修..................... 179
6.2.1 使用详情页模板............................ 179
6.2.2 自定义模板制作详情页................. 181
6.3 设置详情直达导航....................... 184
========================================================
第7章 手机淘宝视觉设计
7.1 手机淘宝................................... 188
7.1.1 手机端与电脑端的区别................. 188
7.1.2 手机店铺装修要点........................ 188
7.2 手机淘宝首页装修....................... 189
7.2.1 首页模块的使用............................ 189
7.2.2 店招的设计.................................. 190
7.2.3 焦点图设计.................................. 192
7.2.4 优惠券设计.................................. 195
7.2.5 分类图设计.................................. 198
7.2.6 首页备份...................................... 199
7.3 手机详情页装修..........................200
7.3.1 导入电脑端详情............................200
7.3.2 模板生成详情............................... 201
7.4 手机店铺其他装修....................... 203
7.4.1 自定义菜单..................................203
7.4.2 手机海报......................................205
7.4.3 自定义页面装修............................207
========================================================
第8章 店铺中的代码
8.1 Photoshop切片........................ 210
8.1.1 切片的作用与技巧........................ 210
8.1.2 切片与优化存储............................ 210
8.2 Dreamweaver的使用................ 212
8.2.1 切片生成代码............................... 212
8.2.2 热点与链接.................................. 215
8.3 源代码装修................................ 216
8.4 获取淘宝常见链接代码................. 218
8.4.1“宝贝”链接................................. 218
8.4.2“图片”链接................................. 219
8.4.3“购物车”链接............................. 219
8.4.4“分享”链接.................................220
8.4.5“评论”链接................................. 221
8.4.6“喜欢”链接.................................222
8.4.7 客服“旺旺”链接........................223
8.4.8 店铺ID的获取...............................224
8.4.9 商品ID的获取...............................224
· · · · · · (收起)
读后感
用户评价
说实话,这本书的排版和装帧倒是挺精美的,纸质也算过得去,看起来确实像一本“大部头”。但这恰恰是它最大的陷阱所在——形式大于内容。我花钱买它,是想解决实际工作中的痛点,比如如何快速适应新的设计规范、如何提高审美水平以匹配不断升级的消费者心智。这本书给予我的感觉是,它只是将市面上各种零散的设计知识点,用一种比较正式的格式重新整合了一遍,并没有加入任何作者个人的、独创性的、或者经过市场检验的“秘方”。读完后,我的电脑里没有新增任何实用的快捷键设置,我的设计文件夹里没有增加任何可以即时套用的高质量源文件模板,我的设计思路也没有因为接触到新的理念而产生质的飞跃。它像是一本大学图书馆里陈旧的参考书,知识面上还算完整,但时效性和实用性已经完全跟不上时代的步伐了,对于一个以“攻略”自居的书籍来说,这是最大的失败。
这本所谓的“淘宝美工全攻略”,我拿到手的时候,心里充满了期待,毕竟在电商这个江湖里摸爬滚打这么久,深知一个好的视觉呈现能带来多大的转化率。然而,当我翻开第一页,我就察觉到一股浓厚的理论说教味,仿佛在读一本枯燥的网页设计基础教材,而不是一本实战性极强的工具书。里面花了大篇幅去讲解色彩理论的冷暖对比、构图的黄金分割法则,这些知识点本身没错,但对于一个急需解决“明天上新的主图怎么设计”的美工来说,简直是隔靴搔痒。更让人抓狂的是,对于淘宝这个特定平台的特殊要求,比如主图的尺寸限制、详情页的加载速度优化、以及如何应对平台最新的A/B测试机制,几乎只字未提。我期待看到的是如何用最少的步骤做出高转化率的SKU图,如何利用现成的模板进行快速迭代,结果却被一堆看似高深实则难以落地的设计哲学给淹没了。全书的案例陈旧得像是我五年前用的Photoshop版本,完全没有体现出近两年电商设计风格的巨大转变,比如极简主义的崛起,或者移动端优先的设计思路,读完后,我感觉自己像是学了一套精美的武功秘籍,却发现擂台已经换成了高科技搏击场,心拔凉拔凉的。
我给这本书打零分,是因为它完全没有体现出“淘宝”这个特定电商平台的“美工”特色。很多设计原则是通用的,但淘宝的视觉语言是独一无二的,它深受平台活动(比如双十一、618)的视觉氛围影响,对价格敏感度、促销信息的可视化要求极高。这本书里,你找不到任何关于如何设计“大促氛围感”的教程。如何巧妙地将“限时”、“秒杀”这些高压力的促销信息,融入到不破坏整体美感的主图中,是一个核心技能,但书中只是泛泛而谈,没有提供任何高阶的实战技巧。更不用说现在越来越重要的“直播间搭配”和“短视频封面”的制作规范了。我感觉作者可能是很久没有接触一线电商实操了,他写下的东西,更像是对十年前的平面设计工作的缅怀,而不是对当下这个瞬息万变的电商视觉战场的前瞻指导。
阅读这本书的过程中,我最大的感受是信息结构的混乱与目标读者的定位模糊。它似乎想讨好所有人:既想吸引完全没有基础的新手,又想给资深美工一些启发。结果就是两头不讨好。对于新手,那些复杂的色彩理论和设计史论述让他们望而却步;对于我们这些每天和数据打交道的人来说,它提供的优化思路又显得过于天真和缺乏量化标准。比如,书中提到了“提高点击率”,但从头到尾没有提及如何利用生意参谋或第三方数据分析工具来反推哪些视觉元素是真正驱动转化的关键。我希望能看到的是一套完整的工作流程:从市场分析、竞品视觉拆解、到A/B测试效果评估、最后固化成自己的设计规范。这本书里,这些流程被拆得七零八落,散落在不同章节,你需要费力地在几十页厚的文本中拼凑出一个可行的步骤。这哪里是“攻略”,分明是“散文集”,让人感到非常低效和挫败。
简直不敢相信,一本名为“全攻略”的书,内容却像是在走马观花。我本来以为至少能找到一些关于如何高效使用电商设计软件的高级技巧,比如Photoshop的动作(Action)批量处理,或者如何利用AI插件来辅助完成基础排版工作。结果呢?它对工具的使用介绍,还停留在“点击文件-打开”这种幼儿园级别的指导上。详情页的布局部分,更是让人啼笑皆非,它给出的案例是那种堆砌文字、恨不得把所有卖点都塞进一张图里的老派风格,这在如今追求“图文并茂、信息克制”的移动端浏览习惯下,简直是灾难性的。我急需学习的是如何制作出能在一秒内抓住用户眼球的短视频主图(也就是我们常说的‘动图’或‘短视频预告’),这本书对此的描述轻描淡写,仿佛这只是一个可有可无的附加功能。说实话,如果只是想了解基础设计原理,我随便找几个免费的设计博客看一遍都比这本书来得实在。这本书更像是一个设计师入门前需要了解的“名词解释大全”,而非一个能带你冲锋陷阵的“实战手册”。
特别全的PS技巧!
特别全的PS技巧!
特别全的PS技巧!
特别全的PS技巧!
特别全的PS技巧!