网页设计中banner设计尺寸是多少

发布网友 发布时间：2022-04-21 04:06

我来回答

共4个回答

懂视网 时间：2022-04-19 15:36

本Photoshop实例教程为大家带来网站横条广告的制作教程，制作过程中主要应用渐变、蒙板、钢笔等工具，希望大家喜欢！ 先看效果：

最终效果
　　1、打开Photoshop CS3软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出新建对话框，设置名称：横幅广告制作，宽度：468像素，高度：60像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。

图1
　　2、在图层控制面板击新建图层按钮，新建一个“背景”，选择工具箱渐变工具（快捷键G），在工具选项栏中设置为线性渐变，然后点按可编辑渐变，弹出渐变编辑器。双击如图2中的A处，设置色彩RGB分别为190、243、255。再双击图2中所示的B处，设置白色，单击确定按钮，如图2所示。效果图如图3所示。

图2

图3

　　3、单击工具箱中的横排文字工具 ，输入pconline，然后按Ctrl+T切换字符和段落面板，设置字体：方正综艺简体，大小：40点，颜色：蓝色，设置消除锯齿的方法：浑厚，如图4所示。

图4
　　4、选择pconline图层，右击pconline图层，选择混合选项，进入到图层样式，勾选渐变叠加选项，双击渐变弹出渐变编辑器，双击如图的A处，设置色彩RGB分别为11、66、179,再双击图中所示的B处，设置色彩RGB分别为35、100、231，再双击图中所示的C处，设置色彩RGB分别为70、192、255，再双击图中所示的D处，设置色彩RGB分别为138、237、255，再双击图中所示的E处，设置色彩RGB分别为103、220、253，单击确定按钮，接着按键盘Shift不放结合鼠标从上到下拉下，给渐变效果，如图5所示。效果图如图6所示。

图5

图6
　　5、在图层控制面板中选择pconline图层，按住Alt不放，用鼠标左键拖动出pconline副本图层，按快捷键Ctrl+T，将副本图层进行倒立，接着给pconline副本图层添加一个蒙板，点击渐变工具，给pconline副本图层添加渐变，如图7所示。

图7



　　6、在图层面板上单击创建新图层按钮 ，新建一个图层12，再用钢笔工具，画出一个不规则的形状，如图8所示。

图8 #p# 　7、在工具箱中选择设置前景色，设置前景色的颜色RGB值分别为2、194、247，填充给不规则的形状，按键盘快捷键Ctrl+Enter转换为选区，接着按按键盘快捷键Alt+Delete填充，按键盘快捷键Ctrl+D取消选区，接着右击7图层，选择混合选项，进入到图层样式，勾选投影复选项，设置混合模式：正片叠加，点击色标处，弹出选择阴影的颜色窗口，设置为蓝色（R：107，G：151，B：170，），不透明度：23%，距离：5像素，扩展：0%，大小：5像素，然后点击确定按钮，如图9所示。

图9
　　8、在工具箱中选择横排文字工具，在工作区中用鼠标单击后，输入“太平洋创意设计栏目”，在工具选项栏中设置字体为“长城黑体”，设置字体大小为17点，设置消除锯齿为“浑厚”设置字体颜色为白色，如图10所示。

图10
　　9、在工具箱中选择横排文字工具，在工作区中用鼠标单击后，输入“Photoshop CS、Flash CS、CorelDRAWG4、Fireworks.CS4 3Dsamx、Dreamweaver、MAYA、After.Effects”字，在工具选项栏中设置字体为“宋体 ”，设置字体大小为8点，设置消除锯齿为“浑厚”设置字体颜色为白色,并调整大小与距离，如图10所示。

图11
　　10、在图层控制面板击新建图层按钮，新建一个图层9，在工具箱中选择直线工具 ，在工作区中拖出一个直线形状，如图12所示

图12

　　11、在图层控制面板中选择图层9，按住Alt不放，用鼠标左键拖动出图层9副本，图层9副本2,设置不透明度为34%。如图13所示。

图13
　　12、在图层控制面板击新建图层按钮，新建一个图层并命名为“按钮”，在工具箱中选择椭圆工具 ，在工作区中拖出一个椭圆选区，在工具箱中选择设置前景色，设置前景色的为蓝色，按快捷键Alt+Delete填充给按钮图层，然后按快捷键Ctrl+D取消选择状态如，图14所示。

图14
　　13、在图层控制面板中选择按钮图层，按住Alt不放，用鼠标左键拖动出7个按钮副本图层，并调整距离和位置，调整后的效果图，如图15所示。也是最终效果图。

图15

热心网友 时间：2022-04-19 12:44

不同的环境下设置的尺寸都不一样

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英寸。

参考资料来源：百度百科-网页设计标准

热心网友 时间：2022-04-19 14:02

不同的环境下设置的尺寸都不一样
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英寸。
参考资料来源：搜狗百科-网页设计标准

热心网友 时间：2022-04-19 15:53

在不同的环境下设置的尺寸都不一样
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

一般分辨率在800*600的情况下，页面的显示尺寸为：780*428px；
分辨率在640*480的情况下，页面的显示尺寸为:620*311px；
分辨率在1024*768的情况下，页面的显示尺寸为：1007*600px