当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 购物网站的Banner广告条设计方法和技巧

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 购物网站的Banner广告条设计方法和技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 105 ::
收藏到网摘: n/a

本文主要分析和讨论了购物网站的banner广告条的设计方法和技巧,在文章最后还总结了下设计这些banner一些经验,很值得网页设计师们来分享,毕竟banner广告条设计也是网页设计的一部分。

每周的《午间欢乐购》和《周末疯狂购》,已经成为视觉组的固定需求。从开始接触到现在5个月的时间里,思维也和这些小小banner逐渐碰撞出火花。

前期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲初期上手,按照熊猫同学一贯的通用排版去做。始终坚持白底,可以不用抠图,改变丝带的颜色,做做字体变形。

▲组织上下达命令,不能一层不变,需要改变。但是改变在哪里当时还没揣摩透,暂且做些颜色上的尝试。由清爽变成浓烈。

▲似乎是有那么点想通了,试着做风格上的改变,一次可爱卡通风格的尝试。

中期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲年中清仓,促销必然少不了红色,但是在大夏天用太多红色未免太过浮躁,尝试与蓝色的搭配。总感觉3折吸引不到会员了,1折吧~

▲因为模特的衣服和鞋子的色彩将这次主题定位紫色。个人比较喜欢需求这次的主题,所以很偏心的把心思用在主题字设计上。^_^

▲我只想用这个花花背景玩一下,大家先略过吧= =~

▲荧光粉和黄是经典的促销配色。吐血价放在整个视觉中心。貌似构图上有所醒悟。

近期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲好久没玩小粉嫩,顺便做个空间感试试。这是我一贯喜欢的甜美感,曾经有段时间刻意避免使用粉嫩,现在重新回归一下。

▲看到需求文案就觉得要cool,现在看来,当时想得太简单,欧美范很不够哪!应该力求简洁大气才对。

▲街拍立马就想到杂志感,需求给的文案是街头达人秀,觉得少了点什么,恩?加上look!才是杂志的范儿。

▲秋天到了,很庸俗的用了叶子和棕黄色系。个人对模特MM和旁边的箱子很喜欢,秋天是个该拖着箱子去旅行的季节。

▲在懒惰思维中继续挣扎,还是叶子,还是棕黄色系,唯一有变的是背景格子布和缝纫的线头。

▲这次是一次品质感的尝试,因为我找到了一个灰常有品质感的背景。hoho~

▲好玩的主题,所以任何一个元素我都想表现到位,唯一的缺憾是模特的着装不够party。

关于处理此类需求还有几点小建议:
1.这块banner起到页面中页头的作用,商品基本都是用来做点缀的,listing页面里并没有卖,商品不要打价格会误导会员,如果觉得画面空可以加商品标题。
2.每次根据需求的主题去寻找新的素材,围绕文案制造出一些小情境。放上应季应景的漂亮商品才是最有氛围的!
3.左侧固有的斜角区块可以根据每次排版做些变化,没必要都是丝带+文字。与主标题一起设计整个画面会更融合。
4.在需求文案原有基础上可以稍作调整,加上如“hot”、“至in”、“3折”、“look”、“抢”等煽动性文字。
5.好的素材是可遇不可求的,所以平日的积累才是至关重要的。

用心去设计,大胆的玩设计,朝着你感兴趣的设计点出发,寻求banner制作中的变化,让每个banner都是你独一无二的心思!