网页设计尺寸大全 网页设计一般尺寸

合集下载

视觉传达设计常用尺寸

视觉传达设计常用尺寸

视觉传达设计常用尺寸1.平面设计常用尺寸:-A4:210毫米×297毫米,常用于信纸、海报等打印品的设计。

-A5:148毫米×210毫米,常用于宣传折页、小册子等设计。

-A6:105毫米×148毫米,常用于明信片、宣传单页等设计。

-16:9:常用于电脑屏幕、投影仪等显示设备的尺寸。

-1:1:正方形尺寸,常用于社交媒体平台的头像、封面等设计。

2.网页设计常用尺寸:-1920像素×1080像素(16:9):常用于电脑网页设计,适配大屏幕显示。

-1366像素×768像素:常用于中小尺寸显示屏、笔记本电脑等网页设计。

-375像素×667像素:常用于手机网页设计,适配移动设备。

- 1242像素× 2688像素:常用于iPhone等大屏幕手机网页设计。

3.广告设计常用尺寸:-横幅广告:常用尺寸包括728像素×90像素、970像素×90像素等。

-方形广告:常用尺寸包括300像素×250像素、336像素×280像素等。

-大型矩形广告:常用尺寸包括300像素×600像素、160像素×600像素等。

-弹出广告:常用尺寸包括500像素×500像素、800像素×600像素等。

4.印刷品设计常用尺寸:-名片:常用尺寸为85毫米×54毫米,常见国际标准尺寸。

-宣传单页:常用尺寸为210毫米×297毫米(A4),常折叠成三折或四折。

-海报:常用尺寸为594毫米×841毫米(A1),也有更小尺寸如A2、A3等。

除了以上常用的尺寸外,视觉传达设计还可以根据实际需求和特定平台自由选择尺寸,例如社交媒体平台的头像、封面等设计,不同平台有不同的规格要求。

需要注意的是,设计尺寸不仅仅是宽度和高度的数值,还包括分辨率和像素密度等因素。

在进行视觉传达设计时,要根据设计需求和输出媒介的要求进行合理选择,以确保设计效果的最佳呈现。

网页标准尺寸

网页标准尺寸

网页标准尺寸
首先,我们需要了解网页标准尺寸的概念。

网页标准尺寸是指网页的宽度和高度的标准数值。

在网页设计中,常用的标准尺寸包括1024x768、1280x800、1366x768等。

这些尺寸是根据不同设备的屏幕分辨率和显示效果而确定的。

其次,网页标准尺寸对于网页的响应性和适配性至关重要。

随着移动设备的普及,网页在不同设备上的显示效果就成为了一个重要的问题。

如果网页的尺寸不符合标准,就会导致在某些设备上显示不全或者显示效果不佳的问题。

因此,网页设计师需要根据不同设备的屏幕尺寸和分辨率来确定合适的网页标准尺寸,以确保网页在不同设备上都能够有良好的显示效果。

另外,网页标准尺寸也影响着网页的布局和排版。

在设计网页布局时,网页设计师需要考虑不同屏幕尺寸下的元素排列和大小,以确保网页在不同设备上都能够呈现出良好的布局效果。

因此,合理的网页标准尺寸可以帮助网页设计师更好地进行网页布局和排版工作。

此外,网页标准尺寸还关系到网页的加载速度和性能。

过大或
过小的网页尺寸都会影响网页的加载速度和性能,从而影响用户的
体验。

因此,合理的网页标准尺寸可以帮助网页设计师优化网页的
性能,提升用户体验。

总的来说,网页标准尺寸在网页设计中起着非常重要的作用。

它不仅关系到网页的外观和用户体验,还关系到网页的响应性和适
配性,以及网页的布局和排版,甚至影响着网页的加载速度和性能。

因此,网页设计师需要充分了解和掌握网页标准尺寸的相关知识,
以确保自己设计的网页能够在不同设备上都能够有良好的显示效果
和用户体验。

网页设计规范尺寸

网页设计规范尺寸

网页设计规范尺寸网页设计规范尺寸是指在进行网页设计时应遵循的一些标准尺寸。

这些规范尺寸可以帮助设计师在设计过程中更好地控制页面布局和元素的排列,提高用户体验和可视效果。

