网页设计 百文网手机站

网页设计尺寸大小

时间:2022-08-15 14:39:13 网页设计 我要投稿

网页设计常用尺寸大小

  你是否知道网页设计常用尺寸大小,以下是小编整理收集的资料,这些尺寸并非绝对的,您还需要根据具体工作中的需求来确定大小的标准,就跟随小编一起去了解下吧!

  网页的宽度

  现在比较流行的.网页宽度是950px,网页两边留出少许白边,简洁又大方。 1024x768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

  网页设计中常用的广告尺寸

  BUTTON

  120x60

  215x50

  通栏

  760x100

  430x50

  超级通栏

  760x100或者760x200

  巨幅广告

  336x280

  585x120

  竖边广告

  130x300

  全屏广告

  800x600

  弹出窗口

  400x300

  BANNER

  468x60

  悬停按钮

  80x80

  流媒体

  300x200

  国际标准的网页BANNER大小规格

  横幅广告(Banner)

  文件大小:gif:14K/swf:16K

  广告尺寸:468x60像素

  广告位置:页面顶部

  按钮广告(Button)

  文件大小:gif:6K/swf:8K

  广告尺寸:170x60/120x60像素

  广告位置:第一屏 第二屏

  备注:触发式LOGO,弹出图片尺寸为160x160 文件大小gif:9K/swf:12K

  弹出窗口广告(Pop up)

  文件大小:gif:18K/swf:20K

  广告尺寸:360x300像素

  广告位置:第一屏

  通栏广告(Full collumn)

  文件大小:gif:20K/swf:25K

  广告尺寸:770x100像素

  广告位置:第一屏 第二屏

  流媒体(Flash layer)

  文件大小:swf:25K

  广告尺寸:200x150像素

  广告位置:第一屏

  形式:浏览打开页面,该广告放映8秒后消失

  画中画(PIP)

  文件大小:gif:20K/swf:25K

  广告尺寸:360x300像素

  广告位置:新闻最终页面

  浮动标识(Float box)

  文件大小:gif/swf/flash<8k

  广告尺寸:80x80像素

  广告位置:第一屏右侧

  全屏收缩广告 (Full screen)

  文件大小:gif:20K

  广告尺寸:750x550像素

  广告位置:第一屏

  形式:打开浏览页面前该广告以全屏形式出现3-5秒,随后消失 擎天柱(Sky-scraper)

  文件大小:gif:15K/swf:17K

  广告尺寸:130x200像素

  广告位置:第一屏 第二屏

  视频广告

  文件大小:gif/swf/flash<8k

  广告尺寸:300x250像素

  广告位置:第一屏两侧

  文字链接(Text link)

  规格:不超过10个汉字

  广告位置:第一屏 第二屏

  备注:文字链接长度以不折行为准

  网页设计LOGO的标准尺寸

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

  120×60 这种广告规格主要用于做LOGO使用。

  120×90 主要应用于产品演示或大型LOGO。

  88×31 主要用于网页底部友情链接中的LOGO,或网站小型LOGO。

  扩展:PC网页设计尺寸规范

  固定的内容:

  1.PS中设计分辨率为:72像素/英尺(图片质量的像素点)

  2.颜色模式RGB 8位(显示器的三原色红,绿,蓝为RGB)

  不固定的内容:

  一.网页背景

  a.纯色背景平铺(自适应浏览器)

  b.渐变色或底纹平铺背景(自适应浏览器)

  目前网页设计中都会做通栏大图,以方便吸引客户,增加网站整体美观

  c.通栏大图

  二.屏幕分辨率

  1.标准分辨率:1024pxx768px(目前10%-20%的用户在用)

  主体设计内容宽度:1000px(常用宽度:960px,1170px,980px,1100px,1200px)

  首屏高度大约在700px

  2.常用分辨率:1280pxx768px

  主体设计内容宽度:1200px(常用宽度:1190px,1170px,1100px,1200px)

  首屏高约:750px

  3.系统分辨率统计

  三.设计文档大小

  1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图,展示背景效果,左右宽度最少200px)

  2.设计到通栏大图片新建文档的宽度:1920px,所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

【网页设计尺寸大小】相关文章:

网页设计页面尺寸的标准大小09-08

网页设计尺寸规范08-10

网页设计的标准尺寸08-09

网页设计的尺寸规范09-05

网页设计的页面尺寸标准09-14

网页设计标准的尺寸11-17

PC网页设计尺寸规范03-01

移动端网页设计尺寸标准09-22

网页设计中页面尺寸标准03-01