网店老板速成学堂 作者:达贝妮-第7部分

快捷操作: 按键盘上方向键 ← 或 → 可快速上下翻页 按键盘上的 Enter 键可回到本书目录页 按键盘上方向键 ↑ 可回到本页顶部! 如果本书没有阅读完，想下次继续接着阅读，可使用上方 "收藏到我的浏览器" 功能 和 "加入书签" 功能！


选择重点色必须考虑配色方面的平衡效果。

第五步、配色的节奏　由颜色的配置产生整体的调子。而这种配置关系在整体色调中反复出现排列就产生了节奏。色的节奏和颜色的排放，形状，质感等有关。由于渐进的变化色相、明度、纯度都会产生变化而且时有规律的，所以就产生了阶调的节奏。将色相、明暗、强弱等等的变化做几次反复，从而会产生反复的节奏。可以通过赋予色彩的配置以跳跃和方向感就会产生动的节奏，等等。我们可以通过学习或训练来掌握更多的节奏效果。

第六步、渐变色的调和　2色或2个以上的色不调和时，在其中间插入阶梯变化的几个色，就可以使之调和。色环的渐变：色相的渐变象色环一样，在红、黄、绿、兰、紫等色相之间配以中间色，就可以得到渐变的变化。明度的渐变：从明色到暗色阶梯的变化。纯度的渐变：从纯色到浊色或到黑色的阶梯变化。根据色相、明度、纯度组合的渐变，把各种各样的变化作为渐变的处理，从而构成复杂的效果。这些渐变色都是调和的。

第七步、在配色方面的统调　所谓统调，即为了多色配合的整体统一而用一个色调支配全体，将这个色叫做统调色，也就是支配色调。色相统调是在各色中加入相同的色相，而使整体色调统一在一个色系当中。从而达到调和。明度统调是加白色或黑色，以使全体色调的明度相似。这样也可以达到调和。纯度统调是加灰色，以使全体色调的纯度相似

第八步、在配色方面的分割　2个色如果互相处于对立关系是对比的，具有过分强烈的效果，成为不调和色。为了调节它们，在这些色中用其它色把它们划分开来，即分割。将用于分割的色叫做分割色。由于分割的目的，可以用于分割色的颜色不多，最常用的是白、灰、黑。金色和银色也具有分割的效果。但在我们的电脑中很难调出具有重量感的这两种色，所以在电脑中几乎用不到这两种色。但可以用于印刷中。使用其它彩色进行分割也可以，但要选择与原来色有明显区别的明度，同时也应考虑色相和纯度。

以上这八步是我们在配色时注意的问题和解决的基本方法。我想还有更多的色彩问题，我这里没有谈到。如：色彩的感情、色彩的形状、色彩的味觉、色彩的距离感、色彩的音乐感等等，我们在后面予以介绍。






第四章　第十节


网店布局元素的原则


知道色彩的基本常识是非常必要的，但要把这些运用到实际中去还得用到另外的一些方法，这些方法之间具有层层递进的关系，你在确定你网店风格时还有这么一些具体的事情值得去认真考虑。


一、网店中有哪些布局元素。

在一个完整的旺铺中，通常包括这些元素：店招、促销栏（公告、推荐）、宝贝分类导航、签名（更多的用在论坛或自己的宝贝描述里面）、宝贝描述、计数器、挂件、欢迎欢送图片、掌柜在线时间、联系方式等。这些元素对于大多数朋友来说并不是都用到了，都会有一些可能没用到，当然如上的好几个都是必备的，淘宝的系统平台也为我们提供了7种风格的大环境。前面所说的这些元素用在一个网店中，可以给您的网店带来一些意想不到的收获。但您在用时还要谨慎，不要事倍功半。

二、各元素的布局原则

店招。顾名思义，它是一个店铺的招牌。对于一个网店的店招来说，是淘宝给我们定义了必须放在我们店铺的最上方，用来说明经营项目、并招揽顾客的牌子。

您最应该做的就是让它能够说明您店铺是经营什么的，有什么靓点使得顾客必须在我这里停留，还要注意大小，不能做短了显得既不专业又不协调。