以下是一些常见的网页设计规范尺寸:1. 页面宽度:大多数网页设计采用固定页面宽度,一般为960像素或1000像素。

这个宽度可以适应大多数用户的屏幕分辨率,确保网页内容在任何设备上都能良好地呈现。

2. 头部和导航栏高度:头部和导航栏是网页重要的组成部分,它们通常设置为固定高度,一般为80像素。

这个高度可以容纳Logo、导航链接和搜索框等元素,让用户方便地浏览和导航网页。

3. 内容区域宽度:内容区域是展示网页主要内容的地方,通常占据页面的大部分宽度。

内容区域的宽度一般为实际页面宽度减去头部和侧边栏的宽度。

在1000像素宽度的设计中,内容区域宽度可以设置为900像素左右。

4. 侧边栏宽度:侧边栏通常用于放置一些与主要内容相关的附加信息或小工具,比如相关链接、标签云、社交媒体图标等。

侧边栏的宽度一般为页面宽度减去内容区域宽度后的剩余宽度,通常在100像素左右。

5. 图片尺寸:在网页设计中,图片是非常重要的元素之一。

为了保持网页的加载速度和可视效果,设计师需要对图片进行适当的压缩和尺寸调整。

常见的图片尺寸包括:头部背景图(通常为全屏宽度)、产品图片(一般为正方形或3:2比例)、轮播图(一般为全屏宽度)等。

6. 字体大小:在网页设计中,文字的可读性非常重要。

适当选择合适的字体大小可以保证用户能够方便地阅读网页内容。

通常,正文字体大小可以设置为14像素,标题字体大小可以设置为16-20像素。

7. 按钮尺寸:按钮是常用的交互元素,在网页设计中具有重要的功能。

按钮的尺寸应该根据其重要性和所需的点击区域来确定。

一般而言,按钮的高度可以设置为30像素,宽度可以根据文本长度和设计布局来调整。

总结起来,网页设计规范尺寸涵盖了页面宽度、头部和导航栏高度、内容区域宽度、侧边栏宽度、图片尺寸、字体大小和按钮尺寸等。

网站页面设计尺寸参考

网站页面设计尺寸参考

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

2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、1024*768 下网页的尺寸:width=955,height=600800*600 下网页的尺寸:width=760,height=420一般分辨率在800*600的情况下,页面的显示尺寸为:780*428px;分辨率在640*480的情况下,页面的显示尺寸为:620*311px;分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px页面长度原则上不超过3屏,宽度不超过1屏每个标准页面为A4幅面大小,即8.5*11英寸全尺寸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) 7K215*50(必须用gif) 7K通栏760*100 25K 静态图片或减少运动效果430*50 15K超级通栏760*100 to 760*200 共40K 静态图片或减少运动效果巨幅广告336*280 35K585*120竖边广告130*300 25K全屏广告800*600 40K 必须为静态图片,FLASH格式图文混排各频道不同15K弹出窗口400*300(尽量用gif) 40KBANNER 468*60(尽量用gif) 18K悬停按钮80*80(必须用gif) 7K流媒体300*200(可做不规则形状但尺寸不能超过300*200)30K 播放时间小于5秒60帧(1秒/12帧)网页中的广告尺寸:1.首页右上,尺寸120*602.首页顶部通栏,尺寸468*603.首页顶部通栏,尺寸760*604.首页中部通栏,尺寸580*605.内页顶部通栏,尺寸468*606.内页顶部通栏,尺寸760*607.内页左上,尺寸150*60或300*3008.下载地址页面,尺寸560*60或468*609.内页底部通栏,尺寸760*6010.左漂浮,尺寸80*80或100*10011.右漂浮,尺寸80*80或100*100以上几种说法可能有点小的出入,大家可以探讨一下。

pc端设计网页尺寸

pc端设计网页尺寸

pc端设计网页尺寸随着互联网的不断发展,PC端设计的重要性也逐渐凸显出来。

在进行PC端网页设计时,合理的尺寸选择至关重要。

本文将探讨PC端设计网页尺寸的相关问题。

一、概述PC端设计网页尺寸是指在设计网页时所采用的页面尺寸大小。

