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

心得技巧
设计理论:让网上购物真实模仿逛商店的体验
分享Facebook的设计团队的设计理念
设计参考:30个简单整洁的网页设计实例
设计灵感捕捉:参考企业网站设计实例
设计理论:进度条内嵌百分比开发设计
用户体验设计:tagging系统及其UI设计
换个角度体验UED
设计理论参考:用户研究和竞品分析方法
设计理论:结合网站特点挖掘精彩的亮丽
社会化音乐网站取悦和网聚客户的设计理论
设计理论之设计师的职业规划
设计理论参考:关于浊色(不饱和色)
设计理论参考:亚马逊的进化
项目开发:绘制线框流程图
2009年最新的十个网页设计新趋势
用户体验:Login这个词用法是错误的
记住夏天:生机盎然绿色背景网站设计实例欣赏
Loading状态图标在线制作网站
设计参考:48个时尚网站设计界面实例
网页设计指导:五种常用精美网页风格

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


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