banner设计

① banner在设计中是什么意思

banner指的就是横幅、广告，一般就是在网站投放的时候使用，简单来说就是横幅设计~顺便介绍个专业的banner制作网站给你--我拉网，能够免费制作banner、logo等等，有众多现成的优秀模板，你只要挑选完再输入自己的文字就可以了，制作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。

(2)banner设计扩展阅读：

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设计是指网站页面的横幅广告，banner主要体现中心意旨，形象鲜明表达最主要的情感思想或内宣传中容心。
电商，是在互联网、内部网和增值网上以电子交易方式进行交易活动和相关服务活动，是传统商业活动各环节的电子化、网络化。电子商务包括电子货币交换、供应链管理、电子交易市场、网络营销、在线事务处理、电子数据交换、存货管理和自动数据收集系统。在此过程中，利用到的信息技术包括互联网、外联网、电子邮件、数据库、电子目录和移动电话。

④ banner设计的标准是什么

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 中级长方形
5 336×280 大长方形
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英寸。
除了标准标志广告，早期的网络广告还有一种略小一点的广告，称为按钮式广告（BUTTON），常用的按钮广告尺寸有四种：125×125(方形按钮)，120×90，120×60，88×31。随着网络广告的不断发展，新形式和规格的网络广告不断出现，因此美国交互广告署（IAB）也在不断颁布新的网络广告标准。

⑤ 网店Banner设计与制作方法是怎样的

好的Banner设计，虽然都是由图片加文字组成，但也绝不是“1＋1＝2”那么简单地叠加。如同一首乐曲，可以是古典交响乐，可以是流行电子乐，亦或民间小调，形式多样，手法不一。有时候需要像作诗般字斟句酌，有时候也会有妙手偶得的惊喜。受制于互联网视觉设计的特点，往往需要通过设计师的经验思考，在较短的时间内制作出能够通情达意的作品。下面为一运用Photoshop软件进行的网店Banner设计与制作方法举例。

（1）运行Photoshop软件，执行“Ctrl”＋“N”命令创建一个新文件，设置新图像文件的大小为宽度1920像素，高度为260像素（高度要根据具体情况来定），图像分辨率为72像素／英寸，颜色模式为RGB模式，背景色为白色。（2）搜索Banner设计的背景图片，注意背景图像的宽度必须大于或等于1920像素，选择好背景图像后，在Photoshop中打开图像文件。（3）将选择好的背景图像，应用软件的移动工具拖进第一步创建的Banner图像文件中，并运用移动工具进行位置的调整，把需要的部分图像放置在合适的位置。（4）在Photoshop软件的图层面板，设置背景图像所在的图层不透明度为40%，以降低图像的不透明度，使背景图像与白色的背景图层融合。（5）把事先拍摄好的、事先计划好要重点推荐与推销的商品图像在软件中打开，运用Photoshop软件中的魔术棒选择工具，先在图像的白色区域进行选择，然后执行“Ctrl”＋“Shift”＋“I”反选命令把无线路由器产品图像选中。（6）运用软件的移动工具分别把上一步选择完成的无线路由器侧面图与无线路由器背面图拖移到Banner文件中，执行“Ctrl”＋“T”命令对无线路由器图像进行大小与位置调整。（7）接下来运用文本工具添加文本，选择字体为“方正兰亭特黑”，字体大小为72点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（6、68、182），字体显示模式为“犀利”，输入“数码惠聚”几个字。(8)执行“Ctrl”＋“T”自由变换命令，对“数码惠聚”文字进行旋转调整，转动一定的角度。(9)继续运用文本工具输入文字，选择字体为“方正兰亭特黑”，字体大小为24点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（53、98、4），字体显示模式为“犀利”，输入促销文字，然后执行“Ctrl”＋“T”命令对文字的角度与位置进行调整。(10)运用上一步的方法与技巧，继续输入文本，除“1212”四个字的大小为30点，颜色为RGB（192、6、6）以外，其他文字属性与上一步相同，然后一样进行位置与角度调整。(11)继续运用文本工具输入文字，选择字体为“方正兰亭特黑”，字体大小为24点，设置字体为“斜体”，字体颜色为“蓝色”，RGB数值为（6、68、182），字体显示模式为“犀利”，输入如下图所示的促销文字，然后执行“Ctrl”＋“T”命令对文字的角度与位置进行调整。(12)运用软件的多边形选择工具，在工具属性栏中设置羽化值为0。(13)在图层面板新建一个图层，并且用RGB数值为（6、68、182）的蓝色对三角形选区进行填充颜色。并对这个图层进行图层样式设置，图层样式为“斜面与浮雕”中的“内斜面”，方式为“雕刻清晰”。(14)设置好图层样式后，执行“Ctrl”＋“D”取消选择命令。(15)把上面创建的三角形样式所在的图层进行4个复制，分别放置在如图所示的位置，同时运用“Ctrl”＋“T”命令适当调整三角形样式图像的角度、大小、位置与不透明度，完成Banner设计。

⑥ 企业网站banner设计技巧有哪些