合理的尺寸选择能够提供更好的用户体验,使网页内容更加清晰明了。

二、常见尺寸选择1. 1024px宽度:这是最常见的PC端网页尺寸,适用于大部分桌面设备。

这个尺寸能够很好地容纳主流笔记本电脑和台式机的显示器分辨率。

2. 1280px宽度:随着显示器分辨率的提升,1280px宽度的尺寸也逐渐成为主流选择。

这个尺寸能够适应更大屏幕的设备,提供更多的内容展示空间。

3. 响应式设计:随着移动设备的普及,响应式设计成为了不可忽视的选择。

通过使用CSS媒体查询等技术,可以根据设备的屏幕尺寸自动调整页面布局和元素大小,提供更好的用户体验。

三、尺寸选择的考虑因素在选择PC端设计网页尺寸时,需要考虑以下因素:1. 设备分辨率:了解目标用户使用的设备分辨率,以保证网页在不同设备上都具有良好的显示效果。

2. 用户体验:尺寸的选择应该符合用户的阅读习惯和习惯的页面浏览方式,提供更好的视觉效果和操作体验。

3. 页面排版:合理的尺寸选择可以帮助确定页面内容的分布和排版方式,使页面整洁美观。

4. 响应式设计要求:如果需要实现响应式设计,尺寸的选择应该基于不同设备的平均尺寸和布局要求。

四、案例分析以一个典型的旅游网站为例,考虑到大部分用户使用的是1024px宽度的设备,可以选择合适的尺寸进行设计。

根据页面内容的复杂程度和需求,可以进一步考虑在大屏幕设备上采用1280px宽度实现更好的展示效果。

五、总结PC端设计网页尺寸的选择对于提供优秀的用户体验至关重要。

在确定尺寸时,需要考虑设备分辨率、用户体验、页面排版和响应式设计要求等因素。

合理的尺寸选择能够提供清晰明了、美观大方的网页设计。

最重要的是,设计师应该密切关注技术和市场的发展趋势,不断适应用户需求的变化,为用户提供更好的服务。

网页设计的标准尺寸

网页设计的标准尺寸

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

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

(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)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标准网页广告尺寸规格1、120*120,这种广告规格适用于产品或新闻照片展示。

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

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

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

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

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

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

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

网页中的广告尺寸1、首页右上,尺寸120*602、首页顶部通栏,尺寸468*603、首页顶部通栏,尺寸760*604、首页中部通栏,尺寸580*605、内页顶部通栏,尺寸468*606、内页顶部通栏,尺寸760*607、内页左上,尺寸150*60或300*3008、下载地址页面,尺寸560*60或468*609、内页底部通栏,尺寸760*6010、左漂浮,尺寸80*80或100*10011、右漂浮,尺寸80*80或100*100IAB和EIAA发布新的网络广告尺寸标准在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。

网页标准尺寸

网页标准尺寸
430*50 15K
超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果
巨幅广告 336*280 35K
六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。
七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
八、88*31,主要用于网页链接,或网站小型LOGO。
广告形式 像素大小 最大尺寸 备注
悬停按钮 80*80(必须用gif) 7K
流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)
网页中的广告尺寸
1.首页右上,尺寸120*60
图文混排 各频道不同 15K
弹出窗口 400*300(尽量用gif) 40K
BANNER 468*60(尽量用gif) 18K
网页设计标准尺寸:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
美国交互广告署(iab)和欧洲交互广告协会(eiaa)近期发布了有六个网络广告格式的工具盒,希望网络媒体作为标准采用,从而让媒体策划者的工作更容易开展,推进网络广告销售。
在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。

网页设计尺寸大全网页设计一般尺寸

网页设计尺寸大全网页设计一般尺寸

网页设计尺寸大全网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等.高度:高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

宽度:1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。

但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下,宽度的分率辨减19。

比如1024的宽度-19就变成10053、在Opear下,宽度的分率辨减23。

比如1024的宽度-23就变成1001注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率,你的网页不如设成1000安全一点。

设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.如果是800的分辨率一般都设成770。

但也有设成760的.这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右.网页设计标准尺寸: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,这种广告规格适用于产品或新闻照片展示。

网页设计尺寸规范

网页设计尺寸规范

