banner设计

4
顺应用户的浏览习惯
下面的图是在实际环境中的运用案例
5
二 明白文字在Banner中占主导地位
从构成上讲，一个banner分为2个部分，一为文字，二为辅助图。辅助图虽然占据大多数的面积，但是不 加以文字的说明，很难让用户知道这个banner要说明什么。要读一个人的喜怒哀乐，只要读其五官即可。 在一个bannHale Waihona Puke Baidur里面，标题文字起着五官一样的作用，所以个人觉得文字才是整个banner的主角。所以对 于文字的处理，显得尤为重要，在文字处理时有几个小技巧，与大家分享。
6
如果主标太长，需求方不舍得删文字的情况下， 如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行 权重，突出主要的信息，弱化‘的 、 之 、 和 年 第 届 这种信息量不大 权重，突出主要的信息，弱化 的’、‘之’、‘和’‘年’‘第X届’这种信息量不大 的词。 的词。
如果需求方整体文字太短，画面太空， 如果需求方整体文字太短，画面太空，可以用一些加入 一些辅助信息丰富画面。如加点英文，域名，频道名等。 一些辅助信息丰富画面。如加点英文，域名，频道名等。
11
分享
快捷键的使用
取消当前命令：Esc； 工具选项板：Enter； 选项板调整：Shift＋Tab； 退出系统：Ctrl＋Q； 获取帮助：F1； 剪切选择区：F2 / Ctrl＋X； 拷贝选择区：F3 / Ctrl＋C； 粘贴选择区：F4 / Ctrl＋V； 显示或关闭选项板、状态栏和工具箱：Tab； 全选:Ctrl＋A; 反选:Shift＋Ctrl＋I; 取消选择区:Ctrl＋D； 选择区域移动：方向键； 将图层转换为选择区：Ctrl＋单击工作图层； 选择区域以10个像素为单位移动：Shift＋方向键； 复制选择区域：Alt＋方向键； 填充为前景色：Alt＋Delete； 填充为背景色：Ctrl＋Delete； 调整色阶工具：Ctrl＋L； 调整色彩平衡：Ctrl＋B； 调节色调/饱和度：Ctrl＋U 自由变形：Ctrl＋T； 增大笔头大小：“中括号”； 减小笔头大小：“中括号”； 选择最大笔头：Shift＋“中括号”； 选择最小笔头：Shift＋“中括号”； 重复使用滤镜：Ctrl＋F； 移至上一图层：Ctrl＋“中括号”； 排至下一图层：Ctrl＋“中括号”； 移至最前图层：Shift＋Ctrl＋“中括号”； 移至最底图层：Shift＋Ctrl＋“中括号”； 激活上一图层：Alt＋“中括号”； 激活下一图层：Alt＋“中括号”； 合并可见图层：Shift＋Ctrl＋E； 放大视窗：Ctrl＋“＋”； 缩小视窗：Ctrl＋“－”； 放大局部：Ctrl＋空格键＋鼠标单击； 缩小局部：Alt＋空格键＋鼠标单击； 翻屏查看：PageUp/PageDown； 显示或隐藏标尺：Ctrl＋R； 显示或隐藏虚线：Ctrl＋H； 显示或隐藏网格：Ctrl＋”。 打开文件：Ctrl＋O； 关闭文件：Ctrl＋W； 文件存盘：Ctrl＋S； 打印文件：Ctrl＋P； 恢复到上一步：Ctrl＋Z；
7
三 构建辅助视觉
1、文字+背景陪衬两段式。特点突出文字，视觉集中文字，报道感强。
8
2、 文字 主体物的两段式，文字图案相辅相成，起到文字言事图案帮助理解的效果。这样的 、 文字+主体物的两段式 文字图案相辅相成，起到文字言事图案帮助理解的效果。这样的banner适 主体物的两段式， 适 合做介绍类或者产品类。 合做介绍类或者产品类。
9
3、主体物+背景 文字的三段式，特点虚实结合，主次关系明显，也是效果最好，用的最广泛的一种形式。 、主体物 背景 文字的三段式，特点虚实结合，主次关系明显，也是效果最好，用的最广泛的一种形式。 背景+文字的三段式
10
四，创造力对主题的艺术化表现
轻松话题可以做出幽默感 有时候也会做到一些轻松感娱乐感的专题，在做这些专题的时候，设计师们就能更加放开了。
12
分享
素材的来源
• • • • 站酷 http://www.zcool.com.cn 设计师联盟 http://www.68design.net/ 全景 http://www.quanjing.com/ 景象 http://www.viewstock.com
0
一个页面最醒目最吸引用户的应该是Banner了，尤其是Web2.0平台Banner显得更突出，Banner 主要体心意旨，形象鲜明的展示所要表达的内容。因为它醒目，所以放一个很糟蹋的Banner上 去效果也当然“醒目”了。因此网页Banner设计在这里起到了至关重要的作用，特别是首页的 Banner,直接决定了用户的停留，下面让我们通过大量优秀的案例进入Banner
一 思考专题定位
·顾及需求方的频道定位 顾及需求方的频道定位
因为包含内容不同，门户网站各个频道有着不同的风格，所以设计师们做设计的时候也要考虑到如体育 频道的运动感，财经频道的国际和高端等。
2
色彩的情感联想
色彩的情感联想，主要从具体联想和抽象联想两个维度划分：
3
顺应用户的浏览习惯
我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。为 了使banner更容易被用户浏览,我们应该顺应用户这样的浏览习惯，糟糕的设计 会让用户无所适从，焦点到处都是。