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

心得技巧
设计作品参考:有创意的美观大方的简历设计
产品设计:产品三要素三角模型
手机移动平台的UI界面设计:减少空间占用
B2C网站产品设计实例:简单的广告设计
设计理论:杂志的目录设计
用户体验设计:良好的站内搜索设计指导
设计作品参考:很具想象力的标志LOGO设计
用户体验:简单的用户研究的分析和总结
WEBJX收集11个优秀的在线表单服务网站
邮件设计与网页设计的巨大差别
优秀的交互设计应该是最愉悦的满足用户的需求
谈新版豆瓣首页交互设计:复杂网站的标签系统
GOOGLE用户体验设计师谈Google的十大设计原则
腾讯QQ产品经理谈互联网产品经理的素质
网页设计参考:50个激发你设计灵感的网站实例
WEBJX收集27个流行且别致的网站header设计实例
50个鼓舞人心的设计惊艳的iphone应用网站
淘宝网系统的前端安全规范
混乱的URL编码
WEBJX收集10个非常不错的旅游行业网站设计

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 58 ::
收藏到网摘: 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都是你独一无二的心思!