网站banner设计的那些事儿

  Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,怎么在方寸间把握平衡,变得十分重要。Banner中的视觉要素主要包括:背景、图片及文字,此外Banner的投放环境对其设计也有极大的影响,这些都是设计时需要考虑的重点要素。

  1、分析需求

  任何设计的第一步都是对用户需求的分析,在Banner设计开始前,设计师应与需求方沟通,确定需求,找准定位,然后再有针对性地开始设计,色彩搭配要与整个页面相协调。


   2、Banner颜色

  (1)下面两个banner哪个更吸引你呢?对比之下,我们会发现大多数人觉得后者给用户带来的视觉传达力更强,简洁明确、朴素有力的效果,给人一种重量感和力量感。前者颜色虽多,却没有带来更好的视觉传达效果。这是因为颜色过度使用会打乱色彩节奏,并且,减弱了颜色间的对比,使整体效果变弱。


  (2)其次,使用颜色越多,最后保存时文件体积越大,加载起来越慢,让用户等待就意味着和用户说再见了,如果靠降低品质来达到Banner的上传要求,那展现给用户的是低质量的banner,也一样会丢失一些用户。


   3、图片与文字

  一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的 banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。

  但是,文字的搭配也能够一目了然地让受众知道所要传达的主题是什么,但如果文字与图片协调不好,也容易出现反面效果。下面这个Banner看起来比较清新,符合环保、健康的主题,图片没有过多的元素,但由于图片用的浅色,文字也用的浅色,用户是很难看出来,影响阅读性,是此Banner设计的一大败笔。


   4、banner设计注意事项

  (1)Banner的文字用一两句话来表达即可。

  (2)广告语要朗朗上口,突出重点。

  (3)图形无须太繁杂,文字尽量使用黑体等粗壮的字体。

  (4)图形尽量选择颜色数少。

  (5)尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样会增加图形所占据的颜色数,增大体积。

  (6)产品数量不宜过多。摆放太多产品,反而被淹没,视觉效果大打折扣。

  一个好的Banner设计能够直接影响着整个页面的美观,企业想要让吸引和留住客户往往通过Banner设计来做点缀。所以Banner设计起着重要的作用,一定要重视。本文由微企点(wqdian.com)H5自助建站平台提供,关注微企点公众号wqdian_com 或加入微企点用户QQ群,103385602,一起探讨建站行业的发展。

时间: 2024-11-03 12:43:12

网站banner设计的那些事儿的相关文章

网站BANNER设计中 中英文字体的结构分析

本来想写"Advertisemen中的字体结构分析",后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工作中对banner设计上的一点浅见,仅起抛砖引玉的作用. Banner的传达方式 [TOPIC] 针对网站中的banner Banner的本身形状:形状决定了其固定的构成方式,一般为矩形,横幅,左右结构和居中; Banner的文字特点:主题式,一般分为主标题和副标题,文字较多;设计的时候还需要考虑应用到网站各种尺寸推广图的可读

电商网站Web设计提高用户体验度的九个要点

无论是传统商业时代还是互联网电商时代,提高用户的极致体验都是达成营销盈利目标的重要行动.而对于电商而言,Web设计的核心与目标就是以用户为中心,追求极致的用户体验,并完成其本身所承载的商业或用户诉求等目标. 互联网时代,电商网站Web设计提高用户体验度有以下九个要点: 一.网站定位 首先,你应该确定你的网站的用户群有哪些,是否承载电子商务功能单位,是否满足在线购物需求等等.传统的电商网站页面颜色过于单调.布局太过传统且整体缺乏活力,只是满足官网的定位,但是却无法满足电子商务的网站需求.因此,这时

网站logo设计的误解

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站logo设计是什么? 最早的时候其实还没有网站logo设计一说,那时候做网站的,首先大部分是企业,称之为企业建站,企业标志直接用于网站logo.需要做的莫过于网站banner设计,其实就是友情链接图片(尺寸统一为88*31)如下面的图,大部分带有闪动的效果. 如今,随着www的疯狂发展,很多企业或个人都是通过网站来获取利润,尤其是中小型网

设计参考:优秀的网站首页Banner设计实例

当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用,特别是对于首页Banner,有效的信息传达让用户和文字之间的互动变得生动而有趣,下面就让我们通过大量优秀的设计案例走进Banner设计,走进设计师们的灵感挥洒空间. 一.Banner的构成与设计形态分解 自然界的万物形态构成都离不开点.线.面.它们是视觉构成的基本元素,具有

网页banner设计理论:工作中对banner设计的理解

网页制作Webjx文章简介:Banner广告条中的字体设计. 由于banner一般用于专题类网站,在门户网站的二级页面,用户进来之前,在首页已经对主题有一定的了解和认识,所以banner的作用是在二级页面中起到包装页面的同时增加内容的趣味度和内容方向引导:所以这也是和传统广告中普遍要求第一感官视觉冲击力来强奸眼球所不同的地方 本来想写"Advertisemen中的字体结构分析",后来发现这个标题写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工

韩国网站的设计好在哪里

设计 从80年代到现在,可以说是在我国掀起一股韩流,如韩国的音乐.电视剧.电影.游戏等,可以说现在看爱情剧的都喜欢看韩剧,韩国的电影.游戏在我国也是比较流行.而韩国的网站在我国也是同样受到大多数网站爱好者的欢迎. 一些网页设计的初学者一般都会去模仿韩国的网站进行设计,通过分析他们的网站,让人不由得惊叹,韩国的站点在框架结构.内容排版.色彩搭配.图片运用上达到了非常和谐的统一,他们的设计师更是拥有较大的设计空间,让人不由的惊叹他们的创造力,当然并不是说我们国人的创造力没他们强. 首先是韩国的设计师

设计出彩的banner:中文网页设计Banner设计

文章描述:中文网页设计分享第一弹<banner设计篇>. 很多同学都觉得做banner无非就是摆几张图,打几个字的事,一点技术含量都没有,像很多门户网站的banner基本上都是编辑做的.我觉得没那么简单,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难的是在短时间内做一个出彩的banner. 专题一般都是由模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的品质感和档次也就上去了,所以这部分交给设计师来做也是重视品

banner设计研究:利用基本构图规则进行banner设计

文章描述:浅析Banner设计. 当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题. Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要.接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢. 第一部分:颜色 1.Banner与环境对比 试想如果在

分享电商网站专题设计的10个问题

文章描述:分享电商网站专题设计的10个问题. 前几天内部就近期的商城专题进行了一些评估,讨论了一些常见的问题.跟大家分享一下. 1 入口banner和专题头部要相呼应,不应有太大出入,可以选取相同的元素.背景等,保持视觉的延续性,以符合用户心理预期. 2 避免使用涉及到版权的字体,主标题如需使用,要对字体变形改造. 3 专题头部图片尽量控制在550px以内,以便保证在第一屏能显示出一部分商品,否则用户很可能误以为下面没有内容.腾讯刚刚推出的一个"QQ旋风离线下载"的专题(点击查看)就犯