设计页面尺寸图（网页设计最标准的尺寸是多少）

本文目录

• 网页设计最标准的尺寸是多少
• 网页设计常用尺寸大小
• 淘宝详情页设计尺寸
• ui界面设计尺寸
• 网页设计的首屏尺寸一般是多少

网页设计最标准的尺寸是多少

网页设计标准尺寸：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屏

网页设计常用尺寸大小

网页设计常用尺寸大小

　　网页的.宽度　

　　 现在比较流行的网页宽度是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。 ;

淘宝详情页设计尺寸

一、淘宝主图及详情页如下:

1.淘宝主图尺寸:700*700。主图尺寸:500K以内，建议不要压缩太小。如果很小，画面会失真。一般可以上传4~6张不同角度的图片到主图。

2.详情页的大小:宽度750，而高度要看产品本身的实际情况。最好的尺寸是单幅500K，连体画3M。

二、天猫主图和详情页大小如下:

1.天猫主图尺寸:800*800。

2.详情页面尺寸:宽度790，高度不限。每张纸不得超过1500像素。

相关内容说明:

1.宝贝缩略图:普通店铺首页的宝贝缩略图尺寸为160*160；对于热门店铺，最小尺寸可设置为160*160，最大尺寸可设置为220*220。热门店铺首页的宝贝图片更大更直接。

2.个性推广区:普通店铺首页展示的宝贝只能按时间顺序排序，不能由卖家设定。有一天，商场安装了三个特大柜台。柜台里陈列的宝贝可以按照各种方式、数量、大小分类设置。

3.宝贝推荐区:虽然普通店铺后台可以设置16个推荐宝贝，但是店铺首页仍然只有6个。店铺推荐的部分或全部热门宝贝，可根据所需数量在店铺首页展示。再加上个性化促销区，形成四个专柜，分别展示店内宝贝。

4.自动推荐区:普通店铺每个宝贝的详细描述底部，会有店主设置的6个推荐宝贝。在这六个推荐下，旺铺增加了六个店铺系统自动推荐的宝贝展示。

ui界面设计尺寸

（一）界面尺寸规范

1、界面尺寸大小是：750x1334px。

2、状态栏(statusbar)：就是电量条，其高度为：40px。

3、导航栏(navigation)：就是顶部条，其高度为：88px。

4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px。

5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px。

（二）图标尺寸规范

1、导航栏和工具栏尺寸大小44x44px。

2、标签栏尺寸大小75x75px。

3、导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。

4、内容区域的文字大小是：20px24px，26px，28px，30px，32px，34px。

5、设置界面的图标高度和开关滑动按钮的高度：58px

（三）可点击高度规范

统一成88px。88px是一个常用的设计尺寸。

（四）搜索栏高度规范

搜索栏的高度，统一成58px。

（五）界面元素之间的距离规范

界面元素之间的常用距离，亲密距离：20px；疏远距离：30px。

A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。

B、亲密距离：比如，左边图标与右边文字之间的距离。

5.5英寸屏幕，1242x2208px-@3x的像素分辨率，逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸，也是目前最流行的大屏设计稿尺寸。

网页设计的首屏尺寸一般是多少

网页设计首屏的尺寸一般有一下几中（这里指的是电脑的宽度）：1280px、1440px、1600px、1920px、2560px、3840px，你要做全屏的网页首页，按这几个尺寸来构化就可以了。