扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
10年积累的网站设计、做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有石棉免费网站建设让你可以放心的选择与我们合作。
不要用CMYK模式,注意显示器尺寸。突出主题,banner颜色最好跟logo 的颜色相撘。
千图网下载一个自己修改一下。在这里不会有人帮你做的。
文字的排版吧,主要可以结合其它的软件进行辅助,indesign等
手打!! 1. 先写文案 不能多 BANNER本来就那么小 有一个突出就可以了 2. 定主色 主色最好就一种 配色也不要多 二三种就好 可以是相近的 也可以是突出的 看你的构思 3. 主图 指的是你的背景或其中的最大的图片 要求也简单 就是要好看 其它就是细节的调整了
你好!banner的主要元素有以下几点:宽高、logo、标题、底图。根据你要表现的内容先找好一个底图,注意颜色要跟LOGO符合,然后裁剪成合适的尺寸,再在合适的地方比如距左边有一定距离上下居中的位置,把LOGO放上去,后面写上标题以及想表达的其它文字内容,注意比例。
一个基础的banner就完成了,当然,想要更上一层楼还需要多看看大师的作品~^^打字不易,采纳哦!
1、了解banner图的组成要素以及风格。这一方面要是根据企业的整体特点来进行定位,为的就是能够设计出更加符合企业形象以及企业理念的banner图。
2、banner图的排版。这一点个人觉得不光是banner图在设计时才注意,在网站排版、网页排版时都应该注意。
3、banner图的切片。这一点必须注意,因为图片没有处理好,在一定程度上会影响网站的访问速度,网站的访问速度如果不是很好,就会影响网站的浏览量以及点击率。还有就是图片的显示大小以及兼容性,使图片能在大部分的浏览器以及设备上展示出来,这样就不会影响网站的整体美感,方便用户的查看。
4、banner图的字体可以混搭。字体混搭能够更好的展示相关信息以及更加吸引用户的注意力。
当今各大网站流行及交换的banner分为两种。
一种是banner广告条,即468x60像素的动画, 主要是为网站或企业的广告宣传。另一种是作为交换连接的logo,即88x31像素的动画或者图片。通常要求banner广告条的文件大小为20k以下, 而logo的大小为6k以下。ogo=logotype
那么Banner到底是什么呢?Banner的核心使命其实是吸引用户关注,然后被点击。他的主旨就是主题明确,突出关键内容,抓住用户眼球。
一个Banner他是由“背景、主视觉和标题文字”三部分组成,在我刚刚接到需求的时候,我首先分析他的重点词、字,想要表达什么,分析好了后可以在纸上画下草稿,在大脑里有个大概的视觉效果,想法多的话可以画几版不一样的,最后根据草稿定一个定稿,接下来就可以找素材着手做了。在做期间,还要注意整体的美观,让人看起来舒服。下面从这三部分逐一给大家分享下。
一、背景 我们画画的同学可能都知道,一个画面不可能都面面俱到,重点的需要细致刻画,有的一笔带过即可。设计一个Banner有时候就像画画似的,首先要有大的环境,那Banner的背景就好比大环境,其实主要是起到衬托、烘托气氛的作用。
一个新需求过来,首先我们考虑要营造一个什么样的环境,什么样的气氛,是欢快的、悲伤的、可爱的还是…比如过年,可能就用红橙色,比如儿童类的,颜色上就要纯一点,活泼点等等。但是需要注意一点,背景不能太花,否则会影响整体的一个可读识性,简单,清晰即可。
二、主视觉元素 Banner中的主视觉要清楚,符合主题,元素不可太多,否则看起来跟人感觉就会乱。有的人在做时只要是有地,就全放满,其实页面适当的“留白”也是提升画面品质的一个好方法。视觉元素不论是人物,还是其他,一定要清晰,在我们找素材的时候也要找像素质量高的,我一般会去站酷、昵图网、花瓣或者直接google搜,不要太多。还有一点注意的是不可盗用他人的作品,头像等等。大家都懂的:) 下面的这个Banner看起来就比较乱,东西太多,想表达的也太多,这时候需要用户去花时间思考它想告诉我们什么,而往往这时候用户是不愿意是思考的,一是画面不知道他要表达什么,二是整体上没有吸引住用户的眼睛,这种情况下这个Banner是做到比较失败的。
三、标题文字 标题文字非常重要,是整个Banner的主题,重点文字一定要在背景中突出出来,不论用颜色对比、放大、变形设计还是即便做立体效果等等。(这里我分享一个经验,就是在页面上新建一个黑色的图层,样式改成饱和度,整体上成黑白的效果后一眼就能看出来了) 这个Banner标题用了描边和投影,从背景中出来了,但还是看起来不舒服,主要是他的文字有用曲线、斜线的方式,让人不禁会顺着字的排版顺读下去,他这里面不同方向的斜线用的还比较多,这种方式看多了就会比较累,没有形成统一。这个Banner看起来比较清新,没有过多的元素,但重点是文字,由于背景用的浅色,文字也用的浅色,用户是很难看出来的,影响用户的阅读性。最后总结几点 1.画面整体统一,颜色搭配的看起来舒服;2.页面元素要以组为单位;(如文字和文字之间的间距不要过大,让人看起来是一组)3.采用吸引力的用语,或者添加“火速参与”等刺激性的词语按钮等,让用户在最短的时间内有去点击他的欲望。
4.主次对比分明,合理安排页面布局;5.输出K数不宜过大,否则加载速度会慢;6.最后最重要的一点是,前期工作一定要与需求方沟通好,要知道,在工作中,沟通是非常重要的一件事情。以上是自己在平时工作中总结的一点点小经验吧,希望对初学设计的同学来说有点帮助,还望大师们多多指点,我会虚心学习。有部分图是从网上找的,在这里借用下,如果侵犯您的权了,请告知下。谢谢。
banner设计的四大注意事项:· 如何使banner设计具有创意· 从banner设计的角度谈如何· 网站banner设计的常用尺寸· 什么是banner设计?一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。banner的设计质量严重影响着整个网站页面的质量,一个好的页面、好的banner能够吸引浏览者的眼球。虽然banner只是网页页面中一个小元素,但是这个小元素往往能够起到关键性的作用。所以在进行banner设计时需要引起足够的重视。下边是在banner设计中容易出现的一些小问题,请引起重视。
1、banner设计中的文字注意事项一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。①分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。
一个好的banner标题文字处理都比较饱满,比较集中。②如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化的、之、和年第X届这种信息量不大的词。③如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。
2、Banner有动态和静态两种。在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。根据粗略统计,100个Banner里面有1/3是静态的。
3、Banner的“重量”要轻。以468×60的Banner为例,最好是15K左右,不要超过22K。而88×31的Banner最好在5K左右,不要超过7K太大的会引起网页打开速度,导致浏览下降,这里面也有个量的问题,太多的广告而影响浏览者浏览网页,导致反感这也是一个问题。所以放广告条的时候要考虑到广告的大小和多少,还有就是搭配问题。
4、从banner设计上来看,需要注意:①Banner的文字不能太多,用一两句话来表达即可。②广告语要朗朗上口,可以第一时间的让人捕获表达的重点。③图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没。④图形尽量选择颜色数少,能够说明问题的事物。⑤如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。⑥尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。⑦产品数量不宜过多。很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个Banner 变成产品的堆砌。Banner 的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。
接下来,智网互联为大家总结累一些,如有鄙陋,请指正,万分感谢。当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要。接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢。第一部分:颜色1.Banner与环境对比试想如果在一个以浅色调为基准的网站上投放Banner,是不是从明度上拉开对比会很好的提高用户的注意力呢(相反亦然)。以此也可推想出,如果在一个有颜色基调的网站上投放补色或者对比色的Banner,效果就会变得更瞩目(补色和对比色案例)。
2.Banner颜色简单至上
(1)试想一个Banner五颜六色,是不是就能够吸引眼球了呢?首先,先对比一下哪个更吸引你的注意力呢?大多数人肯定会觉得后者给用户带来的视觉传达力更强,简洁明确、朴素有力的效果,给人一种重量感和力量感。前者颜色虽多,却没有带来更好的视觉传达效果,为什么呢?颜色过度使用会打乱色彩节奏,并且,减弱了颜色间的对比,使整体效果变弱。
(2)其次, 使用颜色越多,最后保存时文件体积越大,加载起来越慢,让用户等待就意味着和用户说再见了,如果靠降低品质来达到Banner的上传要求,那展现给用户的是低质量的banner,也一样会丢失一些用户。所以,颜色简单有力,加载清晰快速,对于banner的视觉传达很重要,只要让用户产生点击欲望,我们推广的目的就达到了。第二部分:构图1.构图的定义及规则构图其实说白了就是经营画面,进行布局,如何在你构图的引导下吸引用户点击,产生欲望,了解内容,如果都能达到,那说明你的构图成功了。构图的基本规则是:均衡、对比和视点。均衡:均衡不是对称,是一种力量上的平衡感,使画面具有稳定性。均衡不是对称对比:在构图上来说就是大小对比,粗细对比,方圆对比,曲线与直线对比等等。白色线条的对比产生了空间感视点:就是如何将用户的目光集中在画面的中心点上,我们可以用构图去引导用户的视点将视点集中引导到slogan上介绍完构图的基本规则,举例子检视下:一张X-MEN的宣传banner,这张banner人物排布既平衡又不对称,人物大小不一,产生出对比,突出了部分剧中人物。Banner正中一个大大的X,把视点集中到了画面的最中心,很好的利用基本构图规则进行banner设计。
2.构图的样式构图大概分以下几种:
(1)。垂直水平式构图
(2)。
三角形构图(正三角和倒三角)
(3)渐次式构图
(4)。辐射式构图
(5)。框架式构图
(6)对角线构图
(1)垂直水平式构图:平行排列每一个产品,每个产品展示效果都很好,各个产品所占比重相同,秩序感强,此类构图给用户心情:产品规矩正式、高大、安全感强。
(2)正三角形和倒三角构图:多个产品进行正三角构图,产品立体感强,各个产品所占比重有轻有重,构图稳定自然,空间感强。此类构图给用户心情:安全感极强、稳定可靠。多个产品进行倒三角构图,产品立体感极强,各个产品所占比重有轻有重,构图动感活泼失衡,运动感空间感强。此类构图给用户心情:不稳定感激发用户心情,给用户运动的感觉。
(3)对角线构图:一个产品或两个产品进行组合对角线构图,产品的空间感强,各个产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图给用户心情:动感十足且稳定。
(4)渐次式构图:多个产品进行渐次式排列,产品展示空间感强,各个产品所占比重不同,由大及小,构图稳定,次序感强,利用透视引导指向slogan。此类构图给用户心情:稳定自然,产品丰富可靠。
(5)辐射式构图:多个产品进行辐射式构图,产品空间感强,各个产品所占比重不同,由大及小。构图动感活泼,次序感强,利用透视指向slogan,此类构图给用户心情:活泼动感,产品丰富可靠。
(6)框架式构图:单个或多个产品框架式构图,产品展示效果好,有画中画的感觉。构图规整平衡,稳定坚固。此类构图给用户心情:稳定可信赖,产品可靠。
3.软文(Slogan)
(1)俗话说得好“话不在多,精辟就行”当今炙手火热的微博就是一个例子“140字概括你要说的”,Slogan也是一样。
(2)要言之有物,第一要抓住用户的心里,了解用户的想法很重要。第二我们要推给用户什么,用户对什么感兴趣。下面举个例子:Slogan只有四个字,终于来了,白色iphone4吊足了apple迷门近两年的胃口,这四个字恐怕是他们最想听到的。用户从不会质疑apple的性能,科技领先性及用户体验性,他们最想的恐怕就是拥有自己梦寐以求的白色iphone4。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流