网页设计尺寸规范网页设计尺寸规范是指在进行网页设计过程中,确定合适的页面尺寸以便在不同设备上展示良好的效果。

由于不同设备的屏幕尺寸和分辨率不同,因此设计师需要了解一些常见的网页尺寸规范,以确保网页在不同设备上都能良好地显示。

首先,需要了解的是,目前最常见的屏幕比例是16:9,这也是大多数显示器和笔记本电脑的屏幕比例。

根据这个比例,可以确定一些常见的网页尺寸规范,如下:1. 1920 x 1080像素:这是目前最常用的显示器分辨率之一,也是最大的高清分辨率。

设计师可以选择这个尺寸作为网页设计的起点,然后根据需要进行调整。

2. 1366 x 768像素:这是一种常见的笔记本电脑分辨率,也是目前很多移动设备的屏幕分辨率。

设计师可以根据这个尺寸进行网页设计,以确保在不同设备上都能有良好的显示效果。

除了上述常见的尺寸规范,还有一些其他的网页尺寸规范也需要了解:1. 响应式设计:响应式设计是一种适应不同设备和屏幕尺寸的网页设计方法。

设计师可以根据不同屏幕尺寸调整网页的布局和元素大小,以确保在不同设备上都能良好地显示。

2. 移动设备优先:由于越来越多的人使用移动设备浏览网页,设计师可以将移动设备的尺寸作为设计的首要考虑因素。

一般来说,移动设备上的网页尺寸应该小于桌面设备上的尺寸,以保证用户能够方便地浏览网页。

3. 流体设计:流体设计是一种根据浏览器窗口大小自动调整网页布局的设计方法。

设计师可以设置网页元素的宽度为百分比,使其根据浏览器窗口大小自动调整布局,以适应不同设备的屏幕。

最后,为了确保网页在不同设备上都能良好显示,设计师应该进行多个设备的测试,并根据测试结果进行调整。

同时,还应该注意网页加载速度,尽量减少页面尺寸过大对加载速度的影响。

总的来说,网页设计尺寸规范是根据不同设备和屏幕尺寸,确定合适的页面尺寸以便在不同设备上展示良好的效果。

设计师应该根据常见的屏幕比例和预测用户使用的设备,选择合适的尺寸规范,并运用响应式设计、移动设备优先和流体设计等方法,以确保网页在不同设备上都能有良好的显示效果。

网页设计的尺寸规范

网页设计的尺寸规范

网页设计的尺寸规范许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?面是小编为大家整理的网页设计的尺寸规范,欢迎参考~网页设计的尺寸规范1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

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

(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK 以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏每个标准页面为A4幅面大小,即英寸全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px另外120*90,120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K1、120*120,这种广告规格适用于产品或新闻照片展示。

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

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

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

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

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

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

屏幕分辨率与网页设计尺寸

屏幕分辨率与网页设计尺寸

屏幕分讲率与网页设念尺寸2011-09-27 12:191、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) 7K215*50(必需用gif) 7K通栏760*100 25K 静态图片或减少运动效果430*50 15K超级通栏760*100 to 760*200 共40K 静态图片或减少运动效果巨幅广告336*280 35K585*120竖边广告130*300 25K全屏广告800*600 40K 必需为静态图片,FLASH花样图文混排各频道不同15K弹出窗口400*300(尽量用gif) 40KBANNER 468*60(尽量用gif) 18K悬停按钮80*80(必须用gif) 7K流媒体300*200(可做不规则外形但尺寸不能超过300*200)30K 播放时间小于5秒60帧(1秒/12帧)网页中的广告尺寸1.首页右上,尺寸120*602.首页顶部通栏,尺寸468*603.首页顶部通栏,尺寸760*604.首页中部通栏,尺寸580*605.内页顶部通栏,尺寸468*606.内页顶部通栏,尺寸760*607.内页左上,尺寸150*60或300*3008.下载地址页面,尺寸560*60或468*609.内页底部通栏,尺寸760*6010.左漂浮,尺寸80*80或100*10011.右漂浮,尺寸80*80或100*100以上几种说法可能有点小的收支,大家可以探讨一下。

网页设计的尺寸规范

网页设计的尺寸规范

