网店版面设计
1、网店视觉的图像设计是怎样的?
图像在网店中是非常重要的部分,其视觉冲击力相对文字要强很多。它能够在瞬间吸引顾客的注意,让他们知道你产品的基本信息。在多媒体的世界,它的作用比文字要大。在网店中,优秀的产品图像更是增加浏览量和促进购买的关键。应使图片在视觉信息传达上能辅助文字,帮助理解。因为图片能具体而直接地把信息内容高素质、高境界地表现出来,使本来平淡的事物变成强而有力的诉求性画面,体现出更强烈的创造性。图片在版面构成要素中,充当着形成独特画面风格和吸引视觉关注的重要角色,具有烘托视觉效果和引导阅读两大功能。
网店的图像主要有广告图、产品主图、实拍图等。如何打造和美化这些图片呢。
(1)广告图。一个网店的广告图是为网店的推广服务的,一般都包括产品海报、焦点图、促销海报、钻展、直通车图片。做好了这些图,你的推广费从此不再打水漂。首先要主题明确,不要出现多个主题现象;其次风格切忌挂羊头卖狗肉,简单地说就是表里如一;再次就是构图忌讳整齐划一、主次不分、中规中矩;最后就是细节了,细节决定成败,一切的效果都要在细节中实现。
(2)产品主图。一张好的产品主图能决定50%的购买欲望。主图可以放的内容包括品牌LOGO、产品价格(如2折、仅99元等)、促销词汇(如包邮送礼、仅限今日等)。从2012年10月1日开始在类目客服的支持下,主搜图是否有“牛皮癣”将作为搜索展现的重要权重,多个类目进行了整改,以恢复主搜图的美观形象。主图设计优美能给卖家带来一定的流量和转化率。
(3)实拍图。面对实拍图买家会有这样的要求:图片要是实物拍摄图;细节图要清楚展示;颜色不能失真,要有色彩说明;图片打开的速度不能太慢;图片清晰等。这些问题都是买家平时关注的。卖家在展示产品实拍图时要关注买家的需求。
2、淘宝网店页面设计、布局、配色、装修一本通的目录
第1章 网店装修入门基础 1
1.1 网店装修需要注意的问题 1
1.1.1 什么是网店装修 1
1.1.2 为什么要进行网店装修 1
1.1.3 新手店铺装修的误区 3
1.2 网店装修审美准则 7
1.2.1 网店的风格 8
1.2.2 网店审美的通用原则 8
1.3 网店装修的一般流程 10
第2章 网店页面的元素与布局 13
2.1 网店栏目和页面设计策划 13
2.1.1 为什么要进行策划 13
2.1.2 网店的栏目策划 14
2.1.3 网店的页面策划 15
2.2 网店布局的基本元素 16
2.3 版面布局设计 19
2.3.1 版面布局原则 19
2.3.2 网店页面内容的排版 21
第3章 网店页面的视觉元素设计 24
3.1 网店导航设计 24
3.1.1 导航设计的基本要求 24
3.1.2 导航的基础要素 25
3.1.3 导航设计注意要点 25
3.2 页面中的文字设计 26
3.2.1 文字的字体、字号、行距 26
3.2.2 文字的颜色 27
3.2.3 文字的图形化 27
3.2.4 让文字易读 28
3.3 页面中的图片应用 28
3.3.1 让买家心动促成交易,商品图片是关键 28
3.3.2 商品图片的诚信原则 31
3.3.3 使用模特实拍,增加商品的直观视觉效果 32
3.4 让按钮更易点击 33
第4章 网店页面创意和风格 35
4.1 页面设计创意思维 35
4.1.1 什么是创意 35
4.1.2 创意思维的原则 36
4.1.3 创意过程 38
4.2 创意的方法 38
4.2.1 富于联想 39
4.2.2 巧用对比 39
4.2.3 大胆夸张 40
4.2.4 趣味幽默 40
4.2.5 善用比喻 41
4.2.6 以小见大 41
4.2.7 偶像崇拜 42
4.2.8 古典传统 42
4.2.9 流行时尚 43
4.3 网店页面风格 43
4.3.1 大幅配图 43
4.3.2 面板风格 44
4.3.3 三维风格 45
4.3.4 书报风格 46
第5章 大型购物网店页面设计分析 47
5.1 人气商品页面分析 47
5.1.1 销售的不是商品,而是氛围 47
5.1.2 应详细的展示商品 49
5.1.3 注意比商品更吸引眼球的要素 50
5.1.4 以买家的语气描述,从买家的视角设计 51
5.2 热销商品页面设计理念 52
5.2.1 页面不是一味的加长,而要生动有趣 52
5.2.2 自然引导顾客购买搭配商品 53
5.2.3 通过商品图片就可以了解商品实际大小 54
5.2.4 商品信息介绍准确详细 55
5.2.5 分享购买者的经验 56
5.2.6 展示相关证书证明 57
5.2.7 文字注意可读性 57
第6章 页面色彩搭配基础知识 59
6.1 色彩的原理 59
6.2 色彩的分类 59
6.2.1 无彩色 59
6.2.2 有彩色 62
6.3 色彩的三要素 63
6.3.1 明度 64
6.3.2 色相 65
6.3.3 纯度 66
6.4 色彩对比 67
6.4.1 明度对比 67
6.4.2 色相对比 69
6.4.3 纯度对比 73
6.4.4 色彩的面积对比 73
6.4.5 色彩的冷暖对比 74
6.5 网店页面色彩搭配方法 76
6.6 主色、辅助色、点缀色 79
6.6.1 主色可以决定整个店铺风格 79
6.6.2 辅助色对页面有决定性效果 80
6.6.3 点缀色可营造独特的页面风格 81
第7章 网店色调与配色 82
7.1 红色系的配色 82
7.1.1 红色适合的配色方案 82
7.1.2 适用红色系的网店 83
7.2 橙色系的配色 84
7.2.1 橙色适合的配色方案 84
7.2.2 适用橙色系的网店 85
7.3 黄色系的配色 86
7.3.1 黄色适合的配色方案 87
7.3.2 适用黄色系的网店 88
7.4 紫色系的配色 89
7.4.1 紫色适合的配色方案 89
7.4.2 适用紫色系的网店 90
7.5 绿色系的配色 91
7.5.1 绿色适合的配色方案 91
7.5.2 适用绿色系的网店 92
7.6 蓝色系的配色 92
7.6.1 蓝色适合的配色方案 93
7.6.2 适用蓝色系的网店 94
7.7 无彩色的配色 95
7.7.1 白色的网店 95
7.7.2 灰色系的网店 96
7.7.3 黑色系的网店 97
第8章 各行网店设计与配色案例解析 98
8.1 女装网店 98
8.1.1 女装网店的经营特点 98
8.1.2 页面分析 100
8.1.3 网店配色讲解 101
8.2 美容化妆网店 102
8.2.1 美容化妆网店的经营特点 102
8.2.2 页面分析 104
8.2.3 网店配色讲解 107
8.3 计算机数码产品网店 107
8.3.1 计算机数码产品网店的经营特点 107
8.3.2 页面分析 108
8.3.3 网店配色讲解 110
8.4 家居日用品网店 110
8.4.1 家居-日用品网店的经营特点 110
8.4.2 页面分析 111
8.4.3 网店配色讲解 113
8.5 男性商品类网店 114
8.5.1 男性商品类网店的经营特点 114
8.5.2 页面分析 114
8.5.3 网店配色讲解 116
8.6 珠宝饰品网店 116
8.6.1 珠宝饰品网店的经营特点 116
8.6.2 页面分析 117
8.6.3 网店配色讲解 119
8.7 包包网店 119
8.7.1 包包网店的经营特点 119
8.7.2 页面分析 120
8.7.3 网店配色讲解 122
8.8 鞋类网店 122
8.8.1 鞋类网店的经营特点 122
8.8.2 页面分析 123
8.8.3 网店配色讲解 125
8.9 童装网店 125
8.9.1 童装网店的经营特点 125
8.9.2 页面分析 125
8.9.3 网店配色讲解 127
8.10 食品网店 127
8.10.1 食品网店的经营特点 127
8.10.2 页面分析 127
8.10.3 网店配色讲解 129
第9章 处理好照片,装修有优势 130
9.1 简单的照片处理 130
9.1.1 调整拍歪的照片 130
9.1.2 缩小图片 131
9.1.3 自由裁剪照片 133
9.1.4 调整图片适合淘宝发布的大小 134
9.2 调整照片效果 136
9.2.1 调整曝光不足的照片 137
9.2.2 调整曝光过度的照片 138
9.2.3 调整模糊的照片 139
9.4.4 调整对比度突出照片主题 142
9.3 为照片添加水印和边框 144
9.3.1 为照片添加水印防止他人盗用 144
9.3.2 为照片添加相框提高商品档次 146
9.4 照片特殊效果处理技法 148
9.4.1 把照片中的产品抠出来 148
9.4.2 快速更换图片的背景 151
9.4.3 给宝贝图片加圆角 152
9.4.4 制作闪闪发亮的商品图片 156
9.5 一次性处理大量产品图片 161
第10章 淘宝店铺各版本特点 164
10.1 普通店铺 164
10.1.1 普通店铺的特点 164
10.1.2 可供装修区域 164
10.2 旺铺创业扶植版 167
10.2.1 旺铺创业扶植版特点 167
10.2.2 可供装修的区域 170
10.3 旺铺标准版 171
10.3.1 旺铺标准版的特点 171
10.3.2 可供装修的区域 174
10.4 旺铺拓展版 174
10.4.1 旺铺拓展版的特点 174
10.4.2 可供装修区域 177
10.5 旺铺旗舰版 177
第11章 普通店铺装修篇 180
11.1 店铺计数器 180
11.2 添加店铺音乐背景 182
11.3 宝贝分类设计与设置 185
11.3.1 宝贝分类制作的注意事项 185
11.3.2 制作宝贝分类图片 185
11.3.3 上传图片并设置宝贝的分类 187
11.4 公告区域的制作 192
11.4.1 制作公告区时的注意事项 193
11.4.2 制作精美的图片公告 193
11.4.3 在店铺中应用图片公告 196
11.5 店标的设计与发布 198
11.5.1 什么是网店的店标 198
11.5.2 店标设计的原则 198
11.5.3 店标制作的基本方法 199
11.5.4 设计店铺标志 200
11.5.5 将店标发布到店铺上 204
第12章 淘宝旺铺装修篇 206
12.1 制作旺铺的个性店招 206
12.1.1 店招制作的注意事项 206
12.1.2 服装店招设计实例 206
12.1.3 将店招应用到店铺中 211
12.2 巧妙制作宝贝促销区 212
12.2.1 制作宝贝促销区的注意事项 212
12.2.2 宝贝促销区的制作方法 213
12.2.3 宝贝促销区设计实例 214
12.2.4 将促销区源代码应用到旺铺中 218
12.3 制作宝贝描述模板 221
12.3.1 宝贝描述模板的设计要求 221
12.3.2 在Photoshop中设计宝贝描述模板 221
12.3.3 将图片切割为适合网页应用的元素 231
12.3.4 使用Dreamweaver生成网页代码 234
12.3.5 发布商品描述模板 239
12.4 视频在店铺装修中的应用 241
12.4.1 定制视频服务 241
12.4.2 视频文件的上传 244
12.4.3 视频在店铺中的应用 245
附录1 各行业网店色彩搭配 248
附录2 配色形容词色卡 253
附录3 页面安全色 258
3、网店LOGO设计有哪些原则?
LOGO设计是一种符号的设计,是企业、机构、商品和各项设施的象征形象,网店店铺LOGO是网店的一种标识,是企业或者网店特有的符号。LOGO设计涉及政治、经济、法制以及艺术等各个领域。LOGO设计的特点是由标志的功能、形式决定的。LOGO设计一般可分为文字LOGO设计、图形LOGO设计以及文字和图形相结合的LOGO设计三种形式。一款成功的标志设计,化抽象为形象,将设计概念由抽象的评议表现逐步转化为具体的形象设计,应该是创意和表现有机结合的产物。
1.LOGO的特点(1)功用性:LOGO的本质在于它的功用性。经过艺术设计的LOGO虽然具有观赏价值,但LOGO主要不是为了供人观赏,而是为了实用。LOGO是人们进行生产活动、社会活动必不可少的直观工具。LOGO有为人类共用的,如公共场所LOGO、交通LOGO、安全LOGO、操作LOGO等;有为国家、地区、城市、民族、家族专用的旗徽等LOGO;有为社会团体、企业、活动专用的,如会徽、会标、厂标、社标等;有为某种商品专用的商标;还有为集体或个人所属物品专用的,如图章、签名、画押、落款、烙印等,都各自具有不可替代的独特的使用功能。具有法律效力的LOGO尤其兼有维护权益的特殊使命。
(2)识别性:LOGO设计最突出的特点是各具独特面貌,易于识别,显示事物自身特征,标示事物间不同的意义,区别与归属是LOGO的主要功能。各种LOGO直接关系到国家、集团乃至个人的根本利益,绝不能相互雷同、混淆,以免造成错觉。因此LOGO必须特征鲜明,令人一眼即可识别,并过目不忘。
(3)显著性:显著性是LOGO又一重要特点,除隐形LOGO外,绝大多数LOGO的设置就是要引起人们注意。因此色彩强烈醒目、图形简练清晰,是LOGO通常具有的特征。
(4)多样性:LOGO种类繁多、用途广泛,无论从其应用形式、构成形式还是表现手段来看,都有着极其丰富的多样性。其应用形式,不仅有平面的(几乎可利用任何物质的平面),还有立体的(如浮雕、圆雕、任意形立体物或利用包装、容器等的特殊式样做LOGO等)。
(5)准确性:LOGO设计无论要说明什么、指示什么,无论是寓意还是象征,其含义必须准确。首先要易懂,符合人们的认识心理和认识能力。其次要准确,避免意料之外的多解或误解,尤应注意禁忌。让人在极短时间内一目了然、准确领会无误,这正是LOGO优于语言、快于语言的长处。
(6)持久性:LOGO与广告或其他宣传品不同,一般都具有长期的使用价值,不轻易改动。
2.网店LOGO的作用(1)LOGO是网店或者网站链接的标志和门户。
Internet之所以叫作“互联网”,其最基本的特性在于各个网站之间可以连接。要让人们进入目标网站,必须提供一个让其进入的门户。而LOGO图形化形式的链接,比文字形式的链接更能吸引人的注意。
(2)LOGO是网店形象的重要体现。
就一个网店来说,LOGO即是网店的名片。而对于一个追求精美的网店来说,LOGO更是它的灵魂所在,即所谓的“点睛”之处。
(3)LOGO能使消费者便于选择。
一个好的LOGO往往会反映网店拥有者及制作者的某些信息,特别是对一个商业网站来讲,可以从网站中基本了解到这个网站的类型,或者基本的内容信息。在一个布满各种LOGO的链接页面中,这一点会突出地表现出来。
3.LOGO的设计原则LOGO的设计原则,与其他标志图案的设计原则一样,首先应遵循人们的认识规律和视觉规律,突出主题,做到尽可能引人注目。人的认识规律是人认识事物的一般过程,比如从上到下、从左到右、从小到大、从远到近的视觉习惯。网店LOGO的设计一般要求做到突出主题,设计者必须非常了解站点的定位和发展方向,能够在方寸之间概括出站点的理念和功能作用。并且要求视觉效果强烈,容易识别、辨认和记忆,达到引人注目的效果。
作为具有传媒特性的LOGO,为了在最有效的空间内实现特有的视觉识别功能,一般是通过特示图案、特示文字及其他的组合来表示的,其表现形式一般分为特示图案、特示文字、合成文字三种。
(1)特示图案:属于表象符号,独特且醒目,图案本身易被区分和记忆,通过隐寓、联想、概括、抽象等绘画表现手法来表现被标识体,对其理念的表达既概括又形象,但与被标识体关联性不够直接,受众容易记忆图案本身。
(2)特示文字:属于表意符号。一般来说是把在沟通与传播活动中,反复使用的被标识体的名称或是其产品名,用一种文字形态加以统一。含义明确、直接,与被标识体的联系密切,易于被理解和认知,对所表达的理念也具有说明的作用,但因为文字本身的相似性容易模糊受众对标识本身的记忆,从而对被标识体的长久记忆发生弱化。所以特示文字,一般作为特示图案的补充。创作时要求选择的字体应与整体风格一致。
(3)合成文字:合成文字是一种表象与表意的综合,是指文字与图案相互结合的设计形式。兼具文字与图案的属性,但会导致相关属性的影响力相对弱化。其主要的综合功能是能够直接将被标识体的印象,透过文字造型让观者理解,经过造型后的文字,也比较容易使观者留下深刻印象与记忆。
在网站设计中,LOGO的设计是不可缺少的一个重要环节,LOGO是网站特色和内涵的集中体现,对于有些网店来讲LOGO也是必不可少的。设计LOGO时一般要注意以下几个问题:
外观尺寸和基本色调要根据站点页面的整体版面设计来确定,而且要考虑到在其他印刷、制作过程中进行放缩等处理时的效果变化,以便使LOGO能在各种媒体上运用时保持视觉的相对稳定。
要重视简单设计与表现的法则,简单容易被接收,简单容易产生联想,简单提高了效率,简单就是美。
生活是一切艺术与设计的源泉,设计LOGO时也要深入生活并从中发现创作的切入点。下面以一个LOGO的设计与制作为例说明LOGO的制作方法和技巧。
4、设计淘宝店海报需要注意哪些方面?
我们归纳为三个元素:背景,文案,宝贝信息。海报常见的问题一般在主题的表现上不够突出,或者说画面太杂,主次不分。
三段式平时我们做文案,一般包含的文本信息有主标题,副标题,附加内容等。在这些内容之间,需要有一定的行距,适当的留白可以让画面更加有张力。
2.三种字体海报字体的使用,一般来说,不超过三种为好。一般主标题用粗大型字体,副标题小一点,尽可能贴合整体风格。
3.三种颜色在海报中,尽量不要超过3种以上的颜色。下图中的颜色过于多,视觉体验不大理想。
4.海报中重点的信息可以用一些强调符号给以加强。
5.画面留白百分比,一般为百分之三十我们常追求海报能有高大上的效果,所以,绞尽脑汁在想,怎样的画面组合才能带出这种感觉,殊不知,简单的画面元素也可以勾勒出有深度的意境,令海报瞬间高大上。
6.淘宝网店海报设计要点:留白百分之三十,不超过三种字体,三种颜色,0.3可以阅读完。一般来说,你海报符合上述要求,海报质量不会太差的。海报设计公司在设计中对于各类艺术效果的表达不是单一的,有时这种艺术传递方式会有不同的方法。在表现手法上侧重选择具有感情倾向的内容,以美好的感情来烘托主题,真实而生动地反映这种审美感情就能获得以情动人,发挥艺术感染人的力量,这是现代海报设计的文学侧重和美的意境与情趣的追求。