网页设计中的 Banner设计其实是我们接触互联网工作后，最常见一种工作。那么Banner到底是什么呢？Banner的核心使命其实是吸引用户关注，然后被点击。他的主旨就是主题明确，突出关键内容，抓住用户眼球。一个Banner他是由“背景、主视觉和标题文字”三部分组成，在我刚刚接到需求的时候，我首先分析他的重点词、字，想要表达什么，分析好了后可以在纸上画下草稿，在大脑里有个大概的视觉效果，想法多的话可以画几版不一样的，最后根据草稿定一个定稿，接下来就可以找素材着手做了。在做期间，还要注意整体的美观，让人看起来舒服。
关于Banner的设计，相信已经有很多人都看过这方面经验的分享了，我来公司也做过了一些Banner的设计，那在这其中通过不断的学习、实践积累了自己的一些小小经验和方法，下面给大家浅浅的分享下我总结的Banner设计经验。如有错误，尽管拍砖。下面从这三部分逐一给大家分享下。
一、背景
我们画画的同学可能都知道，一个画面不可能都面面俱到，重点的需要细致刻画，有的一笔带过即可。设计一个Banner有时候就像画画似的，首先要有大的环境，那Banner的背景就好比大环境，其实主要是起到衬托、烘托气氛的作用。一个新需求过来，首先我们考虑要营造一个什么样的环境，什么样的气氛，是欢快的、悲伤的、可爱的还是…比如过年，可能就用红橙色，比如儿童类的，颜色上就要纯一点，活泼点等等。
但是需要注意一点，背景不能太花，否则会影响整体的一个可读识性，简单，清晰即可。
二、主视觉元素
设计中的主视觉要清楚，符合主题，元素不可太多，否则看起来跟人感觉就会乱。有的人在做时只要是有地，就全放满，其实页面适当的“留白”也是提升画面品质的一个好方法。视觉元素不论是人物，还是其他，一定要清晰，在我们找素材的时候也要找像素质量高的。
东西太多，想表达的也太多，这时候需要用户去花时间思考它想告诉我们什么，而往往这时候用户是不愿意是思考的，一是画面不知道他要表达什么，二是整体上没有吸引住用户的眼睛，这种情况下这个Banner设计是做到比较失败的。
三、标题文字
标题文字非常重要，是整个Banner的主题，重点文字一定要在背景中突出出来，不论用颜色对比、放大、变形设计还是即便做立体效果等等。（这里我分享一个经验，就是在页面上新建一个黑色的图层，样式改成饱和度，整体上成黑白的效果后一眼就能看出来了）
最后总结几点：
1.画面整体统一，颜色搭配的看起来舒服；
2.页面元素要以组为单位；（如文字和文字之间的间距不要过大，让人看起来是一组）
3.采用吸引力的用语，或者添加“火速参与”等刺激性的词语按钮等，让用户在最短的时间内有去点击他的欲望。
4.主次对比分明，合理安排页面布局；
5.输出K数不宜过大，否则加载速度会慢；
6.最后最重要的一点是，前期工作一定要与需求方沟通好，要知道，在工作中，沟通是非常重要的一件事情。

⑦ 优秀的Banner设计是怎么做出来的

一、一致的风格

一般情况下风格在跟需求方沟通的时候就已经定好了大概的方向，同时我们可以问他要一些参考，进一步确认风格，还有种情况是需求方方没有任何的要求，就说让你自己把握就好，那这个我觉得也是分两种情况，一种是需求方真的信任你，放手让做，还有种就是其实他自己也不知道要什么样的，只是想等你做出来以后看了再说，如果是这种情况不讲清楚的话很有可能就会面临重做的悲剧。第一种类型基本就不需要太操心，自己根据内容什么的来把握就好。第二种类型的话就需要引起注意了，我们可以自己找一些认为比较合适的参考让需求方来选择，然后根据他的选择和需求方确认风格，防止他后面说什么不要这种风格的，重做一版看看之类的。下面是一些比较常见的风格，可以参考一下。

时尚风：

可以看到上面这2个banner都有共同的特点，大标题、模特，报刊潮流杂志风。

复古风：

复古风的重点是传统元素和复古图案，像第一个用了书法字体跟水墨感觉的图案， 第二个则是包含了传统的剪纸元素 。

清新风：

简约风的特点就是极简主义、大空间，就像这个banner没有任何过多的装饰元素 ，整体感觉就是非常的透气

二。有原则的排版

所谓排版，即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小，使版面达到美观的视觉效果。之前在网上看到过一篇关于ppt排版六原则（对齐，聚拢，重复，对比，强调，留白）的文章，小编觉得这个在banner的设计中也是同样适用。以下是一些排版原则哦，大家注意。

一、对齐原则

相关的内容要对齐，方便用户视线快速移动，一眼看到最重要的信息。

二、聚拢原则

将内容分成几个区域，相关内容都聚在一个区域中。

三、留白原则

千万不要把banner排得密密麻麻，要留出一定的空间，这样既减少了banner的压迫感，又可以引导读者视线，突出重点内容。

四、降噪原则

