导航:首页 > 万维百科 > 网页尺寸设计规范

网页尺寸设计规范

发布时间:2020-12-25 18:52:19

1、自适应网站一屏式的设计规范是什么?

自适应网站可以建成1920的宽度,一般都是用百分比来控制的,图片宽度尺寸1920像素可以,最终会随着屏幕的大小而自适应。
图片具体的尺寸根据你每个模块分割的尺寸来决定。
比如说首页的轮播图你想全屏显示图片宽度就设置1920PX,轮播图的图片以横构图为主。
一般都建议用横构图,竖构图的话高度不好控制,除非你划分了某个区域是竖构型的。

2、一般做网页设计背景尺寸定多大?

网页的背景多大要看对网页的要求的,
网页设计标准尺寸:
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

3、网页设计中banner设计尺寸是多少

不同的环境下设置的尺寸都不一样

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

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

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

4、1024*768 下网页的尺寸:width=955,height=600                                             

800*600 下网页的尺寸:width=760,height=420。

5、一般分辨率在800*600的情况下,页面的显示尺寸为:780*428px,

分辨率在640*480的情况下,页面的显示尺寸为:620*311px,

分辨率在1024*768的情况下,页面的显示尺寸为:1007*600px。


(3)网页尺寸设计规范扩展资料:

banner设计标准尺寸大全

Internet Advertising Bureau
(IAB,国际广告局)的"标准和管理委员会"联合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE,广告支持信息和娱乐联合会)联合推出了一系列网络广告宣传物的标准尺寸。

这些尺寸作为建议,提供给广告生产省和消费者,使大家都能接受。现在网站上的广告几乎都遵循IAC/CASIE标准。

1997年第一次标准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸带导航条banner

3、234×60 半尺寸banner

4、125×125 方形按钮

5、120×90 按钮#1或小图标

6、120×60 按钮#2或小图标

7、88×31 小按钮或banner

8、120×240 垂直banner

2001年第二次标准公布

Num Size(pix) Name

1、120×600 "摩天大楼"形

2、160×600 宽"摩天大楼"形

3、180×150 长方形

4、300×250 中级长方形

6、240×400 竖长方形

7、250×250 "正方形弹出式"广告

IAB 将不再支持1997年第一次公布标准中的392×72形。

从banner自身的设计大小看

1、全尺寸banner横幅设计为468*60px,半尺寸banner为234*60px,小banner为88*31px,另外120*90,120*60也是小图标的标准尺寸。

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

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

4、每个标准页面为A4幅面大小,即8.5*11英寸。


参考资料来源:网络-网页设计标准

4、网页设计,一般最少要设置多少高度

大概的高度为:

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下:

一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计:

对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络):



在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据:
Window XP首屏大小580 px
Window 7 首屏大小710 px

5、关于网页设计尺寸和字号大小

html页面中的文字大小在用户浏览器下默认渲染是“16px",也没有强行规定一定要用多大的,这个要看设计图来定。

CSS上可以用"em"来替代“px”,em是一个相对的大小,我们可以这样来设置1em,0.5em,1.5em等,而且“em”还可以指定到小数点后三位,比如“1.365em”。

为什么要用em,而不用px的关键点:

1. IE无法调整那些使用px作为单位的字体大小;

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。

(5)网页尺寸设计规范扩展资料:

网页构成

文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。

它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。 

为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页通常有以下元素:

文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。

6、网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。
全屏展示,是整个网站看起来大气一些,但是布局要合理安排,不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。

7、手机端网页设计尺寸多少

iPhone手机网页的设计尺寸

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓网页的设计尺寸

320dp:一个普通的手机屏幕(240X320,320×480,480X800)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)

ipad网页的设计尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI

8、手机网页UI设计尺寸是多少

这个不同手机尺寸不一样,比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 这些比较常用,还有一些其他分辨率
看你具体是针对什么手机做的了!

9、响应式网站尺寸设计规范是什么?不要说大篇的介绍废话,落实到具体数据上

看来你是生手。网站没有统一的尺寸。也没有统一的设计规范。都是根据客服要求去设计的。
他要大点就大点,要小点就小点。而网上很多网站的字体也不是统一的。
既然是响应式。更不可能有固定的尺寸。只用%百分比。
安全尺寸?也没有统一的安全尺寸。有的是是全屏,有的是居中。宽度也没有统一的。各种宽度都有。

10、网页设计的尺寸大小是多少,宽度应该是多少???

其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。

与网页尺寸设计规范相关的知识