打造优秀网页banner广告设计的8个要点
2012-02-17 14:55:23 作者：木子一刀 来源：iUX Blog
很多同学都觉得做banner无非就是摆几张图，打几个字的事，一点技术含量都没有，像很多门户网站的banner基本上都是编辑做的。我觉得没那么简单，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难的是在短时间内做一个出彩的banner。
专题一般都是由模板拼成的，比较重要的专题，banner部分是由设计师来完成，一个banner的品质上去了，整个专题的品质感和档次也就上去了，所以这部分交给设计师来做也是重视品质的表现，这个毋庸置疑。但banner毕竟不比大型项目，从设计成本上说不可能给太多的时间给设计师，于是设计师有时候是靠经验积累，有时候妙手偶得，质量也是时好时坏，更害怕的是当没经验、没头绪、没心情时，就会心中无物，不知如何下手，于是越急越乱、越乱越急，最后匆匆了事，这种状态下估计也出不了好的东西
在排除技术手段的前提下，如何通过一些经验的思考，让banner设计达到令人满意的效果，以下是个人经验之谈，欢迎拍砖！
01. 主题明确
大家可以对比上下两张图，就不难看出明确表达主题的重要性了！
02. 重点文字突出
在banner设计中，重点文字和标题一定要做的让用户容易识别，上面这张图的主题信息和价格做的不明显，让用户阅读的很吃力。
正确的排布方式应该像下面这样：
03. 符合阅读习惯
下面的排布方式比较符合用户的阅读和浏览习惯：
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
-
- 教程排行榜
- 30个基于jQuery框架的幻灯滑块特效设计的网站实例
- 30个基于jQuery滑动门技术的网站欣赏
- 10个优美精致简约风格的导航菜单欣赏及点评
- 38款网页设计应用的JS拉洋片幻灯效果欣赏
- 最新收集的50多个专业设计公司网站欣赏
- 40+设计独特超漂亮的水平导航网站欣赏
- 全球65个设计出众的设计师个人博客欣赏
- 35套精美绚丽的创意酷站设计欣赏
- 国外颇具特色的电子商务网站设计欣赏(上)
- 国外颇具特色的电子商务网站设计欣赏(下)
- 21个精美漂亮的网页幻灯片应用案例欣赏
- 20个设计精致漂亮的Photoshop网页设计教程
- 网页UI之Banner广告条设计案例赏析
- 2011年网站设计的新趋势
- 手绘风格的15款超级漂亮网站欣赏
- 24个很漂亮用CSS3实现的文本效果演示及教程推荐
- 下载排行榜
- jQuery图片特效代码 带缩略图和文字标题简...
- 仿淘宝商城天猫首页jQuery多格焦点幻灯图特...
- 仿QQ商城焦点图jquery幻灯特效代码
- 宽屏flash+xml焦点幻灯图特效代码
- 效果媲美flash的jQuery幻灯代码支持多种切换效果
- 3D立体效果的flash+xml照片墙相册展示代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 漂亮的jquery+Lightbox灯箱效果图片展示特效代码
- 基于mootools有7种效果的Gallery(画廊)幻灯相册代码
- 超酷HTML5图片特效代码支持全屏显示
- 漂亮的jquery画廊相册特效支持缩略图和键盘...
- 可自动展开和折叠收起的QQ在线客服代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 基于jQuery的首页自动收缩全屏广告代码
- 超酷3D摩天轮flash+xml幻灯相册特效源码