简单谈谈banner的设计(适合初学)
2004-02-05 00:21 | hello
为报答 哥哥给偶的香水 出卖下自己 (哥哥啊,内人的照片呢?)
此文中涉及的对banner的评价 完全是 小的我的一面之词 完全可以忽略不记哈
恩banner的设计比起logo的设计更为轻松一些 因为banner比logo大许多
有更多给设计者发挥的余地。且banner的标志性不像logo那样突出。
banner的一般默认大小为 468*60
banner作为 一种标志性的图片 跟logo一样 作到美观的同时 要注意突出主题
制作banner一般来说 也是两个部分构成
图片和文字。
图片的选择 一般来说需要突出这个网站的 特点。
而文字 一般来说要把网站域名打进去
当然这都是一般的情况。。。。。自然 比如,你有比较好的创意完全也可以不用遵循这一老套的原则
比如说
![](http://www.ffsky.com/member/65671/2/banner-ff3.gif)
这个banner突出了主题,这个banner是FFI-VI的论坛的banner借用一下哈。。。
不过美中不足的是字体的颜色。。稍微有点显得看不清楚。实为败笔啊。从综合评价来说,偶的确只能给60分。
而颜色 图片与文字 还有结构等等的搭配 还是我以前提的那个
简洁不简陋
![](http://www.ffsky.com/member/45819/2/ffbanners10.jpg)
这个banner明显过于简陋了。字体的运用 也不够有新意 当然这只是偶单方面的想法,请banner的作者 不要介意。
banner的配色 跟头像与logo不太一样,banner 很多是截取 现成的图片来搭配,当然这只是一般的情况。
你要自己来做,也是完全可行的。不过 如果对自己的配色与图的结构没有切实的把握,就用现成的图片来拼凑切割八
蒙版啊,什么的之类的 多用下。
okay了。。。有的时候甚至就切一张图的某一部分也是可以的啊。
至于怎么选择图。。。。
就是说你选择的图最后一定要用468*60来筐住
这就是说。。。你想选的那部分 不能离486*60太远 你缩小太小了之后也许跟你现在看到的有很大的不同。。
就是说 缩小或者扩大后(一般不建议扩大图片除非特殊用途)依然要看得过去啊。。不然你一截 不好看了
甚至别人都看不出 你选的是什么,那就是大失败了。。。
再谈谈文字
LOGO上的文字,一般来说是。。。。。不多的 当然也有以文字意境为主的logo
恩。。。还是一句话 作到精细,千万不能粗枝大叶。马虎了事。
![](http://www.ffsky.com/member/58376/6/1010biaoben14.jpg)
这个banner实在是 对于字体的处理,实在是不好。虽然突出了主题。不过选图
与字体的配色,字体的选择,大小。。等等 都做得不是很好啊。。。。。
一定要作到细致啊。。。。不精致的东西,是很难出精品的啊。。。
再说说构图 一样的道理 丰满而不拥挤 清爽而不空洞。
我的小诀窍是 选一些清爽的图 还是跟以前偶说的一样 大面积的颜色不能太刺眼。加了需要加的文字之后再来看。
如果显得空洞得话,就加点小部件,比如说 透明的字啊。自己画的小螺钉啊,什么的。反正按着风格配。
还有一招就是加个框。不一定是矩形的。可以是多边形的,自然框子小了,地方小了 ,里面的东西不变 自然就不空洞了。
还有,说到框,一般来说banner最好+上边框。恩,,除非你自己觉得这个风格的确不需要边框。。。
至于边框的结构,自己把握了。多看,多做,还是诀窍。
![](http://www.ffsky.com/member/11014/1/formal.gif)
这个banner 就是论技术 构图 创意都是很精彩的一个。
不过。。。。有个大缺点
这个banner的外形不是标准的矩形,但是却没有把背景做成透明的
在白色底子的地方看起来当然没有问题
而且相当美观 大小也很好。不过,这点是致命伤 ,既然是象素的。那么 一有这种致命伤 铁定banner就会看起来单薄。
美中不足 本来是99分 ,可惜只能给80分了。
还有 一个论坛 一般来说不要头顶两个banner
虽然 也许是意义深刻,不过从美观看来 的确是 不可取的。
恩。。。就这么多了,恩。。。。还有就是,banner的大小一般来说在30KB以内。
位置一般在网页上方。。。
别的就没什么了。
做出来的作品,要多看,多对照别人的。自然就看得出,自己的好不好了。。。
-
-------
在平面坐标轴中对过客进行一阶求导,
可以得到瞬时的过客的运动状态,
其运动状态可能与过客的运动常量有较大差距,
我们把这些状态下的过客统称为过客’。
匆匆过客,来去留 ’...
--------------------
![](http://zent0r.myrice.com/myimg/banner.gif)
![](http://user1.7host.com/yyxsd/qianming/ruler.gif)
![](http://user1.7host.com/yyxsd/qianming/class.gif)