公告。公告是用来向顾客展示自己店铺里有什么新品、新优惠政策的绝佳平台。对于普通店铺和旺铺在公告上是有区别的。普通店铺里，它是布局在我们店铺页面的店标之下一行的右边，不是很大的一片区域。在旺铺中，公告你可以做也可以不做，它包含在整个促销栏中，大小可以自定，这你在设计模板的时候就可以注意，或你在选取别人已经做好的模板的时候可以多浏览。


整个促销栏的大小是宽730高没有限制，在这里有比店招有着更重要的广告价值（对旺铺来说）。通常是越大越好，但高度不能太高，否则给人们一眼望不穿的感觉，如果是您能精确的算到它与左边的分类导航这些成黄金分割那就更好了，其中填充的内容要有动感性，给顾客一种是在看电视的感觉，内容也不要过于单一，动态的内容最好是置于整个促销栏的左上方，因为这里正处在顾客视野正中央，最容易引起注意。

宝贝分类导航。这也是我们每个店铺都有的，它的宽度也是固定的，高度理论上可以无限高。这里我们应该做的就是建立目录树，在各个分类下面在有实在的东西，在建立目录数的时候也应该遵循一些原则，比如说按字母顺序来罗列您的产品分类，并在顶上面加以注解，这样就会更人性化，节省顾客搜寻所需宝贝的时间，如果您要是能请人帮您设计成非常经典的按扭，那就再好不过了。

签名的内容在后面有这个专题，但我这里要说的是签名不只是用在论坛里，您可以用在宝贝的描述模板中，可以加深顾客的印象，前提是您的签名设计要坚持我后面设计的原则。

宝贝描述。该内容是在顾客对我们的产品有兴趣之后，点击进去将会看到的界面，这里对于大家来说可操作的是最多的，需要注意的就是要使你的描述具有层次性，条理清楚，各个部分尽量独立开来，图片不能太多太大，这关键是要考虑到顾客的机器运行可能会比较慢，如果你的内容长时间都没有出来的话，顾客会很自然的就把这个网页关闭了。


图片不一定要放在描述模板的顶部，顶部用一个合适的表格将宝贝的情况详细描述一番，然后附上图片，再写下交易规则，应急处理方法，如何支付等就可以了。

计数器。计数器不是一个必备的店铺铺设工具，但是，有了它，你更能够发现自己存在的问题和更好的揣摩顾客们的心思。计数器的双面性。首先，如果你的店铺没有推广出去的话，你的浏览量是会很少的，即使有顾客看到你的产品，当他注意到你的计数器上浏览量少时，他心中也没有底了，即使想买都可能会放弃。另外，当你的店铺人气很高，人们看到他中意的东西之后看到人气这么旺，肯定是保质保量，并且售后可能也不会落下，就留下了一个很好的印象，非常有利于成交。

计数器的最适合添加地方。通常在这些地方都可以添加计数器，一是在公告栏里（对旺铺在整个促销栏里都可以），二是在产品的分类导航栏里，三是在描述模板里。笔者建议在公告里对于人气不旺的店铺来说是千万不必去添加的，在分类的低端可以添加一个，在描述模板的中间，当读者阅读完产品的详细信息时看到温欣的计数器会是很高兴的，如果到了描述模板的底端，顾客基本上是不会去看的，这时他所关注的是怎么付款，你的计数器说不定还会成为他付款的阻碍因素


添加的原则。我总结了一套针对计数器的取舍方法，就是你先把这个添加上去试一试如果发现自己的推广做得不到位，赶紧取下来，重新策划一番之后再添加上去看看。直到发现是人气比较旺时，就可以安安稳稳的放在上面了。

挂件、欢迎欢送图片。这两者最好是放在分类导航的底端或者是描述模板的中下端。这样可以避免顾客的视觉疲劳。

掌柜在线时间、联系方式。对旺铺，这个就最好是放在促销模板里的右下角，因为人们的习惯通常都是把署名、联系方式、日期等放在右下角，在描述模板的顶端或底端都可以添置这些。对普通店铺这个可以放在公告栏或者是分类的顶端，然后就是放在描述模板的顶部最好了。






第四章　第十一节

色彩美化、色彩搭配知识

色彩与眼睛的重要性就象我们的耳朵一定要欣赏音乐一样，很难想象如果在一个没有色彩世界里，将会是什么样子？色彩能唤发出人们的情感，能描述人们的思想，因此在店标设计里，与所有的设计一样，有见地的、适当地使用色彩是很倍受关注的。

