网店老板速成学堂_ 作者:达贝妮-第9章

按键盘上方向键 ← 或 → 可快速上下翻页，按键盘上的 Enter 键可回到本书目录页，按键盘上方向键 ↑ 可回到本页顶部！
————未阅读完？加入书签已便下次继续阅读！



　　·忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。

　　·忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。

　　·蓝色忌纯，绿色忌黄，红色忌艳。

　　（4）几种固定搭配

　　·蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。

　　·绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。

　　·橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。

　　·暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。

　　（二）网页设计理念

　　（1）内容决定形式

　　先把内容充实上，再分区块，再定色调，再处理细节。

　　（2）先整体，后局部，最后回归到整体。

　　全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

　　（3）功能决定设计方向

　　·看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

　　（三）如何快速高效的完成设计工作

　　（1）借鉴成功者的作品。

　　借鉴的是道念，思想，局部精致的点缀。

　　在网上搜索同类网站，找几个顺眼的，用一个为基本兰图，把几个优点整合成自己的，这样最高效快捷，而且还出成果，能学到很多东西。

　　（2）上设计论坛，找参考资料，借鉴前辈的经验．





第四章　第九节


网页设计中确定颜色搭配八步走

　　第一步、底色和图形色　色彩搭配的问题确实不是一个简单的问题。这一代的设计师比上一代的设计师，所能运用的色彩工具多了许多。如今，我们能运用好计算机为我们提供的丰富色彩，看来不是很简单的事情。就我个人而言，在我从事设计师工作以来，往往也会迷失在色彩的世界。现在交流一下自己学过的和掌握的一些经验，希望大家指正。配色所要注意的要素　实际设计时，我们经常会按照设计的目的来考虑与形态、肌理有关联的配色及色彩面积的处理方案，这个方案就是我的配色计划。在做配色计划时，我们应该考虑下述几点以突出视觉效果。1。底色和图形色　在设计时我们会经常遇到用几个色做各种形的构成，作为底的色我们往往会将它推远，而作为图形或文字的色我们要将它拉近。这就需要我们了解受配色关系的影响是什么样的。一般明亮和鲜艳的色比暗浊的色更容易有图形效果。因此，配色时为了取得明了的图形效果必须首先考虑图形色和底色的关系。图形色要和底色有一定的对比度。这样才可以很明确的传达我们要表现的东西。我们要突出的图形色必须让它能够吸引观者的主要注意力。如果不是这样就会喧宾夺主。

　　第二步、整体色调　如果我们想使我们的设计能够充满生气，稳健，冷清或者温暖，寒冷等感觉都是由整体色调决定的。那么我们怎么能够控制好整体色调呢？只有控制好构成整体色调的色相、明度、纯度关系和面积关系等。才可以控制好我们设计的整体色调。首先要在配色中心决定占大面积的色，并根据这一色来选择不同的配色方案会得到不同的整体色调。从中选择出我们想要的。如果我们用暖色系列来做我们的整体色调则会呈现出温暖的感觉，反之亦然。如果用暖色和纯度高的色作为整体色调则给人以火热刺激的感觉，以冷色和纯度低的色为主色调则让人感到清冷、平静的感觉。以明度高的色为主则亮丽，而且变得轻快，以明度低的色为主则显得比较庄重、肃穆。取对比的色相和明度则活泼，取类似、同一色系则感到稳健。色相数多则会华丽，少则淡雅、清新。以上几点整体色调的选择要根据我们所要表达的内容来决定。

　　第三步、配色的平衡　颜色的平衡就是颜色的强弱、轻重、浓淡这种关系的平衡。这些元素在感觉上会左右颜色的平衡关系。因此，即使相同的配色，也将会根据图形的形状和面积的大小来决定成为调和色或不调和色。一般同类色配色比较容易平衡。处于补色关系且明度也相似的纯色配色，如：红和兰绿的配色，会因过分强烈感到刺眼，成为不调和色。可是若把一个色的面积缩小或加白黑，改变其明度和彩度并取得平衡，则可以使这种不调和色变的调和。纯度高而且强烈的色与同样明度的浊色或灰色配合时，如果前者的面积小，而后者的面积大也可以很容易的取得平衡。将明色与暗色上下配置时，若明色在上暗色在下则会显得安定。反之，若暗色在明色上则有动感。

　　第四步、配色时要有重点色　配色时，为了弥补调子的单调，可以将某个色作为重点，从而使整体配色平衡。在整体配色的关系不明确暧昧时，我们就需要突出一个重点色来平衡配色关系。选择重点色要注意以下几点：　重点色应该使用比其他的色调更强烈的色。重点色应该选择与整体色调相对比的调和色。重点色应该用于极小的面积上。而不能用于大面积上。选择重点色必须考虑配色方面的平衡效果。

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

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

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

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

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






第四章　第十节


网店布局元素的原则


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


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

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

　　二、各元素的布局原则

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

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

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


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

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

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

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


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

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

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


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

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

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






第四章　第十一节

色彩美化、色彩搭配知识

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

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

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

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

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

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

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