`

网页应该设计为多少像素才合适?

阅读更多
许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解.

网页设计标准尺寸:

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右

4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.

页面标准按800*600分辨率制作,实际尺寸为778*434px

页面长度原则上不超过3屏,宽度不超过1屏

每个标准页面为A4幅面大小,即8.5X11英寸

全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

另外120*90,120*60也是小图标的标准尺寸 

每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

标准网页广告尺寸规格

一、120*120,这种广告规格适用于产品或新闻照片展示。

二、120*60,这种广告规格主要用于做LOGO使用。

三、120*90,主要应用于产品演示或大型LOGO。

四、125*125,这种规格适于表现照片效果的图像广告。

五、234*60,这种规格适用于框架或左右形式主页的广告链接。

六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

八、88*31,主要用于网页链接,或网站小型LOGO。

广告形式          像素大小                                 最大尺寸             备注

BUTTON          120*60(必须用gif)                     7K

215*50(必须用gif)                     7K

通栏                  760*100                                     25K                静态图片或减少运动效果

                          430*50                                       15K

超级通栏          760*100 to 760*200               共40K             静态图片或减少运动效果

巨幅广告          336*280                                     35K

                          585*120

竖边广告          130*300                                     25K

全屏广告          800*600                                     40K                必须为静态图片,FLASH格式

图文混排                                                                         各频道不同 15K

弹出窗口          400*300(尽量用gif)                  40K

BANNER               468*60(尽量用gif)                    18K

悬停按钮           80*80(必须用gif)                       7K

流媒体              300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)

网页中的广告尺寸

1.首页右上,尺寸120*60           2.首页顶部通栏,尺寸468*60       3.首页顶部通栏,尺寸760*60

4.首页中部通栏,尺寸580*60     5.内页顶部通栏,尺寸468*60       6.内页顶部通栏,尺寸760*60

7.内页左上,尺寸150*60或300*300     8.下载地址页面,尺寸560*60或468*60

9.内页底部通栏,尺寸760*60              10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*100以上几种说法可能有点小的出入,大家可以探讨一下。

IAB和EIAA发布新的网络广告尺寸标准

在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。
分享到:
评论

相关推荐

    常用网页设计像素标准

    许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?

    网页设计像素小图标

    综上所述,这个压缩包提供了一套全面的网页设计像素小图标资源,包含了多种尺寸、格式和颜色,旨在满足设计师在创建用户界面时对图标的各种需求。无论是用于导航、按钮还是提示信息,这些图标都能为网页增添专业感和...

    用于网页设计的像素图标600个

    总的来说,这600个像素图标为网页设计师提供了一个丰富的资源库,无论是在创建新的网站项目还是优化现有设计时,都能找到合适的选择。通过巧妙地利用这些图标,设计师可以增强网页的交互性和美观性,提升用户的浏览...

    75个像素网页小图片

    标签"75个像素网页小图片"再次强调了资源的特性,表明这是一套专门针对网页设计的像素精准的图片集。在响应式设计中,这种大小的图片能在不同屏幕尺寸下保持清晰,尤其在移动设备上,小图标能够节省加载时间,提高...

    网页常用小图标16、24像素

    网页设计中的图标是至关重要的元素,它们以简洁的方式传达信息,增强用户体验,同时提升网站的视觉吸引力。在“网页常用小图标16、24像素”这个资源中,我们主要聚焦于两类图标:统计图图标和移动通讯终端图标。这些...

    网页设计使用的网页尺

    - 像素尺:通常以像素为单位,因为网页设计通常基于像素网格进行,像素尺能帮助设计师准确地控制元素的位置和大小。 - 角度尺:用于测量元素角度,如旋转的图像或文字倾斜度。 2. **网页尺的重要性**: - **响应...

    网页布局设计的标准尺寸

    许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?太宽就会出现水平滚动条了,下面我们就网页设计的标准尺寸进行讲解...

    网页设计中对于尺寸的设定

    网页设计中的尺寸设定是至关重要的,它涉及到网页的布局、美观和用户体验。设计时需要考虑两个主要因素:显示器屏幕和浏览器软件。显示器尺寸多样,主流是17寸,但也有15寸和向19寸及宽屏发展的趋势。而浏览器如IE、...

    像素和毫米转换

    例如,在创建网页设计时,设计师可能需要考虑不同设备的像素密度(如像素每英寸PPI),而在打印领域,必须确保图像尺寸与实际物体大小匹配,避免缩放导致的失真。 DPI对于打印来说非常重要,因为它决定了打印的清晰...

    关于布局的像素问题--不同的显示器和浏览器页面显示

    1. **全屏预览**:在Photoshop中预览800*600分辨率下的网页设计时,实际可用的尺寸为740*560像素。 - **原因**:这是由于操作系统和浏览器自身的界面元素(如地址栏、工具栏等)会占用一定的空间。 2. **颜色...

    Photoshop在网页设计中的作用.doc

    网页设计过程中使用的网页文档像素必须有合理的控制,其像素在满足设计要求的前提下,还应该符合屏幕分辨率的实际需求,分辨率太高或者太低都会影响下载操作; 2. 选择合适的颜色。网站背景颜色必须与文件颜色保持...

    网页设计与平面设计的不同..doc

    网页设计与平面设计是两种不同领域但又相互关联的设计类型,它们在创作目的、设计原则、用户互动和表现形式上存在显著差异。 首先,平面设计的范畴更为广泛,包括企业形象识别系统(VI)、标志设计(logo)、广告...

    网页设计常用设计工具包

    网页设计是创建和维护网站视觉效果的艺术,它涵盖了多种技术和...这个工具包旨在为网页设计师提供一站式解决方案,通过整合各种工具,设计师可以更专注于创新和提升设计质量,从而打造出更具吸引力和用户体验的网页。

    像素尺及取色器

    它对于网页设计师调整元素间距、确保布局精确对齐,或者在制作像素艺术时确定每个像素的位置都非常有用。Pixel Ruler.exe 可能就是这样的一个像素尺应用的可执行文件。 取色器则是一种能捕捉屏幕上的任何颜色并显示...

    网页设计规范.doc

    中文网页设计中,宋体由于其笔画平直、清晰,易于阅读,通常被选用为正文字体。字号的设定同样重要,针对中文正文字体,12号字号被认为是在多数浏览器中系统优化后的最佳阅读效果。而黑体因其强烈的视觉对比度和识别...

    72个实用的网页设计小图标

    在“72个实用的网页设计小图标”这个资源中,包含了一组精心设计的16x16像素大小的PNG图标,这些图标具有清新、简洁的风格,适合用于各种类型的网页设计项目。 首先,我们来详细了解一下PNG格式。PNG(Portable ...

    精品网页设计素材

    "精品网页设计素材"这个压缩包显然为网页设计师们提供了丰富的资源,帮助他们创造出更具吸引力的网页。 "漆彩生活(素材).swf"这个文件名暗示了它可能是一个包含动态元素的Flash素材,可能是动画、交互式按钮或者...

    Web开发中常用的04英文像素字体

    像素字体在早期的网页设计中尤其流行,因为那时显示器分辨率较低,而现在它们则更多地用于复古或游戏风格的设计。 2. **04B系列字体**:04B系列字体在压缩包中包含多款不同样式,如04B_30__.TTF和04B_21__.TTF等。...

Global site tag (gtag.js) - Google Analytics