色彩它除了要能展现人的心理外，它必须要是易于识别的，背景色被广泛运用在一系列的图形设计中，而且能在心理上引起大家的共鸣，或从该色彩联想到其他东西。

一个良好的背景平台，能够很好的展现在前景上的东西。淘宝的旺铺就有13种可供选择的背景色彩，他们不同的色调各有什么特点呢。

蓝色是最为流行的色彩——传递和平、宁静、协调、信任和信心，现在的店标设计者能使用216种色彩是幸运的，这里面有很多的蓝色可供选择。能创作出优秀的标志对一个设计师来说是快乐的，对使用者和顾客更始一种视觉上的享受。

把柔和色调和冷色调（比如绿色）放在一处，让人会有抑郁的感觉，把蓝色和中性颜色（比如灰色或米色）放在一处会认为是很好的问候色，但是要谨慎橙色和蓝色，因为这两种颜色搭配会产生效应，给人不稳定感。

米色是中性色，暗示着实用、保守和独立，它可能是让人感到无聊和平淡，但是作为图形背景色来说是朴实的，正如褐色与绿色，蓝色和粉色一样。米色作为背景色是很棒的，它有助于最大限度地读懂设计内容。

黑色被广泛地认为是悲哀、严肃和压抑的颜色，但在积极方面它能认为是经历丰富和神秘的色彩，把黑色作为主色调，通常要非常谨慎的——如果你准备设计儿童书店，黑色就是最坏的选择，但如果是摄影棚或画廊，黑色可能是最佳选择，毕竟对艺术家来说，黑色是最有魅力的色彩。而且在高校或为表现神秘感地方，都喜欢用黑色。

褐色是另一种保守的颜色，表现稳定、朴素和舒适。和黑色一样，如果不能正确地使用，将会令人非常讨厌。成功的应用包括：褐色搭配的照片，在有些场合，褐色还能表达健康的理想和家庭的户外活动。

绿色要非常谨慎地使用，因为对大多数人来说，他都产生一种强烈的感情，有积极的也有消极的。在某些情况下，它是一种友好的色彩，表示忠心和聪明。绿色通常用在财政金融领域，描述生产领域、卫生保健领域，但在很多人内心深处，它常被比作成嫉妒、卑鄙。

灰色在多数情况下，有保守意味，它代表实用，悲伤、安全和可靠性。它也许是一种令人厌烦的颜色，代表行事古板、无生命力。把它作为背景是难以致信的，除非你想把暗淡和保守的思想传达你的顾客，你最好选择其它中性色做背景色，如浅褐色和白色。但是如果灰色适当地用一定冷色调和，如表现抑郁、沮丧也许会是成功的。

对大多数人来说淡紫色是另一种能表达色彩情感的颜色，经常被运用在浪漫的故事里，思乡怀旧场合，以及讲求优美的情况下，对于表现创造性、不平常性、与难忘性方面，它也是经常使用。

无论我们是否喜欢粉红色、浅紫色。它都富于温柔和娇柔的涵义，要求我们在使用时一定要依您的具体情况而定。

紫色是一种神秘的色彩，象征皇权和灵性，对于非传统和创造性方面，它不仅是好的选择，而且是唯一选择。

橙色是暖色调，寓意热心、动态和豪华。如果你要表现艳丽而引人注目，那么请使用橙色！作为一种突出色调时，它可能刺激你的顾客情感，因此最好节约地使用，把它放在外表突出工作位置就行了。并且一定记住要谨慎地使用橙色和蓝色搭配。

红色是最热烈的颜色，表达热情和激情的意思。热与火，速度与热情，慷慨与激动，竞争与进攻都可用红色体现。它也许是刺激的不安宁的颜色。但与褐色、蓝色浅紫色一起使用，就不太妙了。红色所表达的气质象橙色、褐色、黄色一样，你会很容易表达出你的情感。

阳光是黄色的（至少在我们内心是这样认为），因此黄色表达乐观、快乐、理想主义和充满想象力，如果你下决心使用黄色，把它作为背景能形成明暗差别的效果，是不错的选择。

