淘宝天猫网店美工全能第2章

2.1.4 全屏海报设要素在
该海报中的应用方式，以及 呈现的效果，让读者对三要 素的认识更为深刻。
2.1.4 全屏海报设计元素赏析
7
1、面的应用
3、点的应用
2、线的应用
新手试练
8
如图所示为搜集的两款海报效果。为了提高读者视觉设计的水平，要求对图中的点、线、面
2.4.3 店铺页面布局的原则
主次分明、中心突出
29
01
布局丰满、应有尽有
05
店铺页面布 局的原则
02
大小搭配、相互呼应
04
合理使用页面元素
03
简洁与一致性
2.4.4 淘宝首页视觉赏析
30
意尔康是中国领先的鞋类品牌企业。下面将对意尔康淘宝网页 中海报的构图技巧、商品的陈列、色彩与文本的应用进行赏析。
34
使用图形装饰文本
倾斜文本
变形文本
使用颜色装饰文本
扩展阅读——淘宝文本装饰技巧
35
投影、描边与发光效果
为文本添加立体效果
高手进阶
（1）赏析如图2-61所示为TPIWR天猫旗舰店首屏效果，要求对
页面的设计元素、页面的颜色搭配与字体搭配进行分析。 （2）赏析如图2-62所示的歌莉娅官方店首页，要求对网页中颜
扩展阅读——淘宝文本装饰技巧
高手进阶
2.4.1 视觉构图
25
中心构图
九宫格构图
2.4.1 视觉构图
26
对角线构图
三角构图
2.4.1 视觉构图
27
黄金分割点构图
2.4.2 店铺页面布局的基本元素
28
一个完整的淘宝旺铺中，网店页面一般包 括的元素有店招、导航、轮播海报、优惠 券、宝贝分类、宝贝展示、页尾等。
2.4.4 淘宝首页视觉赏析
31
3、商品的陈列分析
4、简洁性与一致性分析
2.4.4 淘宝首页视觉赏析
32
5、模块分析
新手试练
33
如图为古老鲨鱼淘宝官方店首页第一、二屏的效果。为了提高读者视觉构图与页面布局的水 平，要求对网页中的构图方式、网页元素的布局方式进行分析。
扩展阅读——淘宝文本装饰技巧
36
色、风格、搭配、构图方式、网页元素等布局方式进行分析。
37
谢谢观看
网店美工设计的基本理念
网店美工全能一本通——配色、抠图、装修、无线店铺（全彩版）
体的搭配等方面入手。
2.3.4 海报字体搭配赏析
22
1、字体的选择与搭配
2、字体颜色的赏析
3、字体的修饰
4、布局层次
新手试练
23
如图所示为搜集的淘宝网页海报效果。为了提高读者颜色应用与搭配水平，要求对海报中字
体的风格、字体的修饰与字体的布局进行分析。
内容导航
2.1 了解设计元素
2.2 色彩的搭配 2.3 文案排版设计 2.4 视觉构图与页面的布局
的应用方式与应用技巧进行分析。
内容导航
2.1 了解设计元素
2.2 色彩的搭配 2.3 文案排版设计 2.4 视觉构图与页面的布局
扩展阅读——淘宝文本装饰技巧
高手进阶
2.2.1 色彩的属性与对比
10
色相对比
明度对比
纯度对比
2.2.1 色彩的属性与对比
11
冷暖色对比
色彩面积对对比
2.2.2 主色、辅助色与点缀色
2.1.2 线
4
线在视觉形态中可以表
现长度、宽度、位置、方向 性和性格，具有刚柔共济、
优美和简洁的特点，经常用
于渲染画面，引导、串联或 分割画面元素。
2.1.3 面
5
点的放大即为面，线的分割产
生各种比例的空间也可称为面。面
有长度、宽度、方向、位置、摆放 角度等特性。在版面中面具有组合 信息、分割画面、平衡和丰富空间 层次，烘托与深化主题的作用。
第2章
网店美工设计的基本理念
淘宝天猫网店美工全能一本通——配色、抠图、装修、无线店铺（视频指导版）
内容导航
2.1 了解设计元素
2.2 色彩的搭配 2.3 文案排版设计 2.4 视觉构图与页面的布局
扩展阅读——淘宝文本装饰技巧
高手进阶
2.1.1 点
3
点是可见的最小的形式单元，具有凝聚视觉的作用，可以使画面布局显得合理舒适、灵 动且富有冲击力。左图月亮即为放大点形成的面，周围的星星以点的形式装饰背景，突出中秋 的主题；右图以玫瑰花瓣为点，排列成环绕模特的曲线，装饰画面并突出模特的服装。
12
辅助色 点缀色
主色
2.2.3 店铺首页颜色赏析
13
为店铺定位合理的色彩形 象，能够有效提升店铺的销售额 。下面将对玛兰朵品牌店首页中 颜色的应用与搭配的进行赏析，
2.2.3 店铺首页颜色赏析
14
1、主色调的应用
2、辅助色的应用
3、点缀色的应用
新手试练
15
如图所示为搜集的淘宝网页首屏效果。为了提高读者颜色应用与搭配水平，要求对页面中颜 色的明度、饱和度与纯度，以及主色、辅助色与点缀色的搭配进行分析。
内容导航
2.1 了解设计元素
2.2 色彩的搭配 2.3 文案排版设计 2.4 视觉构图与页面的布局
扩展阅读——淘宝文本装饰技巧
高手进阶
2.3.1 字体的性格特征
17
黑体
艺术体 宋体 书法体
2.3.2 字体风格的搭配
18
男性字体
女性字体
2.3.2 字体风格的搭配
（二） 字体风格的搭配 儿童字体
19
促销字体
2.3.3 字体的布局技巧
20
字体的选用与变化
文字的统一 文字的层次布局
2.3.4 海报字体搭配赏析
21
字体的选择与搭配、字体颜色 的搭配、字体的修饰与布局是视觉 营销设计中不可或缺的因素。下面 对某牛仔裤海报的字体搭配进行赏 析，具体可从字体的选择、字体颜
色的搭配、字体的排列与布局、字