网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
浅谈Banner 设计与制作
发布日期:2011-05-06 阅读次数:1458 字体大小:

我们都知道用户的每一次访问,首先让其深入眼帘的往往页面里的那些或色彩丰富、或关联主题、或意义明确的设计图片,因此每个Banner的设计都影响着页面整体的美观,或者说是页面整体的美观都需要Banner来点缀。

下面以一些由我制作的Banner来展开这次文章的主题:

一、文字为主体的设计

简述要点:

由于是以文字为主体部分,背景其实就无关紧要了,大多数这样的设计,我们都可以拿纯色背景或者是风景、科幻类的壁纸,取其整体的部分作为你需要的设计背景,通常我在截取时都习惯选择大部分能吸引眼球的图案又或者是渐变渐现的纯色部分。

当选取好我们需要的背景,为了达到以文字为主体的效果,往往我都习惯在文字底部做阴影层,而在此阴影层上的文字做以文字样式作特效调节后,一个简单的设计就此生成。

二、文字的排列设计

简述要点:

这样的设计以文字作主体,局部图案作点缀,但由于找不到相应的字体,应而Du “爷”此处不能很好的为文章体现讽刺的风格,需要作一些抽象的风格效果,如此Du “爷”应换作相应夸张的字体,以再以整体配以红色作图配色。

左侧主体文字,主要为体现出文章中心作装饰,使其主题更为突出,有时为了取到相得益彰的效果,我们往往会将Banner内的文字与文章标题相同复制,其实不妨可以考虑用其他方式,如:标题为“百度首页快照不更新”,这里Banner内的文字以“被戏调de 首页”为文章作一定内容描述,其实配搭相关的图案以呈现出整体效果。

三、图片为主体的设计

简述要点:

实际上以我为例,从构思到制作再到成品,基本上我并不具备全程制作的能力,但我相信一定的模仿及练习能带来不错的效果,比如从收集素材方面下手,这次的主题是家庭影院的组建笔记,首先我需要确建以此相关的主体部分,例如:播放器、投影仪、电影相关等等,再从搜寻回来的素材作一个不同的构思搭配。

如上图,我选择了硬盘播放器作为点缀的角色,再以侧栏以文字描述,这是我去年所制作的Banner,如果让我现在来重新制作的话我会将左侧的配色删除,以渐现或阴影的效果将文字放置于下方的空白处再制造一定的倒影效果作为搭配。

个人小结:

其实无论怎样的设计,对于我而言都是小巫见大巫,当然我就是那个小巫,由于是半路出家并十分向往UED的设计生活,因此会有意无意的在这方面锻炼并且学习自己的设计方式,希望这篇码了个把小时的文章能给你的设计带来一定的理解,虽然我并不期望能分享给多少人,因为现在的设计师水平都太牛,希望在不久的将来我的那篇分析Banner设计与制作还能与您相见~!

感谢 likespc 的投稿