从心理学上得知，白色有清洁、纯洁、朴素、直率和清白的意味，在设计中的白色作为背景是最通用的，因为它最容易识别，作为一种“无色”背景，我们可以任意使用颜色。

在设计和搭配中，我们有更多地色彩可以选用，但一定要选择我们最合适的色彩。








第四章　第十二节


颜色搭配心理效应参考


常见几种颜色搭配起来的效果。








第四章　第十三节


网站颜色搭配案例分析


在全球的网站中，因各自民族文化底蕴的差异使得他们的风格各有千秋，我们这里以韩国网站为例来介绍值得我们借鉴的地方。





第五章　第一节


精美动态店标的制作流程

我们给大家介绍的是（Macromedia　Fireworks　8。0简体版）一款傻瓜级的软件；新手只要仔细看了；保准能够自己动手设计！


下面我们开始的动态店标设计。

一、1）首先运行fireworks后，点击“文件”——“打开”从弹出的对话框中选择您要用来做店标的宝贝图片。（具体打开多少张就看您自己的喜好了，我打开3张图片来演示）。　

2）将图片随意拖动一下，属性大小设置成100*100。这是淘宝支持的最大象素了。如图：


按照第2小步把3张图片都改成100*100！


二、1　》再点“文件”——“新建”打开后弹出一个对话框，图片规格分别设为100*100，分辨率为72，如下图：


　点确定。


２。任意选取一张刚才编辑好大小的店标图，操作方法：点文件菜单上的“编辑”——“复制”　用鼠标点击一下刚刚新创建的表格，再点“编辑”——“粘贴”，第一张图就OK拉！这里还可以随意编辑您想要写的文字，如图：？



注意：点击“文件”——“另存为”（不能点“保存”哦，要不保存的类型是png格式，创建动画时不支持哦！），命名为“4”，保存为GIF格式就行拉。如下图：


　保存好了，我们开始来做关键的一步，注意看仔细！


三、1）这时注意看软件的右边有个“帧和历史记录”如图：


点击如上图中的右边顶端的下拉三角箭头，选择“属性”弹出一个“帧廷时”下拉框：输入您想要显示的时间，


2）点击如图：


右边顶端的下拉三角箭头，选择“添加帧”，我选择的是“当前帧之后”，（因为我想让他显示在第一帧之后嘛）点确认，这里您会发现弹出来的对话框是白色的，别紧张，您的操作绝对没错，将第二张图“复制”——“粘贴”到弹出的这个白色小框框就行了，如图：


　这样第二帧就创建了。　把您想显示的第3幅图片按照同样的步骤来操作就OK了，这里就不再重复！


四、保存您的店标图片

点击“文件”——“导出向导”（注意了，这里我选的不是　“导出”哦），如图：


在对话框中的“目标导出文件大小”中将图片大小改成小于100K的容量就行了。再点“继续”，弹出对话框后；再选“继续”——再点“导出”，（注意了，在弹出的对话框中也有一个预览，不用改它，全部按默认的就OK啦！）


再点导出，将文件保存在您常用的地方就可以了。然后直接在您保存的地方打开文件就可以看到动画效果了哦！效果图：


如有些地方还不够仔细，如有不明白的，欢迎来我们网站咨询




第五章　第二节


超酷动态个性签名图的设计流程


一、为什么要制作动态签名？

首先，动态签名是我们推广自己的一个绝好招牌，做好一个动态签名，然后有空去淘宝的与自己网店相关的文章下面加以评论，留下签名图，设置链接链接到自己的店铺去，这是一个花费最低、见效最快、效果最好的推广方式。但是，你的动态论坛签名是否会起到我说的这些作用，还得看你制作过程中考虑的东西了。其次，为了避免我们在淘宝里四处添加链接，淘宝没有付与我们在论坛中推广自己的权利，如果我们有了这个权利，论坛就可能会充斥着不少的水分，也不利于我们电子商务的长足发展。而淘宝给我们流出了文字区域和图片区域供大家交流经验。而合适大小的动态签名就正是你内部推广的唯一手段。


我们通常看到的论坛签名是一连串这个店铺的产品一个一个的展现出来的，另外放几个表达欢迎、介绍服务内容的文字信息，这个已经渐渐的得到了大部分人的公认，而且，现在但凡是有人叫帮我做个签名，他都是要求做一个象那样的签名。