网页设计的尺寸规范许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?面是小编为大家整理的网页设计的尺寸规范,欢迎参考~网页设计的尺寸规范1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。

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

(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK 以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏每个标准页面为A4幅面大小,即英寸全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px另外120*90,120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K1、120*120,这种广告规格适用于产品或新闻照片展示。

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

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

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

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

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

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

网页设计尺寸

网页设计尺寸

网页(UI)设计尺寸网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,台式机以19寸(分辨率1440*900)为主流, 还有部分老用户是17寸(分辨率1024*768).笔记本分辨率种类比较多12.1寸 1280*80013.3寸 1024*600或1280*80014.1寸 1366*76815.4寸 1280*800或1440*90015.6寸 1600*90017.3寸 1600*900或1920X1200就是我们常用的IE,遨游,Friefox,chorme,360等宽度:减去数值为滚动条宽度1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。

但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下,宽度的分率辨减19。

比如1024的宽度-19就变成10053、在Opear下,宽度的分率辨减23。

比如1024的宽度-23就变成1001注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

如果是800的分辨率一般都设成770。

但也有设成760的.800*600分辨率的显示器基本已经绝迹了所以可以忽略因为有些浏览器加了插件或者门户站两边会有浮动广告出现,所以一般设计内容比可显示宽度要小一点.现在主流的宽度为900 950 960 980.随着显示器和分辨率的加大宽度在不断提高,但考虑到视角宽度一般都控制在1000以内,百分比宽度显示的页面除外.目前用的最多的宽度是960 和980.高度:高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

注意:在设计效果图是,ps里画布要比内容大一些,因为有些页面需要背景图,所以如果是一张大的背景图最好是设置成宽度为1400的,这样在大屏显示器下也不会出现空白.。

PC网页设计尺寸规范

PC网页设计尺寸规范

PC网页设计尺寸规范固定的内容:1.PS中设计分辨率为:72像素/英尺(图片质量的像素点)2.颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)不固定的内容:一、网页背景a.纯色背景平铺(自适应浏览器)b.渐变色或底纹平铺背景(自适应浏览器)目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观c.通栏大图二、屏幕分辨率1.标准分辨率:1024px*768px(目前10%-20%的用户在用)主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px)首屏高度大约在700px2.常用分辨率:1280px*768px主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px)首屏高约:750px3.系统分辨率统计三、设计文档大小1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px)2.设计到通栏大图片新建文档的.宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)网页设计的设计阶段网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。

由于企业需要通过网站呈现产品、服务、理念、文化,或向大众提供某种功能服务。

因此网页设计必须首先明确设计站点的目的和用户的需求,从而做出切实可行的设计方案。

专业的网页设计,需要经历以下几个阶段:需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。

以业务目标为中心进行功能策划,制作出栏目结构关系图。

以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。

以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。

网页布局设计的标准尺寸

网页布局设计的标准尺寸

⽹页布局设计的标准尺⼨许多的⽹页设计在进⾏⽹页布局设计时,进⾏界⾯⽹页的宽度尺⼨设计都⽐较迷茫,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) 7K215*50(必须⽤gif) 7K通栏 760*100 25K 静态图⽚或减少效果430*50 15K超级通栏 760*100 to 760*200 共40K 静态图⽚或减少运动效果巨幅⼴告 336*280 35K585*120竖边⼴告 130*300 25K全屏⼴告 800*600 40K 必须为静态图⽚,FLASH格式图⽂混排各频道不同 15K弹出窗⼝ 400*300(尽量⽤gif) 40KBANNER 468*60(尽量⽤gif) 18K悬停按钮 80*80(必须⽤gif) 7K流媒体 300*200(可做不规则形状但尺⼨不能超过300*200) 30K 播放⼩于5秒60帧(1秒/12帧)⽹页中的⼴告尺⼨1.⾸页右上,尺⼨120*602.⾸页顶部通栏,尺⼨468*603.⾸页顶部通栏,尺⼨760*604.⾸页中部通栏,尺⼨580*605.内页顶部通栏,尺⼨468*606.内页顶部通栏,尺⼨760*607.内页左上,尺⼨150*60或300*300 8.下载地址页⾯,尺⼨560*60或468*609.内页底部通栏,尺⼨760*60 10.左漂浮,尺⼨80*80或100*10011.右漂浮,尺⼨80*80或100*100以上⼏种说法可能有点⼩的出⼊,⼤家可以探讨⼀下。

