2024年3月27日发(作者：)
第1章 店铺装修基础知识
Chapter 01
Chapter 1
的图片格式
，
以及常用的店铺装修软件
，
做好店铺装修的前期准备
。
第
1
章
店铺装修基础知识
随着互联网的发展
，
网上购物已经日益为人们所熟悉
。
而在诸多的网络交易平台中
，
淘宝网无疑是人气最旺的平台之一
。
淘宝装修可以帮助成千上万的淘宝卖家
，
特别是中
小卖家
，
更好地管理
、
经营自己的淘宝店铺
，
给访问者带来更好的网上购物体验
。
本章主要讲解了店铺装修的重要性
，
通过本章的学习
，
读者可以认识网店装修中常见
学习重点
|
WHAT'S IMPORTANT
了解店铺装修的重要性
/
做好店铺装修前的准备
/
准备店铺图片的存储空间
/
认识网店装修中常用的图片格式
/
常用店铺装修软件的学习
01
淘宝网店装修实战
1.1
UNDER RECONSTRUTION
了解店铺装修的重要性
网店装修一直是个非常热门的话题，开网店，也
要把门面装修得漂亮点才能吸引客人。店铺的第一印
象对于人的认知会产生相当的影响，对于网络店铺来
说，装修更是店铺兴旺的制胜法宝，任何物品的任何
信息我们都只能通过眼球来获得，所以更要在美观上
下一些功夫。一般来说，经过装修设计的网络店铺特
别能吸引网友的目光。
首先，网店设计可以起到一个品牌识别的作用。
对于店铺来说，形象设计能为商店塑造完美的形象，
加深消费者对企业的印象，如图
1-1
所示。
其次，网店的店铺装修可以让店铺变得更有附加
值，更具信任感。因为网络购物者只能通过网店上的
文字和图片来了解产品，一个好的店铺能增加用户的
信任感，而店铺装修是提高产品附加值和店铺浏览量
的重要手段，如图
1-2
所示。
所以说，开网店，也需要把店面装修得漂亮点才
能吸引客人，如果你的店铺没有装修，空空荡荡的，
让人没有一点购物的感觉，那么也很难激起消费者购
物的欲望，因此，店铺装修就是为了让顾客在购物中
感受到一种温暖的气息，从而增加销售额。
图1-2 漂亮的店铺
图1-1 经过专业装修的店铺
02
第1章 店铺装修基础知识
Chapter 01
1.2
LET'S GETTING READY
做好店铺装修前的准备
所谓网店装修，就是将原本平淡无奇的页面通过各种图片、动画、文字等元素进行美化，从
而使网店变得更生动、形象。在对店铺进行装修前，首先应该做足准备，这样才可以达到事半
功倍的效果。
网店装修风格的确定
在进行网店装修之前，首先需要确定装修
的风格，我们可以通过以下几个方面来考虑：
2
．
合适的装修风格
同一种商品也可以有不同的装修风格，比
如首饰珠宝店，就可以有高贵、稳重、时尚、
简约等多种装修风格，你可以根据自己的喜好
1
．
主营商品的性质
作为店主，自己所开店铺的主营项目肯定
是熟悉的，因此可以根据店铺的主营项目决定
装修的风格，比如你的店铺是卖儿童玩具的，
那么可以选择可爱、活泼、卡通一点的风格，
如果使用过于稳重的风格，显然是不太适合的，
如图
1-3
所示。
进行选择，如图
1-4
所示。
图1-4 选择合适的装修风格
收集装修素材
因此，
店铺装修需要依靠很多图片素材完成，
在确立好装修风格之后，我们就要开始寻找适
图1-3 根据商品的性质装修的店面
合的素材。我们可以在网络中搜集素材，方法
03
淘宝网店装修实战
非常灵活，比如在搜索引擎里面输入“素材”
两字然后进行搜索，如图
1-5
所示。
图1-5 登录百度网站
在打开的页面中会显示很多符合条件的搜
索结果，如图
1-6
所示。
图1-6 显示搜索结果
从搜索结果中选择相应的素材网站，如图
1-7
所示。
提 示
如果使用网络上的图片素材
，
请注意不要涉及版
权问题
。
04
图1-7 打开图片素材网站
找到合适的素材后，可以将图片素材存储
到自己电脑中，并进行分类整理，方便以后使
用，如图
1-8
所示。
图1-8 图片素材
除了在网络中搜集素材外，还可以购买一
些素材图库，从而方便自己的设计。
第1章 店铺装修基础知识
Chapter 01
1.3
LET'S GETTING READY
准备店铺图片的存储空间
目前淘宝普通店铺只支持基本图片的上传，图片的体积大小在
500Kb
以内，如果升级为淘宝
旺铺，则可以使用
30M
免费图片空间。因此，店铺装修模板的图片、商品细节图片及商品说明等，
建议放置在自己的空间中，从而方便调用。本节将介绍几种常用的获取网络空间的方式。
使用免费的相册空间
很多网站提供了免费相册服务，如网易、
雅虎中国等，这样我们就可以将一些商品图片
上传到免费相册中进行存储，具体步骤如下：
1
启动
IE
浏览器
，
在地址栏中输入
“
/
”，
打开网易相册首页
，
单击
【
注册
】
按钮
，
如图
1-9
所示
。
图1-10 注册网易通行证
3
注册成功后
，
即会自动登录到网易相
册中
，
将鼠标移至
“
我的相册
”
超链接上
，
弹
出下拉菜单
，
在菜单中单击超链接
，“
我的相册
”
如图
1-11
所示
。
图1-9 网易相册
2
弹出一个新的网页
，
根据提示信息填
写正确的注册信息
，
如图
1-10
所示
。
图1-11 打开“我的相册”
05
淘宝网店装修实战
4
在打开的页面中单击按钮
，
从而调用图片使其显示
，
如图
1-14
所示
。
【
上传相片
】
在打开的页面中单击
【
添加相片
】
按钮
，
如图
1-12
所示
。
图1-12 添加照片
5
在弹出的
“
选择要上载的文件
”
对话
框中选择需要上传的图片
，
单击
【
打开
】
按钮
，
上传需要的图片
，
如图
1-13
所示
。
图1-13 选择需要上传的照片
6
添加好要上传的图片后
，
单击页面下
方的
【
上传相片
】
按钮
，
即可上传图片
，
图片
上传完成后
，
在相册中可以看到上传成功的图
片
，
这时我们就可以在淘宝中插入图片地址
，
06
图1-14 上传照片
免费相册有一定的局限性，其本身拒绝外
链图片，对于图片大小、格式也有一定的限制，
而且稳定性比较差，经常无法正常显示出图片，
因此，使用这种方式比较适合初开网店的人群
使用。
使用淘宝图片空间
淘宝本身提供了一定的图片空间，如果图
片数量不是很大，可以考虑使用淘宝图片空间，
具体操作步骤如下：
1
以会员身份登录淘宝
，
打开店铺的基
本设置
，
单击
【
我是卖家
】
按钮
，
进入店铺基
本设置页面
，
如图
1-15
所示
。
图1-15 登录淘宝网
2
单击
“
图片空间
”
超链接
，
进入图片
上传页面
，
如图
1-16
所示
。
图1-16 进入图片上传页面
3
单击
“
上传图片
”
选项卡
，
在打开的
页面中单击
【
添加图片
】
按钮
，
如图
1-17
所示
。
图1-17 准备上传图片
第1章 店铺装修基础知识
Chapter 01
4
在弹出的
【
添加图片
】
对话框中选择
要上传的图片
，
单击
【
选好了
】
按钮
，
如图
1-18
所示
。
图1-18 选择要上传的图片文件
5
在打开的
“
上传图片
”
对话框中单击
【
立
即上传
】
按钮
，
即可将图片上传至淘宝图片空
间中
，
如图
1-19
所示
。
如果需要添加其他的
图片
，
可以单击
【
还要加图片
】
按钮
，
从而再
次选择新的图片
。
图1-19 上传图片至淘宝空间
使用付费相册空间
除了免费空间外，淘宝上还有很多收费空
07
淘宝网店装修实战
间和相册供大家选择，购买的时候，第一要注
意相册的稳定性；第二要留意空间供应商的口
建立的一些目录或上传测试的一些图片
，
如果
购买相册后里面的目录和图片就完全由你掌控
碑；第三要考查空间服务商经营时间有多久，
了
。
我们先看看进入相册后的界面
，
如图
1-22
重点考虑老牌服务商；第四要注意产品的性价
比，当然不能一味地只图低价。
这里我们以价格适中的“网图相册”为例，
指导大家使用相册空间。
1
首先打开浏览器
，
在地址栏中输入
“
”
相册地址
，
进入该网站首页
，
如图
1-20
所示
。
图1-20 打开网图相册首页
2
如果你还没打算购买此相册
，
我们可
以先体验下这个相册的功能和速度等
，
单击
【
轻
松体验
】
按钮便可以进入测试空间
，
如图
1-21
所示
。
图1-21 体验相册
3
因为是测试空间
，
使用的是个公共账
户
，
第
2
天数据会清空
。
里面会有其他朋友
08
所示
。
图1-22 进入相册
4
接着我们来建立一个新的文件目录
，
单击
【
文件夹管理
】
按钮
，
然后输入目录的名字
，
比如
“
新文件
”，
如图
1-23
所示
，
这样就新建
立了一个文件
。
图1-23 新建图片文件夹
5
单击页面右上角的
【
上传图片
】
按钮
，
传送图片
。
在新窗口里面的存放目录中选择刚
刚建立的
“
新文件
”，
然后单击右侧
【
添加图片
】
按钮
，
一次添加图片几十张甚至几百张都是可
以的
，
而且可以保持原始文件名上传
。
比如你
的图片名称是
“
1
．
jpg
”，
那么上传后图片名
称还是叫
“
1
．
jpg
”，
不会有其他的符号
，
相
册有这样的功能对做模板很方便
。
此相册还有
个
“
组
”
描述的功能
，
如果照片传多了
，
可以
根据
“
组描述
”
里的文字查找
，
非常轻松
。
上
传多个文件的同时
，
可以保持原始文件名
，
还
可以对组进行描述
，
如图
1-24
所示
。
图1-24 上传图片
6
图片上传成功后
，
就可以在相册中看
到相应的图片了
，
如图
1-25
所示
。
图1-25 图片上传成功
第1章 店铺装修基础知识
Chapter 01
租用虚拟主机
虚拟主机是企业网站存放网站内容的一种
普通方式。虚拟主机有独立的域名和
IP
地址，
系统稳定、管理方便，可以支持多种类型的
文件，如图片、
Flash
动画、网页、数据库等，
而价格也比较便宜，因此，租用虚拟主机的方
式适用于图片及动画素材较多的淘宝卖家。
我们可以通
FTP
软件将图片上传到虚拟主
机中，如图
1-26
所示。
图1-26 使用FTP软件上传图片
虚拟主机的具体使用方法在后面的章节中
我们将会重点讲解。
09
淘宝网店装修实战
1.4
IN COMMON USE PICTURE
认识网店装修中常用的图片格式
GIF格式
GIF
（
Graphics Interchange Format
）的原
义是“图像互换格式”，是
CompuServe
公司在
1987
年开发的图像文件格式。
GIF
文件的数据，
是一种基于
LZW
算法的连续色调的无损压缩
格式。其压缩率一般在
50
％左右，它不属于任
何应用程序。目前几乎所有相关软件都支持它，
公共领域有大量的软件在使用
GIF
图像文件。
GIF
只支持
256
色以内的图像，采用无损
压缩存储，在不影响图像质量的情况下，可以
生成很小的文件。
GIF
支持透明色，可以使图
像浮现在背景之上，而且可以制作动画，这是
它最突出的一个特点，如图
1-27
所示。
图1-27 GIF格式图片
JPEG格式
JPEG
也是常见的一种图像格式，它由
联合照片专家组（
Joint Photographic Experts
Group
）开发并命名为“
ISO 10918-1
”，
JPEG
仅仅是一种俗称而已。
JPEG
文件的扩展名为．
jpg
或．
jpeg
，其
压缩技术十分先进，它用有损压缩方式去除冗
余的图像和彩色数据，获得极高的压缩率的同
时能展现十分丰富生动的图像，换句话说，就
是可以用最少的磁盘空间得到较好的图像质
量，如图
1-28
所示。
图1-28 JPEG格式图片
同时
JPEG
还是一种很灵活的格式，具有
调节图像质量的功能，允许你用不同的压缩比
例对这种文件压缩，比如我们最高可以把
1
．
37MB
的
BMP
位图文件压缩至
20
．
3KB
。当
然我们完全可以在图像质量和文件尺寸之间找
到平衡点。
JPEG
格式是目前网络上最流行的图像格
式，是可以把文件压缩到最小的格式，
由于
JPEG
优异的品质和杰出的表现，它
01010
的应用也非常广泛，特别是在网络和光盘读物
上，都能找到它的影子。目前各类浏览器均支
持
JPEG
这种图像格式，因为
JPEG
格式的文
件尺寸较小，下载速度快，使得
Web
页有可能
以较短的下载时间提供大量美观的图像，
JPEG
同时也就顺理成章地成为网络上最受欢迎的图
像格式。
PNG格式
PNG
是
20
世纪
90
年代中期开始开发的
图像文件存储格式，其目的是试图替代
GIF
和
TIFF
文件格式，同时增加一些
GIF
文件格式
所不具备的特性，
PNG
格式能够提供长度比
GIF
格式小
30%
的无损压缩图像文件，同时提
供
24
位和
48
位真彩图像支持以及其他诸多技
术性支持。
PNG
格式的文件背景颜色可以是透
明的，所以用到的地方也非常多。例如在淘宝
上我们可以用
PNG
格式的图片作为水印，如
图
1-29
所示。
图1-29 PNG格式图片
第1章 店铺装修基础知识
Chapter 01
PSD格式
PSD
：
Photoshop Document
（
PSD
）是著
名的
Adobe
公司的图像处理软件
Photoshop
的
专用格式。格式可以存储
Photoshop
中所有的
图层、通道、参考线、注解和颜色模式等信息。
在保存图像时，若图像中包含有层，则一般都
用
Photoshop
（
PSD
）格式保存。
PSD
格式在
保存时会将文件压缩，以减少占用磁盘空间，
但
PSD
格式所包含图像数据信息较多（如图层、
通道、剪辑路径、参考线等），因此比其它格
式的图像文件还是要大得多。由于
PSD
文件
保留所有原图像数据信息，因而修改起来较为
方便，如图
1-30
所示。
图1-30 PSD格式图片
PSD
格式的文件是一种图形文件格式，因
此，使用看图软件如
ACDSee
或图形处理软件
如我形我速、
PhotoShop
等都是可以打开的。
01111
淘宝网店装修实战
1.5
IN COMMON USE SOFTWARE
常用的店铺装修软件介绍
Photoshop
Photoshop
是由
Adobe
公司开发的图形处
理系列软件之一，目前最新版本为
CS5
，主要
应用在图像处理、广告设计的一个电脑软件，
是世界上公认的功能最强大的图像编辑软件，
由于网店装修是利用精美图片把自己的网店进
行装饰，所以需要先设计好图片，我们一般采
用
Photoshop
制作图片。
Photoshop CS5
界面如图
1-31
所示。
图1-31 Photoshop CS5界面
Dreamweaver
Dreamweaver
是
Adobe
公司开发的集网页
制作和管理网站于一身的所见即所得网页编辑
器，它是第一套针对专业网页设计师特别开发
的视觉化网页开发工具，利用它可以轻而易举
地制作出跨越平台限制和跨越浏览器限制的充
满动感的网页，其界面如图
1-32
所示。
图1-32 Dreamweaver界面
网店装修所使用的是
html
代码，一般是
用
Dreamweaver
软件来制作，
Dreamweaver
是
唯一提供视觉化编辑与原始码编辑同步的设计
工具。
光影魔术手
光影魔术手（
nEO iMAGING
）是一个对数
码照片画质进行改善及效果处理的软件。简单、
易用，每个人都能制作精美相框、艺术照、专
业胶片效果，而且完全免费。不需要任何专业
的图像技术，就可以制作出专业胶片摄影的色
01212
第1章 店铺装修基础知识
Chapter 01
彩效果，是摄影作品后期处理、图片快速美容、
数码照片冲印整理时必备的图像处理软件，界
面如图
1-33
所示。
图1-33 “光影魔术手”图像处理软件
Fireworks CS5
Adobe Fireworks CS5
是
Adobe
推出的一
款网页作图软件，软件可以加速
Web
设计与
开发
,
是一款创建与优化
Web
图像和快速构建
网站与
Web
界面原型的理想工具。
Fireworks
CS5
不仅具备编辑矢量图形与位图图像的灵活
性
,
还提供了一个预先构建资源的公用库
,
由
Adobe Photoshop CS5
、
Adobe Illustrator CS5
、
Adobe Dreamweaver CS5
和
Adobe Flash CS5
软
件省时集成。
Fireworks
将设计迅速转变为模型
,
或利用来自
Illustrator
、
Photoshop
和
Flash
的
其他资源，然后直接置入
Dreamweaver CS5
中
轻松地进行开发与部署，如图
1-34
所示。
图1-34 Fireworks CS5 工作界面
Ulead Gif Animator
Ulead GIF Animator
是由友立公司出版的
一款专业制作
GIF
动画的软件，内建许多现成
的特效可以立即套用，而且还能将动画
GIF
图
片最佳化，如将放在网页上的动画
GIF
图档减
肥，以便能更快速地浏览网页，如图
1-35
所示。
图1-35 Ulead GIF Animator
提 示
各种制作软件功能不同
，
我们可以结合使用
，
而
且还有一些专业制作某些图形的软件
，
如专业制
作按钮
、
广告横幅之类的软件
，
读者也可以下载
使用
，
从而可以节省大量设计时间
。
01313
淘宝网店装修实战
小
结
好的开始是成功的一半
，
本章主
要是让读者了解店铺装修的重要性
，
做好店铺装修前的准备
：
认识了网店
装修中常用软件及图片的格式
，
学习
了根据商品类型去准备网店装修的材
料和店铺图片的存储空间
。
这些也是
网店装修必备的基础知识
。
总之
，
在
装修之前我们必须做好充分的准备
。
014
更多推荐
装修,图片,店铺,图像,软件,上传,相册,格式
发布评论