颜色过多、字体过多、图形过繁，都是分散读者注意力的”噪音”。

五、重复原则

排版时，要注意整个设计的一致性和连贯性，避免出现不同类型的视觉元素。

六、对比原则

加大不同元素的视觉差异，这样既增加了banner的活泼，又突出了视觉重点，方便用户一眼浏览到重要的信息。

⑧ Banner设计的形式美法则是什么样的

在Banner设计中遵循形式美的法则，采用特殊的形式结构，会使网页变得个性十足，并能很好地区别于同类网站，让人记忆深刻。

（1）有机形的柔和与美。

有机形是由一定数量的曲线组合而成的，是自然物外力与内力相抗衡而形成的形态。有机形富有内在的张力，给人以纯朴、温暖而富有生命力的感觉。例如在图5.56中，曲线与个性化的插图形成强烈的对比。（2）偶然形的独特魅力。

偶然形是在力的作用下随机形成的图形，有很强的随机性，它具有天然成趣的效果，利用偶然因素提炼美的方法，让Banner设计更加与众不同。Photoshop中画笔的定义、画笔的形状、散布、纹理，以及滤镜效果等有很强的随机性，可以应用于Banner设计。

（3）预留大面积的Banner空间创作。

在网页设计中可以为Banner设计预留空间，如果Banner设计占用很大的空间，且占用的空间是重要而有价值的面积，设计过程中可能会比较难处理，但是如果处理得好的话，它将会事半功倍，而且信息传达非常有效。（4）有效的措辞与行为导向按钮。

在Banner设计中通过真实产品的展示，并配以鼓动人心的措辞口号及醒目的文字，可以直接诱导用户点击的行为导向按钮，让网页获得更多的用户点击和关注度，能起到非常好的设计效果。（5）丰富的产品展示组合效果。

用堆积方法设计Banner特效，来展示不同的作品示例，并附上一条介绍性质的口号，便网页变得更有说服力，内容丰富而且整个页面富有层次感，能收到比较好的效果。

⑨ banner设计需要注意哪些事项

1.文字

一张图片，若想表达丰富的内容，就必须配合文字的使用。使用户更能直观，快速的理解产品设计者的意图。

怎么开网店，分清主标题和副标题，主标题要醒目，字体上要偏大。优秀的字体设计要饱满，集中。

如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键词优化，突出主要的信息，弱化‘的’、‘之’、‘和’、年’、‘第X届’这种信息量不大的词。若标题很短，并且画面不够饱满的情况下，可以点缀一些域名等信息做补充。

2.动态和静态

禁用动图作为banner，动图会给用户造成浏览压力。静态图片会让用户更加的轻松，而没有视觉疲劳感。

3.“重量”要轻

注意用PS修改图片大小，在保证图片精度的情况下，尽量将突破压缩在最小，以提高网页加载速度。

4.banner设计的原则

对齐原则

相关的内容要对齐，方便用户实现快速移动，一眼看到最重要的信息。

聚拢原则

将内容分成几个区域，相关内容都聚在一个区域中。

留白原则

开网店卖家千万不要把排得密密麻麻，要留出一定的空间，这样既减少了压迫感，又可以引导读者视线，突出重点内容。

降噪原则

颜色过多、字体过多、图形过繁，都是分散读者注意力的”噪音”。

⑩ banner设计如何创作完美配色方案

1、从色轮开始
色彩看起来非常的简单，但是直到今天它依然是设计师手中最实用的利器。色轮不仅仅是一系列色彩的简单组合，它暗含色彩之间的关系和规律，可以帮你构思配色，确定色彩之间的搭配是否协调。
2、色调和色彩
很少有设计师直接在色轮上取色就直接拿来用的，因为绝大多数时候，配色是需要经过调整才能用的。这个时候，你就需要调整色彩、色度和色调这些属性：
色彩：颜色+白色
色度：颜色+黑色
色调：颜色+灰色/白色/黑色
这些调整方式能改变色彩的饱和度，让你的配色方案变的不一样。
3、黑色、白色和中性配色
挑选一两个明亮的色彩并不足以支撑整个配色方案，那些经常被人忽视的色彩可能占据整个设计的色彩中的绝大部分，它们就是以黑和白为代表的中性色。
中性色为其他色彩搭建了表现的舞台，让他们展现性格营造氛围。
4、避免彩虹式配色
色彩的使用应该是有节制的。你的配色方案中并不需要5种甚至10种色彩同时存在，最好的配色方案通常只是2~4种色彩的搭配。好的设计和配色方案会让每种色彩具备它独有的作用与角色，让色彩各司其职。
5、结合内容考虑配色
优秀的配色方案并不只是确保视觉上的一致性，会让内容和色调情绪上保持一致。
6、坚持遵循配色方案
当你创造出一套优秀的配色方案的时候，你会尽量将这个方案贯穿整个项目。这个时候，你应当建立一套规则，来确保整个配色能够系统化地贯穿到整个项目当中。
所以在banner设计中，大家需要做好配色方案的设计工作，这样设计出来的banner才是优质的。