网站页面设计尺寸参考

网站页面设计尺寸参考

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

2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。

3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、1024*768 下网页的尺寸:width=955,height=600800*600 下网页的尺寸:width=760,height=420一般分辨率在800*600的情况下,页面的显示尺寸为:780*428px;分辨率在640*480的情况下,页面的显示尺寸为:620*311px;分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px页面长度原则上不超过3屏,宽度不超过1屏每个标准页面为A4幅面大小,即8.5*11英寸全尺寸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) 7K215*50(必须用gif) 7K通栏 760*100 25K 静态图片或减少运动效果430*50 15K超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果巨幅广告 336*280 35K585*120竖边广告 130*300 25K全屏广告 800*600 40K 必须为静态图片,FLASH格式图文混排各频道不同 15K弹出窗口 400*300(尽量用gif) 40KBANNER 468*60(尽量用gif) 18K悬停按钮 80*80(必须用gif) 7K流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间小于5秒60帧(1秒/12帧)网页中的广告尺寸:1.首页右上,尺寸120*602.首页顶部通栏,尺寸468*603.首页顶部通栏,尺寸760*604.首页中部通栏,尺寸580*605.内页顶部通栏,尺寸468*606.内页顶部通栏,尺寸760*607.内页左上,尺寸150*60或300*3008.下载地址页面,尺寸560*60或468*609.内页底部通栏,尺寸760*6010.左漂浮,尺寸80*80或100*10011.右漂浮,尺寸80*80或100*100以上几种说法可能有点小的出入,大家可以探讨一下。

网页设计的标准尺寸

网页设计的标准尺寸

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

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

(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象.页面标准按800*600分辨率制作,实际尺寸为778*434px页面长度原则上不超过3屏,宽度不超过1屏除了门户类网站外,首页的纵向滚动最多不超过3屏,对于内容特别多的情况下尽量安排在第二级页面。

每个标准页面为A4幅面大小,即8.5X11英寸全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px另外120*90,120*60也是小图标的标准尺寸每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K标准网页广告尺寸规格1、120*120,这种广告规格适用于产品或新闻照片展示。

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

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

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

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

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

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

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

广告形式像素大小最大尺寸备注BUTTON 120*60(必须用gif)215*50(必须用gif)7K7K通栏760*100430*50 25K15K 静态图片或减少运动效果超级通栏760*100 to 760*200 共40K 静态图片或减少运动效果巨幅广告336*280585*120 35K竖边广告130*300 25K全屏广告800*600 40K 必须为静态图片,FLASH格式图文混排各频道不同15K弹出窗口400*300(尽量用gif) 40KBANNER 468*60(尽量用gif) 18K悬停按钮80*80(必须用gif) 7K流媒体300*200(可做不规则形状但尺寸不能超过300*200)30K 播放时间小于5秒60帧(1秒/12帧)网页中的广告尺寸1、首页右上,尺寸120*602、首页顶部通栏,尺寸468*603、首页顶部通栏,尺寸760*604、首页中部通栏,尺寸580*605、内页顶部通栏,尺寸468*606、内页顶部通栏,尺寸760*607、内页左上,尺寸150*60或300*3008、下载地址页面,尺寸560*60或468*609、内页底部通栏,尺寸760*6010、左漂浮,尺寸80*80或100*10011、右漂浮,尺寸80*80或100*100IAB和EIAA发布新的网络广告尺寸标准在这6种格式中,除了去年iab发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。

网页设计像素的大小

网页设计像素的大小

网页设计像素的大小许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,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。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页设计尺寸大全
网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.
网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等.
高度:
高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。

宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。

但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下,宽度的分率辨减19。

比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。

比如1024的宽度-23就变成1001
注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率,你的网页不如设成1000安全一点。

设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计.
如果是800的分辨率一般都设成770。

但也有设成760的.
这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以800的分辨率一般设定760左右,1024的设定990左右.
网页设计标准尺寸:
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.。

相关文档
最新文档