刺激网店销量的页面设计秘诀

时间:2012-09-05 11:07 来源:未知 作者:地瓜 浏览: 656

不少中小卖家自身也是一个设计师。为了让卖家设计时能更容易上手,在此我们模拟设计一个店铺。这个店铺定位是一个欧美的、优雅的女装类目店铺。接下来,我们逐步解说卖家设计店铺时需要注意到的一些问题。

Logo适用的反白效果

为保证Logo在网络传播过程中的有效表达,建议Logo单色显示与反白显示时最小尺寸为50像素,此建议更适合应用于图标、按钮、文本注释使用小尺寸图标的情况。因此,在标志背景的主要色值的明度(Brightness)小于80的情况下,为防止背景色和标识颜色的混淆和干扰,可以使用主标识的反白效果。在这里,主标识反白效果色值为白色(#FFFFFF),颜色RGB值(R:255 G:255 B:255)。

在实际操作中,有些人可能会因为主观偏好或者习惯用法,不当地使用Logo。要注意的是,Logo的运用中,只有反白一说,并没有反黑这么一说,同时,不可使用其他规定外的颜色,也不建议使用渐变来改变LOGO原本的颜色。此外,一般Logo制作,不允许使用过多的装饰效果(如投影、内发光、斜面与浮雕、图案叠加等),将Logo拉长、变窄、旋转、扭曲等变形效果也是不允许的。

配色不要超过五种

依照Logo,我们可以对店铺颜色的搭配进行选择,这里选取了黑色和橘色,但是以上两种颜色均不适合大面积使用。

黑色会给人一种庄重、个性、气势、神秘的感觉,但是如果大面积使用在顾客看来是一种不友好的颜色、死寂;而橘色属于暖色,如果大面积使用,会给顾客一种暴力、不安的感觉,而且这种暖色调的颜色,看久了会不舒服。

因为店铺的定位是一个欧美的、优雅的女装类目店铺,黑色可以用于一些小BANNER、广告图的文字和产品名称、价格等等地方。橘色可以用在某一处突出的地方,作为醒目点用。

之前看过一些店铺的WVI,在规范主色、辅色、色系扩展时,颜色总共加起来有16个之多,颜色太多,太杂,就显得店铺整体太乱,没有章法。而个人认为,整个店铺的颜色,不需要超过五种(产品包装颜色等不算)。

字体与色彩相互配合

字体选取是店铺页面设计时另一个重要的方面,与色彩相辅相承。接下来我们分别说一下这个模拟店铺里所会用到的一些字体,包括中文、英文、数字、符号。

女装店铺黑体字不宜过粗。因此,我们中文选择了方正兰亭中黑_GBK、微软雅黑、汉仪细等线简、宋体。中黑字体主要用于一些广告图的大标题等地方;而微软雅黑,则适用于小标题,如导航、类目、维度标题、活动副标题、广告图副标题等地方;汉仪细等线简作为一部分装饰性字体;宋体(无效果、12px),用于产品名称等地方。英文字体主要用于文案,这里选用了两种字体:Didot、Arial。前者基本上适用于所有需要英文的地方,但是主要运用的地方为广告图英文文案,类目标题等等;后者用于一些小地方,比如产品标题等。而数字与符号选用了Impact、创艺简仿宋,前者适用于广告图价格、促销价格、折扣信息等地方,后者适用于产品价格等处。

广告图小试效果

做好店铺设计,还离不开广告图的制作,现在基本上每一个店铺都有广告图。在广告图的制作中,应该首先想的考虑的问题也正是上文提及的色彩选择及字体选择。

下面的三张广告图,把我们所提到的配色、字体等等问题都运用到了。首先是配色,我们用浅金色作为背景,一个浅金色就完全可以凸显出优雅、气质的感觉;接着是字体,假设这张广告图有一句英文文案、一个正标题和一个副标题,基本上我们用的便是方正兰亭中黑_GBK做正标题,微软雅黑做副标题,英文文案用Didot。最后,卖家们要再注意一下留白、配图位置、文案排版等细节,基本上一张常规的广告图效果就出来了。

色彩是店铺是否能够一“页”成名的重要一点,而配色又囊括了搭配、字体等等方面。在做色彩选择时,除了要掌握传统的配色方法外,建议多观察流行方向标。毕竟,每年的流行颜色都在变。如果能够抓住流行色彩,合理运用在店铺里,那么以色出彩,指日可待。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...