网页设计尺寸规范及标准详解，网页制作中常见的页面尺寸是多少
来源：整理 编辑：问船数据网 2024-10-03 11:13:02
1，网页制作中常见的页面尺寸是多少
由于现在宽屏显示器的流行，实际上，页面宽度早已经远远大于我们的“习惯”参数了。但，我们不可能给每个显示器定制专属的页面，所以，从技术上，可以这样处理：bodymargin:0 auto 0;padding:0;}#mainwidth:1000px;height:auto;margin:0 auto 0;padding:......}或者：将BODY的背景图片按横向平铺，内容都以百分比来限制宽度，不过对于DIV+CSS布局中的子容器可能不容易定位，但主要内容也有个最小宽度（比如1000像素，建议不要小于800像素）。这样不管什么样的显示器，页面内容都能正常显示了。对于一个设计人员来说，没有什么固定的东西。就是一种习惯，好的习惯。现在的显示器分辨率都在1024*768以上了。800*600基本全部被淘汰掉了。1024*768下。全屏下采用1003px宽就好了。面对现在的显示分辨率大部分是960px宽的，当然还有很多是采用800px宽的，一个网页的宽度。根据实际要做的页面而定。不要局限在一个标准内。现在的网页，主要以1024＊768分辨率浏览，当然，也考虑800＊600分辨率用户的浏览 网站建设尺寸规范 页面标准按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
2，网页设计的宽度一般为多少应该怎么把握
百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。排名第一的是360×640，这是竖屏，一般在医院、学校中才能见到，暂且不谈。排名第二的是1920×1080，占比13.07%。1366×768排第三，占比6.32%。这说明现在主流的电脑分辨率是1920×1080。排名第七的分辨率，1024×768，是最小的电脑尺寸了，仅占3.13%，很少有人使用。在做pc端的网页设计时，不用考虑这个尺寸，而应在做pad端和手机端的适配时，将其纳入考虑。而更高级的响应式网站应该是在严格的栅格规范下，适应于不同宽度，确保各宽度下的展示效果。但这样的成本也会相应增加，在开发网站时，需综合考虑实际需求和开发成本。time（《时代周刊》官网）是个很好的响应式网页案例。扩展资料网页设计中的注意事项：1、网页设计的尺寸标准：面向1024-768显示器分辨率开发的网页尺寸，宽910px；面向800-600显示器分辨率开发的网页尺寸，宽778px；2、网页设计中的画布设定：尤其注意分辨率为72 像素/英寸。3、设计中的网页字体问题中文字体：尤其注意“设置消除锯齿的方法”选项要选择“无”。宋体是最常用的网页字体，12px 是中文操作系统可以表现的最小的字体，内容。文字大小一-般用两种，12px 或14px(现在的新的vista据说能表现10px的中文字，但现在使用并不多)。英文字体：其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体，比起arial字体更美观和均衡。效果图：网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。
3，网页设计的尺寸和网页广告的规则有那些
简而言之就是平面设计对吧
---------------------------------------------------------------
正度纸张：787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸
大度纸张：850＊1168mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844 3开 387×844
4开 422×581 6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸
常见开本尺寸(单位：mm)
开本尺寸：787 x 1092
对开：736 x 520
4开：520 x 368
8开：368 x 260
16开：260 x 184
32开：184 x 130
开本尺寸(大度)：850 x 1168
对开：570 x 840
4开：420 x 570
8开：285 x 420
16开：210 x 285
32开：203 x 140
正度纸张：787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760
3开 362×781
4开 390×543
6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸
大度纸张：850＊1168mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844
3开 387×844
4开 422×581
6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸
16开 大度：210×285 正度：185×260
8开 大度：285×420 正度：260×370
4开 大度：420×570 正度：370×540
2开 大度：570×840 正度：540×740
全开 大：889×1194 小：787×1092
名片
横版:90*55mm<方角> 85*54mm<圆角>
竖版:50*90mm<方角> 54*85mm<圆角>
方版:90*90mm 90*95mm
IC卡 85x54MM
三折页广告
标准尺寸: (A4)210mm x 285mm
普通宣传册
标准尺寸: (A4)210mm x 285mm
文件封套
标准尺寸:220mm x 305mm
招贴画：
标准尺寸:540mm x 380mm
挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm
手提袋：
标准尺寸:400mm x 285mm x 80mm
信纸 便条：
标准尺寸:185mm x 260mm 210mm x 285mm
4，网页设计常用尺寸大小
网页的宽度? ? 现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。 1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 网页设计中常用的广告尺寸 ? BUTTON 120*60 215*50 ? 通栏 760*100 430*50? ? 超级通栏 760*100或者760*200 巨幅广告 336*280 585*120? ? 竖边广告 130*300 全屏广告 800*600 弹出窗口 400*300 BANNER 468*60 悬停按钮 80*80 流媒体 300*200 国际标准的网页BANNER大小规格 ? 横幅广告(Banner) 文件大小：gif:14K/swf:16K 广告尺寸：468*60像素 广告位置：页面顶部 ? 按钮广告(Button) 文件大小：gif:6K/swf:8K 广告尺寸：170*60/120*60像素 广告位置：第一屏 第二屏 备注：触发式LOGO，弹出图片尺寸为160*160 文件大小gif:9K/swf:12K 弹出窗口广告(Pop up) 文件大小：gif:18K/swf:20K 广告尺寸：360*300像素 广告位置：第一屏 ? 通栏广告(Full collumn) 文件大小：gif:20K/swf:25K 广告尺寸：770*100像素 广告位置：第一屏 第二屏 ? 流媒体(Flash layer) 文件大小：swf:25K 广告尺寸：200*150像素 广告位置：第一屏 形式：浏览打开页面，该广告放映8秒后消失 ? 画中画(PIP) 文件大小：gif:20K/swf:25K 广告尺寸：360*300像素 广告位置：新闻最终页面 ? 浮动标识(Float box) 文件大小：gif/swf/flash<8k 广告尺寸：80*80像素 广告位置：第一屏右侧 ? 全屏收缩广告 (Full screen) 文件大小：gif:20K 广告尺寸：750*550像素 广告位置：第一屏 形式：打开浏览页面前该广告以全屏形式出现3-5秒，随后消失 ? 擎天柱(Sky-scraper) 文件大小：gif:15K/swf:17K 广告尺寸：130*200像素 广告位置：第一屏 第二屏 ? 视频广告 文件大小：gif/swf/flash<8k 广告尺寸：300*250像素 广告位置：第一屏两侧 ? 文字链接(Text link) 规格：不超过10个汉字 广告位置：第一屏 第二屏 备注:文字链接长度以不折行为准 网页设计LOGO的标准尺寸 120×120 这种广告规格适用于产品或新闻照片展示。 120×60 这种广告规格主要用于做LOGO使用。 120×90 主要应用于产品演示或大型LOGO。 88×31 主要用于网页底部友情链接中的LOGO，或网站小型LOGO。
文章TAG：
网页设计尺寸规范及标准详解网页 网页设计 设计
