-
让品牌有温度、有情感
专注品牌策划15年
banner设计图片（banner设计图片素材）
发布时间：2023-04-11 20:26:28
稿源：
创意岭 阅读：
72
大家好！今天让小编来大家介绍下关于banner设计图片的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008
文章目录列表:
一、Banner如何进行设计制作？?
3、Banner的整体配色
既然我们想要做一个好的Banner图片，那么在配色上，就得下点功夫了，简单大气的配色，可以瞬间让Banner甚至网站整体，提升一个档次。
4、整体的Banner排版
上边，基本把Banner图片的排版给确定了，这一步，其实就是让我们的Banner图片变的好看点。 以上呢，就是简单的步骤，其实做好Banner图，很简单的。
二、网页设计中banner设计尺寸是多少
不同的环境下设置的尺寸都不一样
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。
4、1024*768 下网页的尺寸:width=955,height=600
800*600 下网页的尺寸:width=760,height=420。
5、一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px，
分辨率在640*480的情况下，页面的显示尺寸为:620*311px，
分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px。
扩展资料：
banner设计标准尺寸大全
Internet Advertising Bureau
(IAB，国际广告局)的"标准和管理委员会"联合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE，广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。
这些尺寸作为建议，提供给广告生产省和消费者，使大家都能接受。现在网站上的广告几乎都遵循IAC/CASIE标准。
1997年第一次标准公布
Num Size(pix) Name
1、468×60 全尺寸banner
2、392×72 全尺寸带导航条banner
3、234×60 半尺寸banner
4、125×125 方形按钮
5、120×90 按钮＃1或小图标
6、120×60 按钮＃2或小图标
7、88×31 小按钮或banner
8、120×240 垂直banner
2001年第二次标准公布
Num Size(pix) Name
1、120×600 "摩天大楼"形
2、160×600 宽"摩天大楼"形
3、180×150 长方形
4、300×250 中级长方形
6、240×400 竖长方形
7、250×250 "正方形弹出式"广告
IAB 将不再支持1997年第一次公布标准中的392×72形。
从banner自身的设计大小看
1、全尺寸banner横幅设计为468*60px，半尺寸banner为234*60px，小banner为88*31px，另外120*90，120*60也是小图标的标准尺寸。
2、页面长度原则上不超过3屏，宽度不超过1屏。
3、每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K。
4、每个标准页面为A4幅面大小，即8.5*11英寸。
参考资料来源：百度百科-网页设计标准
三、怎么设计网页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。所以，apple的slogan简约而不简单。
四、网站建设中 网站banner多大尺寸才合适
网站布局不同，banner图片的大小就不同，如果不知道网站banner图片大小，可以将鼠标放在banner图处右击审查元素，就可以查看banner图大小，然后就可以按照这个尺寸进行设计banner图片。【点击查看做个网站到底多少钱】
想要了解更多有关网站建设的相关信息，推荐咨询猪八戒网。猪八戒网有千万服务商为企业、公共机构和个人提供定制化的解决方案，将创意、智慧、技能转化为商业价值和社会价值。2011年猪八戒网获得IDG投资并被评选为中国2011年度“最佳商业模式十强”企业；在行业内口碑极佳，受到了广大客户的一致好评。
以上就是小编对于banner设计图片问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。
推荐阅读：
nbamvp排行榜2017是谁（2017年nbamvp是谁）
赣公网安备 50019002502384号
