
编辑推荐
齐全的技术讲解:工具、按钮、菜单、命令、快捷键、理论、范例等应有尽有,非常详细、具体,不仅是一本自学手册,更是一本即查即学、即用手册。
丰富的案例实战:118个淘 宝天 猫网店设计技能精讲,并将书中范例录成了语音视频,时间达410多分钟,重现书中所有操作,让读者高效学习。
完备的功能查询:18章专题技术使用精解+320多款素材效果文件+1070多张图片全程图解,帮助读者掌握淘 宝天 猫网店的设计。
作者简介
作者:蒋珍珍
蒋珍珍,知名电商设计师,擅长各电商平台店面整体形象设计,优化商品视觉美感。同时也是一名UI设计师,精通UI界面各元素的设计,特别是移动APP基于用户体验、人机交互的图形化设计,以及H5的设计与制作,有着丰富的一线实战经验。
目录
第1章 新手导航:淘 宝天 猫网店装修入门知识
1.1 入门基础:淘 宝天 猫网店设计入门解析
1.2 吸引客户:淘 宝天 猫网店装修的意义
1.2.1 展示店铺信息
1.2.2 展示商品详情
1.2.3 视觉营销推广
1.2.4 突出产品特色
1.2.5 加强产品识别
1.3 规避误区:解析网店装修中的注意事项
1.3.1 网店装修注意事项
1.3.2 网店装修六大误区
第2章 视觉出彩:丰富网店页面的色彩与布局
2.1 色彩常识:色彩设计知识解析
2.1.1 无色系与彩色系
2.1.2 颜色的三种属性
2.1.3 色调奠定主旋律
2.2 店铺配色:网店常用的冷暖色系
2.2.1 暖色系配色效果
2.2.2 冷色系配色效果
2.3 配色方案:解密网店配色技巧
2.3.1 对比配色在装修中的应用
2.3.2 调和配色在装修中的应用
2.4 文字应用:网店文字应用技巧
2.4.1 字体风格的设计与运用
2.4.2 文字编排对页面的影响
2.4.3 设计文字的合理分割
2.5 布局版式:网店版式布局技巧
2.5.1 网店布局元素分类
2.5.2 网店页面主图处理
2.5.3 网店布局版式引导
第3章 软件入门:Photoshop软件的基本操作
3.1 安装启动:掌握Photoshop基础操作
3.1.1 安装Photoshop CC软件
3.1.2 卸载Photoshop CC软件
3.1.3 启动Photoshop CC软件
3.1.4 退出Photoshop CC软件
3.2 简单编辑:商品图像的基本处理
3.2.1 新建图像文件
3.2.2 打开与置入操作
3.2.3 保存商品文件
3.2.4 关闭商品文件
3.2.5 显示与隐藏面板
3.2.6 复制与删除图层
3.3 常用操作:排列与显示商品图像
3.3.1 最大化与最小化显示商品图像
3.3.2 改变商品图像窗口排列方式
3.3.3 商品图像编辑窗口的切换操作
3.3.4 商品图像的放大与缩小操作
3.3.5 使用抓手工具移动商品图像
3.3.6 适合屏幕显示商品图像
3.3.7 按区域显示商品图像
3.3.8 调整商品图像的尺寸
3.3.9 调整商品画布的尺寸
3.3.10 调整商品图像的分辨率
3.4 辅助操作:使用标尺与参考线
3.4.1 显示标尺
3.4.2 测量尺寸
3.4.3 编辑参考线
第4章 抠图技能:美化淘 宝商品图像
4.1 素材处理:简单抠图在店铺装修中的应用
4.1.1 使用“反向”命令处理商品素材
4.1.2 使用“色彩范围”命令处理商品素材
4.1.3 使用矩形选框工具处理商品素材
4.1.4 使用椭圆选框工具处理商品素材
4.1.5 使用多边形套索工具处理商品素材
4.1.6 使用魔棒工具处理商品图像
4.2 素材强化:精致图像点亮店铺页面
4.2.1 使用钢笔工具路径处理商品图像
4.2.2 使用“颜色加深”模式处理商品图像
4.2.3 使用“滤色”模式处理商品图像
4.2.4 使用快速蒙版处理商品图像
4.2.5 使用通道对比处理商品图像
4.2.6 使用通道对比处理透明商品图像
第5章 颜色调整:店铺商品色调美化
5.1 颜色填充:丰富网店商品图像
5.1.1 使用“颜色”面板填充商品背景
5.1.2 使用油漆桶工具填充商品颜色
5.1.3 使用快捷菜单填充商品颜色
5.1.4 使用渐变工具填充双色商品背景
5.2 颜色调整:美化网店商品颜色
5.2.1 使用“自动色调”命令调整商品图像色调
5.2.2 使用“自动对比度”命令调整商品图像对比度
5.2.3 使用“自动颜色”命令校正商品图像色偏
5.2.4 使用“亮度/对比度”命令调整商品图像明暗
5.2.5 使用“色阶”命令调整商品图像亮度范围
5.2.6 使用“曲线”命令调整商品图像色调
5.2.7 使用“曝光度”命令调整商品图像曝光度
5.2.8 使用“自然饱和度”命令调整商品图像饱和度
5.2.9 使用“色相/饱和度”命令调整商品图像色调
5.2.10 使用“色彩平衡”命令调整商品图像偏色
5.2.11 使用“匹配颜色”命令匹配商品图像色调
5.2.12 使用“替换颜色”命令替换商品图像颜色
5.2.13 使用“阴影/高光”命令调整商品图像明暗
5.2.14 使用“照片滤镜”命令过滤商品图像色调
5.2.15 使用“通道混合器”命令调整图像色调
5.2.16 使用“可选颜色”命令改变商品图像颜色
5.2.17 使用“黑白”命令去除商品图像颜色
5.2.18 使用“去色”命令制作灰度商品图像效果
第6章 文字版式:网店文字的编排处理
6.1 文字排版:输入与编辑商品文字
6.1.1 制作网店商品横排文字效果
6.1.2 制作网店商品直排文字效果
6.1.3 修改商品文字段落属性效果
6.1.4 制作商品文字段落属性效果
6.1.5 设置商品文字段落属性效果
6.1.6 制作横排商品文字蒙版效果
6.1.7 制作直排商品文字蒙版效果
6.1.8 制作商品文字水平垂直互换效果
6.1.9 制作商品文字沿路径排列效果
6.1.10 调整商品文字路径的形状
6.1.11 调整商品文字位置的排列
6.2 文字特效:制作各类商品文字特效
6.2.1 制作商品文字凸起效果
6.2.2 制作商品文字下弧效果
6.2.3 制作商品文字转换为路径效果
6.2.4 制作商品文字栅格化处理效果
6.2.5 制作商品文字描边效果
6.2.6 制作商品文字颜色效果
6.2.7 制作商品文字双色渐变效果
第7章 商品合成:商品图像合成设计
7.1 彩妆合成:彩妆店铺合成效果设计
7.1.1 彩妆背景优化效果制作
7.1.2 彩妆主体添加效果制作
7.1.3 彩妆商品文体效果制作
7.2 腕表合成:腕表店铺合成效果设计
7.2.1 腕表店铺素材抠取处理
7.2.2 腕表店铺素材变换处理
7.2.3 腕表店铺素材合成处理
7.3 女装合成:女装店铺合成效果设计
7.3.1 女装背景内容优化效果
7.3.2 女装搭配主体处理效果
7.3.3 女装元素搭配制作效果
7.4 手机合成:手机促销合成效果设计
7.4.1 手机界面背景处理效果
7.4.2 手机促销元素处理效果
7.4.3 手机促销文字制作效果
第8章 特效处理:淘 宝天 猫广告图片特效设计
8.1 特效入门:制作广告商品图片简单特效设计
8.1.1 广告商品图片复古特效
8.1.2 广告商品图片冷蓝特效
8.1.3 广告商品图片冷绿特效
8.1.4 广告商品图片暖黄特效
8.1.5 广告商品图片怀旧特效
8.2 特效升级:打造广告商品图片复杂特效设计
8.2.1 广告商品图片拍立得特效
8.2.2 广告商品幻灯片展示特效
8.2.3 广告商品单张立体空间展示特效
第9章 重要元素:网店装修三大区域设计
9.1 广告海报区:店铺亮点吸引顾客眼球
9.1.1 网络广告海报设计要素分析
9.1.2 女鞋网店广告海报设计方案
9.2 公告栏区:淘 宝天 猫网店信息展示平台
9.2.1 网店公告栏的设计样式分析
9.2.2 店铺公告栏设计方案详解
9.3 店铺收藏区:帮网店抓住回头客
9.3.1 网店收藏区的区域设计分析
9.3.2 网店收藏区设计方案详解
第10章 网店招牌:解密旺铺完美店招设计
10.1 招牌设计:网店店招设计详解
10.1.1 店招的意义
10.1.2 店招设计的要求
10.2 招牌设计:店招设计实战
10.2.1 珠宝网店店招设计
10.2.2 家具网店店招设计
10.2.3 眼镜网店店招设计
第11章 网店导航:帮助网店顾客自主购物
11.1 导航设计:网店导航设计详解
11.1.1 导航条的设计意义
11.1.2 导航条的设计分析
11.1.3 导航条的尺寸规格
11.1.4 导航条的色彩和字体风格分析
11.2 导航设计:网店导航设计实战
11.2.1 手机类店铺导航设计
11.2.2 护肤类店铺导航设计
第12章 网店首页:打造深入人心的首页设计
12.1 首页设计:网店首页设计详解
12.1.1 网店首页界面的设计要点
12.1.2 网店首页设计的前期筹备工作
12.1.3 网店首页设计的注意事项
12.1.4 网店首页界面的设计技巧
12.2 首页设计:网店首页设计实战
12.2.1 农产品网店首页设计
12.2.2 女包网店首页设计
第13章 网店主图:不同类别的展示图设计
13.1 主图设计:网店主图设计详解
13.1.1 素材收集途径
13.1.2 主图展示方式
13.2 主图设计:网店主图设计实战
13.2.1 电脑网店主图设计
13.2.2 玩具网店主图设计
第14章 网店详页:不拘一格的宝贝描述设计
14.1 详页设计:网店详页设计详解
14.1.1 商品详页的设计要点
14.1.2 商品图片的展示方式
14.1.3 商品细节的展示
14.2 详页设计:网店详页设计实战
14.2.1 抱枕网店详页设计
14.2.2 坚果零食网店详页设计
第15章 家居行业:掌握家居网店装修设计
15.1 家居网店:家居网店设计布局与配色分析
15.2 家居网店:家居网店装修实战步骤详解
15.2.1 制作家居店铺导航和店招的效果
15.2.2 制作家居店铺首页欢迎模块的效果
15.2.3 制作家居店铺单品简介区的效果
15.2.4 制作家居店铺广告海报区域的效果
15.2.5 制作家居店铺服务信息区的效果
第16章 食品行业:掌握食品网店装修设计
16.1 美食网店:店铺设计布局与配色分析
16.2 美食网店:店铺网页装修实战步骤详解
16.2.1 制作美食店铺导航和店招的效果
16.2.2 制作美食店铺首页欢迎模块的效果
16.2.3 制作美食店铺商品推荐区的效果
16.2.4 制作美食店铺商品展示区的效果
16.2.5 制作美食店铺底部功能区的效果
第17章 电子行业:掌握电子网店装修设计
17.1 手机网店:店铺设计布局与配色分析
17.2 手机网店:店铺网页装修实战步骤详解
17.2.1 制作手机店铺背景和店招的效果
17.2.2 制作手机店铺首页欢迎模块的效果
17.2.3 制作手机店铺商品展示区的效果
17.2.4 制作手机店铺单品简介区的效果
17.2.5 制作手机店铺商品推荐专区的效果
第18章 化妆品行业:掌握化妆品网店装修设计
18.1 美妆网店:店铺设计布局与配色分析
18.2 美妆网店:店铺网页装修实战步骤详解
18.2.1 制作美妆店铺店招和导航的效果
18.2.2 制作美妆店铺首页欢迎模块的效果
18.2.3 制作美妆店铺促销方案的效果
18.2.4 制作美妆店铺商品展示区的效果
18.2.5 制作美妆店铺商品热销区的效果
附录 Photoshop软件快捷键操作
序言
前言
写作驱动
本书是初学者全面自学Photoshop 淘 宝天 猫网店设计的经典畅销教程。全书从实用角度出发,全面、系统地讲解了Photoshop 淘 宝天 猫网店设计从入门到精通的方法,基本上涵盖了Photoshop 全部工具、面板和菜单命令。本书在介绍软件功能的同时,还精心安排了118 个具有针对性的实例,帮助读者轻松掌握软件的使用技巧和具体应用,以达到学用结合的目的。并且,全部实例都配有教学录像,详细演示案例制作过程。此外,还提供了用于查询软件功能和实例的索引。
本书特色
60 个专家提醒放送:作者在编写本书时,将平时工作中总结的各方面软件的实战技巧、设计经验等毫无保留地奉献给读者,不仅大大丰富和提高了本书的含金量,更方便读者提升软件的实战技巧与经验,从而快速提高读者学习与工作的效率,使读者学有所成。
118 个技能实例奉献:本书通过大量技能实例来辅讲软件,共达118 个,帮助读者在实战演练中逐步掌握软件的核心技能与操作技巧。与同类书相比,读者可以省去学无用理论的时间,更能掌握超出同类书的大量实用技能和案例,让学习更高效。
410 多分钟音视频演示:本书中的软件操作技能实例,全部录制了带语音讲解的视频,时间长度达410 多分钟,重现书中所有实例操作。读者可以结合书本,也可以独立地观看视频演示,像看电影一样进行学习,让学习变得更加轻松。
340 多款素材效果奉献:随书光盘包含了190 个素材文件和150 个效果文件。其中素材涉及商业素材、商品素材、淘 宝海报素材、风景素材、美食素材、淘 宝促销素材等,供读者使用。
1070 多张图片全程图解:本书采用了1070 多张图片对软件技术、实例讲解、效果展示,进行了全程式的图解,通过这些大量清晰的图片,让实例的内容变得更通俗易懂。读者可以一目了然,快速领会,举一反三,制作出更多精美的网店装修设计效果。
本书由蒋珍珍编著,参与编写的人员有王碧清、刘胜璋、刘向东、刘松异、刘伟、卢博、周旭阳、袁淑敏、谭中阳、杨端阳、李四华、王力建、柏承能、刘桂花、柏松、谭贤、谭俊杰、徐茜、刘嫔、苏高、柏慧等,在此表示感谢。由于作者知识水平有限,书中难免有错误和疏漏之处,恳请广大读者批评、指正,联系微信号:157075539。
编 者
后记
淘 宝天 猫网店设计宝典,18章专题技术使用精解,118个淘 宝天 猫网店设计技能精讲,410分钟教学视频,320多款素材效果文件,1070多张图片全程图解
文摘
第2章视觉出彩:丰富网店页面的色彩与布局
学习提示:
色彩是网店装修中的重要构成元素,在无形之中能体现店铺广告的主题内涵。色彩应用在网店中具有很强的识别性,能够突出版面的视觉度,同时决定了广告氛围的意向特征,影响着主题内涵的传达。本章主要介绍网店旺铺视觉营销设计的基础知识,包括色彩和色系的应用、字体风格的介绍以及网店版式设计等内容。
本章重点导航
无色系与彩色系
颜色的3 种属性
色调奠定主旋律
暖色系配色效果
冷色系配色效果
对比配色在装修中的应用
调和配色在装修中的应用
丰富网店页面的色彩与布局
字体风格的设计与运用
文字编排对页面的影响
设计文字的合理分割
网店布局元素分类
网店页面主图处理
网店布局版式引导
2.1 色彩常识:色彩设计知识解析
把店铺装修好,让自己的店铺更好看一点,更漂亮一点,这样就会在视觉上吸引顾客,给店铺带来更多的生意。对进入店铺的顾客来说,他们首先会被店铺中的色彩所吸引,然后根据色彩的走向对画面的主次进行逐一的了解。本节主要对网店的色彩设计知识进行讲解,这些基础知识也是后期网店装修配色中的关键所在。
2.1.1 无色系与彩色系
为了便于认识网店装修配色中的色彩变换,认识色彩的基本属性与基本规律,我们必须对色彩的种类进行分类与了解。丰富多样的颜色可以分成两大类:无彩色系和有彩色系。有彩色系的颜色具有3 个基本特性:色相、纯度( 也称彩度、饱和度)、明度,在色彩学上也称为色彩的三大要素或色彩的三属性。其中,饱和度为0 的颜色为无彩色系。
在网店装修设计中,无彩色系和有彩色系都占有举足轻重的地位。无论是以有彩色为主体的画面效果,还是以单纯黑白灰构成的画面效果,都能给人带来一种奇幻无比的色彩感觉。充分、合理地利用色彩的类别与特性,可以使网店装修的画面获得意想不到的效果。
1.无彩色系
无彩色系是指白色、黑色和由白色黑色调和形成的各种深浅不同的灰色。无彩色按照一定的变化规律,可以排成一个系列,由白色渐变到浅灰、中灰、深灰到黑色,色度学上称此为黑白系列。如图2-1 所示,为无彩色系的店铺首页。
在色彩的概念中,很多人都习惯把黑、白、灰排除在外,认为它们是没有颜色的,其实在色彩的排序中,黑色、白色以及各种深浅不同的灰色系列,称为无彩色系。如左图所示,为以这3 种色调为主构成的网店首页,这种画面也是别具一番风味的,在进行店铺装修的配色中,为了追求某种意境或者氛围,有时也会使用无彩色来进行搭配
图2-1 无彩色系的店铺首页
无彩色没有色相的种类,只能以明度的差异来区分,如图2-2 所示。无彩色没有冷暖的色彩倾向,因此也被称为中性色。
黑白系列中由白到黑的变化,可以用一条垂直轴表示,一端为白,一端为黑,中间有各种过渡的灰色。无彩色系的颜色只有一种基本性质——明度。它们不具备色相和纯度的性质,也就是说它们的色相和纯度在理论上都等于零
图2-2 无彩色系
在无彩色系中,纯白是理想的完全反射的物体;纯黑是理想的完全吸收的物体。在现实生活中,并不存在纯白与纯黑的物体。颜料中采用的锌白和铅白只能接近纯白;煤黑只能接近纯黑。色彩的明度可用黑白度来表示,越接近白色,明度越高;越接近黑色,明度越低。黑与白作为颜料,可以调节物体色的反射率,使物体色提高明度或降低明度。
无彩色中的黑色是所有色彩中最黑暗的色彩,通常能够给人以沉重的印象,而白色是无彩色中最容易受到环境影响的颜色。如果设计的画面中白色的成分越多,画面效果就越单纯。而灰色则处于白色和黑色之间,它具有平凡、沉默的特征,很多时候在店铺装修中作为调节画面色彩的一种颜色,可以给顾客带来安全感和亲切感。如图2-3 所示,为服装店铺装修中设计的商品详情页面。
该服装店铺通过将无彩色与有彩色进行结合,使其形成强烈的对比,凸显出商品的特点,削弱辅助图像的内容,同时这样的配色也让整个画面更具设计感和艺术感
图2-3 商品详情页面
2.有彩色系
彩色是指红、橙、黄、绿、青、蓝、紫等颜色,不同明度和纯度的红橙黄绿青蓝紫色调都属于有彩色系。有彩色是由光的波长和振幅决定的,波长决定色相,振幅决定色调。如图2-4
所示,为使用有彩色系进行配色的网店装修图片。
有彩色是指凡是带有某种标准色倾向的色,光谱中的全部色都属于有彩色,有彩色以红、橙、黄、绿、青、蓝、紫为基本色,其中基本色之间不同量的混合,以及基本色与黑、白、灰之间的不同量组合,会产生成千上万的有彩色
图2-4 使用有彩色系进行配色的网店装修图片
专家指点
在图像的制作过程中,根据有彩色的特性,可以通过调整其色相、明度以及纯度之间的对比关系,或通过各色彩间面积调和,可以搭配出色彩斑斓、变化无穷的网店装修画面效果。
齐全的技术讲解:工具、按钮、菜单、命令、快捷键、理论、范例等应有尽有,非常详细、具体,不仅是一本自学手册,更是一本即查即学、即用手册。
丰富的案例实战:118个淘 宝天 猫网店设计技能精讲,并将书中范例录成了语音视频,时间达410多分钟,重现书中所有操作,让读者高效学习。
完备的功能查询:18章专题技术使用精解+320多款素材效果文件+1070多张图片全程图解,帮助读者掌握淘 宝天 猫网店的设计。
作者简介
作者:蒋珍珍
蒋珍珍,知名电商设计师,擅长各电商平台店面整体形象设计,优化商品视觉美感。同时也是一名UI设计师,精通UI界面各元素的设计,特别是移动APP基于用户体验、人机交互的图形化设计,以及H5的设计与制作,有着丰富的一线实战经验。
目录
第1章 新手导航:淘 宝天 猫网店装修入门知识
1.1 入门基础:淘 宝天 猫网店设计入门解析
1.2 吸引客户:淘 宝天 猫网店装修的意义
1.2.1 展示店铺信息
1.2.2 展示商品详情
1.2.3 视觉营销推广
1.2.4 突出产品特色
1.2.5 加强产品识别
1.3 规避误区:解析网店装修中的注意事项
1.3.1 网店装修注意事项
1.3.2 网店装修六大误区
第2章 视觉出彩:丰富网店页面的色彩与布局
2.1 色彩常识:色彩设计知识解析
2.1.1 无色系与彩色系
2.1.2 颜色的三种属性
2.1.3 色调奠定主旋律
2.2 店铺配色:网店常用的冷暖色系
2.2.1 暖色系配色效果
2.2.2 冷色系配色效果
2.3 配色方案:解密网店配色技巧
2.3.1 对比配色在装修中的应用
2.3.2 调和配色在装修中的应用
2.4 文字应用:网店文字应用技巧
2.4.1 字体风格的设计与运用
2.4.2 文字编排对页面的影响
2.4.3 设计文字的合理分割
2.5 布局版式:网店版式布局技巧
2.5.1 网店布局元素分类
2.5.2 网店页面主图处理
2.5.3 网店布局版式引导
第3章 软件入门:Photoshop软件的基本操作
3.1 安装启动:掌握Photoshop基础操作
3.1.1 安装Photoshop CC软件
3.1.2 卸载Photoshop CC软件
3.1.3 启动Photoshop CC软件
3.1.4 退出Photoshop CC软件
3.2 简单编辑:商品图像的基本处理
3.2.1 新建图像文件
3.2.2 打开与置入操作
3.2.3 保存商品文件
3.2.4 关闭商品文件
3.2.5 显示与隐藏面板
3.2.6 复制与删除图层
3.3 常用操作:排列与显示商品图像
3.3.1 最大化与最小化显示商品图像
3.3.2 改变商品图像窗口排列方式
3.3.3 商品图像编辑窗口的切换操作
3.3.4 商品图像的放大与缩小操作
3.3.5 使用抓手工具移动商品图像
3.3.6 适合屏幕显示商品图像
3.3.7 按区域显示商品图像
3.3.8 调整商品图像的尺寸
3.3.9 调整商品画布的尺寸
3.3.10 调整商品图像的分辨率
3.4 辅助操作:使用标尺与参考线
3.4.1 显示标尺
3.4.2 测量尺寸
3.4.3 编辑参考线
第4章 抠图技能:美化淘 宝商品图像
4.1 素材处理:简单抠图在店铺装修中的应用
4.1.1 使用“反向”命令处理商品素材
4.1.2 使用“色彩范围”命令处理商品素材
4.1.3 使用矩形选框工具处理商品素材
4.1.4 使用椭圆选框工具处理商品素材
4.1.5 使用多边形套索工具处理商品素材
4.1.6 使用魔棒工具处理商品图像
4.2 素材强化:精致图像点亮店铺页面
4.2.1 使用钢笔工具路径处理商品图像
4.2.2 使用“颜色加深”模式处理商品图像
4.2.3 使用“滤色”模式处理商品图像
4.2.4 使用快速蒙版处理商品图像
4.2.5 使用通道对比处理商品图像
4.2.6 使用通道对比处理透明商品图像
第5章 颜色调整:店铺商品色调美化
5.1 颜色填充:丰富网店商品图像
5.1.1 使用“颜色”面板填充商品背景
5.1.2 使用油漆桶工具填充商品颜色
5.1.3 使用快捷菜单填充商品颜色
5.1.4 使用渐变工具填充双色商品背景
5.2 颜色调整:美化网店商品颜色
5.2.1 使用“自动色调”命令调整商品图像色调
5.2.2 使用“自动对比度”命令调整商品图像对比度
5.2.3 使用“自动颜色”命令校正商品图像色偏
5.2.4 使用“亮度/对比度”命令调整商品图像明暗
5.2.5 使用“色阶”命令调整商品图像亮度范围
5.2.6 使用“曲线”命令调整商品图像色调
5.2.7 使用“曝光度”命令调整商品图像曝光度
5.2.8 使用“自然饱和度”命令调整商品图像饱和度
5.2.9 使用“色相/饱和度”命令调整商品图像色调
5.2.10 使用“色彩平衡”命令调整商品图像偏色
5.2.11 使用“匹配颜色”命令匹配商品图像色调
5.2.12 使用“替换颜色”命令替换商品图像颜色
5.2.13 使用“阴影/高光”命令调整商品图像明暗
5.2.14 使用“照片滤镜”命令过滤商品图像色调
5.2.15 使用“通道混合器”命令调整图像色调
5.2.16 使用“可选颜色”命令改变商品图像颜色
5.2.17 使用“黑白”命令去除商品图像颜色
5.2.18 使用“去色”命令制作灰度商品图像效果
第6章 文字版式:网店文字的编排处理
6.1 文字排版:输入与编辑商品文字
6.1.1 制作网店商品横排文字效果
6.1.2 制作网店商品直排文字效果
6.1.3 修改商品文字段落属性效果
6.1.4 制作商品文字段落属性效果
6.1.5 设置商品文字段落属性效果
6.1.6 制作横排商品文字蒙版效果
6.1.7 制作直排商品文字蒙版效果
6.1.8 制作商品文字水平垂直互换效果
6.1.9 制作商品文字沿路径排列效果
6.1.10 调整商品文字路径的形状
6.1.11 调整商品文字位置的排列
6.2 文字特效:制作各类商品文字特效
6.2.1 制作商品文字凸起效果
6.2.2 制作商品文字下弧效果
6.2.3 制作商品文字转换为路径效果
6.2.4 制作商品文字栅格化处理效果
6.2.5 制作商品文字描边效果
6.2.6 制作商品文字颜色效果
6.2.7 制作商品文字双色渐变效果
第7章 商品合成:商品图像合成设计
7.1 彩妆合成:彩妆店铺合成效果设计
7.1.1 彩妆背景优化效果制作
7.1.2 彩妆主体添加效果制作
7.1.3 彩妆商品文体效果制作
7.2 腕表合成:腕表店铺合成效果设计
7.2.1 腕表店铺素材抠取处理
7.2.2 腕表店铺素材变换处理
7.2.3 腕表店铺素材合成处理
7.3 女装合成:女装店铺合成效果设计
7.3.1 女装背景内容优化效果
7.3.2 女装搭配主体处理效果
7.3.3 女装元素搭配制作效果
7.4 手机合成:手机促销合成效果设计
7.4.1 手机界面背景处理效果
7.4.2 手机促销元素处理效果
7.4.3 手机促销文字制作效果
第8章 特效处理:淘 宝天 猫广告图片特效设计
8.1 特效入门:制作广告商品图片简单特效设计
8.1.1 广告商品图片复古特效
8.1.2 广告商品图片冷蓝特效
8.1.3 广告商品图片冷绿特效
8.1.4 广告商品图片暖黄特效
8.1.5 广告商品图片怀旧特效
8.2 特效升级:打造广告商品图片复杂特效设计
8.2.1 广告商品图片拍立得特效
8.2.2 广告商品幻灯片展示特效
8.2.3 广告商品单张立体空间展示特效
第9章 重要元素:网店装修三大区域设计
9.1 广告海报区:店铺亮点吸引顾客眼球
9.1.1 网络广告海报设计要素分析
9.1.2 女鞋网店广告海报设计方案
9.2 公告栏区:淘 宝天 猫网店信息展示平台
9.2.1 网店公告栏的设计样式分析
9.2.2 店铺公告栏设计方案详解
9.3 店铺收藏区:帮网店抓住回头客
9.3.1 网店收藏区的区域设计分析
9.3.2 网店收藏区设计方案详解
第10章 网店招牌:解密旺铺完美店招设计
10.1 招牌设计:网店店招设计详解
10.1.1 店招的意义
10.1.2 店招设计的要求
10.2 招牌设计:店招设计实战
10.2.1 珠宝网店店招设计
10.2.2 家具网店店招设计
10.2.3 眼镜网店店招设计
第11章 网店导航:帮助网店顾客自主购物
11.1 导航设计:网店导航设计详解
11.1.1 导航条的设计意义
11.1.2 导航条的设计分析
11.1.3 导航条的尺寸规格
11.1.4 导航条的色彩和字体风格分析
11.2 导航设计:网店导航设计实战
11.2.1 手机类店铺导航设计
11.2.2 护肤类店铺导航设计
第12章 网店首页:打造深入人心的首页设计
12.1 首页设计:网店首页设计详解
12.1.1 网店首页界面的设计要点
12.1.2 网店首页设计的前期筹备工作
12.1.3 网店首页设计的注意事项
12.1.4 网店首页界面的设计技巧
12.2 首页设计:网店首页设计实战
12.2.1 农产品网店首页设计
12.2.2 女包网店首页设计
第13章 网店主图:不同类别的展示图设计
13.1 主图设计:网店主图设计详解
13.1.1 素材收集途径
13.1.2 主图展示方式
13.2 主图设计:网店主图设计实战
13.2.1 电脑网店主图设计
13.2.2 玩具网店主图设计
第14章 网店详页:不拘一格的宝贝描述设计
14.1 详页设计:网店详页设计详解
14.1.1 商品详页的设计要点
14.1.2 商品图片的展示方式
14.1.3 商品细节的展示
14.2 详页设计:网店详页设计实战
14.2.1 抱枕网店详页设计
14.2.2 坚果零食网店详页设计
第15章 家居行业:掌握家居网店装修设计
15.1 家居网店:家居网店设计布局与配色分析
15.2 家居网店:家居网店装修实战步骤详解
15.2.1 制作家居店铺导航和店招的效果
15.2.2 制作家居店铺首页欢迎模块的效果
15.2.3 制作家居店铺单品简介区的效果
15.2.4 制作家居店铺广告海报区域的效果
15.2.5 制作家居店铺服务信息区的效果
第16章 食品行业:掌握食品网店装修设计
16.1 美食网店:店铺设计布局与配色分析
16.2 美食网店:店铺网页装修实战步骤详解
16.2.1 制作美食店铺导航和店招的效果
16.2.2 制作美食店铺首页欢迎模块的效果
16.2.3 制作美食店铺商品推荐区的效果
16.2.4 制作美食店铺商品展示区的效果
16.2.5 制作美食店铺底部功能区的效果
第17章 电子行业:掌握电子网店装修设计
17.1 手机网店:店铺设计布局与配色分析
17.2 手机网店:店铺网页装修实战步骤详解
17.2.1 制作手机店铺背景和店招的效果
17.2.2 制作手机店铺首页欢迎模块的效果
17.2.3 制作手机店铺商品展示区的效果
17.2.4 制作手机店铺单品简介区的效果
17.2.5 制作手机店铺商品推荐专区的效果
第18章 化妆品行业:掌握化妆品网店装修设计
18.1 美妆网店:店铺设计布局与配色分析
18.2 美妆网店:店铺网页装修实战步骤详解
18.2.1 制作美妆店铺店招和导航的效果
18.2.2 制作美妆店铺首页欢迎模块的效果
18.2.3 制作美妆店铺促销方案的效果
18.2.4 制作美妆店铺商品展示区的效果
18.2.5 制作美妆店铺商品热销区的效果
附录 Photoshop软件快捷键操作
序言
前言
写作驱动
本书是初学者全面自学Photoshop 淘 宝天 猫网店设计的经典畅销教程。全书从实用角度出发,全面、系统地讲解了Photoshop 淘 宝天 猫网店设计从入门到精通的方法,基本上涵盖了Photoshop 全部工具、面板和菜单命令。本书在介绍软件功能的同时,还精心安排了118 个具有针对性的实例,帮助读者轻松掌握软件的使用技巧和具体应用,以达到学用结合的目的。并且,全部实例都配有教学录像,详细演示案例制作过程。此外,还提供了用于查询软件功能和实例的索引。
本书特色
60 个专家提醒放送:作者在编写本书时,将平时工作中总结的各方面软件的实战技巧、设计经验等毫无保留地奉献给读者,不仅大大丰富和提高了本书的含金量,更方便读者提升软件的实战技巧与经验,从而快速提高读者学习与工作的效率,使读者学有所成。
118 个技能实例奉献:本书通过大量技能实例来辅讲软件,共达118 个,帮助读者在实战演练中逐步掌握软件的核心技能与操作技巧。与同类书相比,读者可以省去学无用理论的时间,更能掌握超出同类书的大量实用技能和案例,让学习更高效。
410 多分钟音视频演示:本书中的软件操作技能实例,全部录制了带语音讲解的视频,时间长度达410 多分钟,重现书中所有实例操作。读者可以结合书本,也可以独立地观看视频演示,像看电影一样进行学习,让学习变得更加轻松。
340 多款素材效果奉献:随书光盘包含了190 个素材文件和150 个效果文件。其中素材涉及商业素材、商品素材、淘 宝海报素材、风景素材、美食素材、淘 宝促销素材等,供读者使用。
1070 多张图片全程图解:本书采用了1070 多张图片对软件技术、实例讲解、效果展示,进行了全程式的图解,通过这些大量清晰的图片,让实例的内容变得更通俗易懂。读者可以一目了然,快速领会,举一反三,制作出更多精美的网店装修设计效果。
本书由蒋珍珍编著,参与编写的人员有王碧清、刘胜璋、刘向东、刘松异、刘伟、卢博、周旭阳、袁淑敏、谭中阳、杨端阳、李四华、王力建、柏承能、刘桂花、柏松、谭贤、谭俊杰、徐茜、刘嫔、苏高、柏慧等,在此表示感谢。由于作者知识水平有限,书中难免有错误和疏漏之处,恳请广大读者批评、指正,联系微信号:157075539。
编 者
后记
淘 宝天 猫网店设计宝典,18章专题技术使用精解,118个淘 宝天 猫网店设计技能精讲,410分钟教学视频,320多款素材效果文件,1070多张图片全程图解
文摘
第2章视觉出彩:丰富网店页面的色彩与布局
学习提示:
色彩是网店装修中的重要构成元素,在无形之中能体现店铺广告的主题内涵。色彩应用在网店中具有很强的识别性,能够突出版面的视觉度,同时决定了广告氛围的意向特征,影响着主题内涵的传达。本章主要介绍网店旺铺视觉营销设计的基础知识,包括色彩和色系的应用、字体风格的介绍以及网店版式设计等内容。
本章重点导航
无色系与彩色系
颜色的3 种属性
色调奠定主旋律
暖色系配色效果
冷色系配色效果
对比配色在装修中的应用
调和配色在装修中的应用
丰富网店页面的色彩与布局
字体风格的设计与运用
文字编排对页面的影响
设计文字的合理分割
网店布局元素分类
网店页面主图处理
网店布局版式引导
2.1 色彩常识:色彩设计知识解析
把店铺装修好,让自己的店铺更好看一点,更漂亮一点,这样就会在视觉上吸引顾客,给店铺带来更多的生意。对进入店铺的顾客来说,他们首先会被店铺中的色彩所吸引,然后根据色彩的走向对画面的主次进行逐一的了解。本节主要对网店的色彩设计知识进行讲解,这些基础知识也是后期网店装修配色中的关键所在。
2.1.1 无色系与彩色系
为了便于认识网店装修配色中的色彩变换,认识色彩的基本属性与基本规律,我们必须对色彩的种类进行分类与了解。丰富多样的颜色可以分成两大类:无彩色系和有彩色系。有彩色系的颜色具有3 个基本特性:色相、纯度( 也称彩度、饱和度)、明度,在色彩学上也称为色彩的三大要素或色彩的三属性。其中,饱和度为0 的颜色为无彩色系。
在网店装修设计中,无彩色系和有彩色系都占有举足轻重的地位。无论是以有彩色为主体的画面效果,还是以单纯黑白灰构成的画面效果,都能给人带来一种奇幻无比的色彩感觉。充分、合理地利用色彩的类别与特性,可以使网店装修的画面获得意想不到的效果。
1.无彩色系
无彩色系是指白色、黑色和由白色黑色调和形成的各种深浅不同的灰色。无彩色按照一定的变化规律,可以排成一个系列,由白色渐变到浅灰、中灰、深灰到黑色,色度学上称此为黑白系列。如图2-1 所示,为无彩色系的店铺首页。
在色彩的概念中,很多人都习惯把黑、白、灰排除在外,认为它们是没有颜色的,其实在色彩的排序中,黑色、白色以及各种深浅不同的灰色系列,称为无彩色系。如左图所示,为以这3 种色调为主构成的网店首页,这种画面也是别具一番风味的,在进行店铺装修的配色中,为了追求某种意境或者氛围,有时也会使用无彩色来进行搭配
图2-1 无彩色系的店铺首页
无彩色没有色相的种类,只能以明度的差异来区分,如图2-2 所示。无彩色没有冷暖的色彩倾向,因此也被称为中性色。
黑白系列中由白到黑的变化,可以用一条垂直轴表示,一端为白,一端为黑,中间有各种过渡的灰色。无彩色系的颜色只有一种基本性质——明度。它们不具备色相和纯度的性质,也就是说它们的色相和纯度在理论上都等于零
图2-2 无彩色系
在无彩色系中,纯白是理想的完全反射的物体;纯黑是理想的完全吸收的物体。在现实生活中,并不存在纯白与纯黑的物体。颜料中采用的锌白和铅白只能接近纯白;煤黑只能接近纯黑。色彩的明度可用黑白度来表示,越接近白色,明度越高;越接近黑色,明度越低。黑与白作为颜料,可以调节物体色的反射率,使物体色提高明度或降低明度。
无彩色中的黑色是所有色彩中最黑暗的色彩,通常能够给人以沉重的印象,而白色是无彩色中最容易受到环境影响的颜色。如果设计的画面中白色的成分越多,画面效果就越单纯。而灰色则处于白色和黑色之间,它具有平凡、沉默的特征,很多时候在店铺装修中作为调节画面色彩的一种颜色,可以给顾客带来安全感和亲切感。如图2-3 所示,为服装店铺装修中设计的商品详情页面。
该服装店铺通过将无彩色与有彩色进行结合,使其形成强烈的对比,凸显出商品的特点,削弱辅助图像的内容,同时这样的配色也让整个画面更具设计感和艺术感
图2-3 商品详情页面
2.有彩色系
彩色是指红、橙、黄、绿、青、蓝、紫等颜色,不同明度和纯度的红橙黄绿青蓝紫色调都属于有彩色系。有彩色是由光的波长和振幅决定的,波长决定色相,振幅决定色调。如图2-4
所示,为使用有彩色系进行配色的网店装修图片。
有彩色是指凡是带有某种标准色倾向的色,光谱中的全部色都属于有彩色,有彩色以红、橙、黄、绿、青、蓝、紫为基本色,其中基本色之间不同量的混合,以及基本色与黑、白、灰之间的不同量组合,会产生成千上万的有彩色
图2-4 使用有彩色系进行配色的网店装修图片
专家指点
在图像的制作过程中,根据有彩色的特性,可以通过调整其色相、明度以及纯度之间的对比关系,或通过各色彩间面积调和,可以搭配出色彩斑斓、变化无穷的网店装修画面效果。
ISBN | 9787302472599,7302472599 |
---|---|
出版社 | 清华大学出版社 |
作者 | 蒋珍珍 |
尺寸 | 16 |