其实，大家虽知论坛签名之其然，但未必知其所以然，我首先在这里给大家介绍设计的缘由和设计中应遵循怎样的原则，接着讲诉怎样用最简单的步骤去制作好一个属于自己的动态签名。


二、个性签名应该包含的内容

（一）、个性签名的大小

在淘宝论坛里，你的个性签名的大小是有标准限制的，这个标准就是

签名长468像素

签名宽60像素

分辨率72




（二）、签名应该包含的内容


现在我们看见的签名，从美学角度来说，都有一定的美学价值，但是可以说是大部分签名都没有能够在一秒钟甚至是更短的时间内抓住顾客的心。具体说来就是你的签名不是动态的吗，你在动，现在的人们对时间是看得很重要的，宁愿错过一个好广告也要把更多的时间拿来学习和进行投资，所以，如果你只是几张产品的图片在那里换来换去的别人都看习惯了，你晃他也不会关注你。


首先，一个完整的动态签名它至少应该包含三部分。

1、店主品牌。签名这个词，我们顾名思义，就是签下自己的名字，但我很少看到有人在上面署名。既然大众都叫它签名，但却不能签下自己的名，难道上百万的淘宝大众都理解错了。淘宝不让我们进行有水分的宣传自己，但你可以在签名这里设置你的品牌，长期推广以此来树立自己的形象。对于部分朋友在淘宝上说了个顶字就加上自己的签名的，笔者是不赞同的。


2、主打产品的图片。图片是大多数店主都会选择的广告元素，它具有非常高的美学价值，是艺术灵魂的附着物。在选取图片时，一定要弄那些最精致的、有自己原创成分的、能代表自己店铺的那些图片，否则你的签名要么就是名过其实，要么就是表现平平。


3、你的欢迎光顾的期盼词语。有句话叫做：“销售的最终目的是成交。”你广告的最终目的就是吸引顾客来买你的东西，如果你不提出成交或到我这里来看看的要求，顾客他可以认为你没有打算把这个东西卖给我或没打算欢迎我要来，因此你的目的就应该在这个签名里得以体现。


（三）、个性签名的设计原则。

一个好的签名应该包含三个原则。首先是要表达的信息内容要完整。其次是色彩要能够渲染到你产品所对应的顾客，比如说化妆品的签名你设计成了黑色的话，顾客的接受度是不会很大的。其三是签名的鼓动性要强，而不是别人有一个，我也要去弄一个。

如何亲手进行设计呢？

手把手教你做自己的签名档

下面这张就是一个非常简单的签名档。

我们和大家一起来学习制作签名档的全过程：


首先，准备好需要放在签名档上的图片。

第一步，打开Photoshop，把那些图片调整为高度为60的图片（下面5张图的高　度都为60）。





第二步，新建一个新文件，大小为468（宽）*60（高），分辨率为72。





把第一次调整好大小的图贴上去（打开第一张图，按Ctrl＋A全选，再按Ctrl＋C　复制，到新建的空白图像里按Ctrl＋V粘贴。再点一下移动工具，点住图片后拖动　到合适的位置。



觉得满意后保存为。jpg格式图片，文件名取1。jpg等，经方便等下寻找方便。



然后再按上述方式把第二张，第三张，第四张，第五图贴上去，每贴一张保　存一次，文件名递增。直到如下5个图像。


接下来是要做这张图了（这张图简单），做完后保存为6。jpg　。　


做好后，我们开始合并。现在可以把原来的打开的所有文件全部关闭，再重　新打开Photoshop，同样新建一个空白图像，尺寸大小还是468（宽）*60（高），分　辨率为72。

打开图片1，按按Ctrl＋A全选，再按Ctrl＋C复制，关掉图片1，在空白图像上　按Ctrl＋V粘贴，正好重叠于空图像。再以同样的方法把图片2粘贴上去，和图片1　重叠。再把图片3重叠到图片2上，图片4重叠到图片3上。。。。。。。。图片6重叠到图　片5上。结果就如下图，表面上看只有图片6，但右下角的图层中就多了几层．


好了，现在素材全部搞齐了，接下来是要搞动画了。让我们来打开　ImageRea