① 网页设计合适的页面尺寸是多少
网页设计选用的分辨率是72像素,使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计,一般采用全屏展示和两侧留白的方式。
全屏展示,是整个网站看起来大气一些,但是布局要合理安排,不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸,能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域,内容限时区域在好控制在1000px-1200px。
② 网页页面尺寸一般设置多大才合适
网页设计标准尺寸:
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
③ 现在的网页宽度设计多少最合适呢
你好,现在网页开度大约是在1004的宽度,现在一些网站都是做的自动适配网页的形式来做的。根据屏幕大小来自动适配网页的宽度。
④ 网页页面尺寸一般设置多大才合适·
网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.
网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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
⑤ 网页宽度一般是多少
网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多,以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器,甚至是17寸的。
另一个是浏览器软件,就是我们常用的IE,Friefox,360浏览器等。
基本上网页宽带是屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页面要设置成不大于1002px(一般就是950或者960),等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。
目前各大网站基本在960/950为主,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px/960px而非1002px(腾讯网的是1002px)。
我知道在这个问题上面每个人的观点是不一样的,我认为这里主要要考虑两个因素:
视觉效果和用户体验。
从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。
而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还行,如有二十几行,谁能读下去?!
现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!
所以,我认为950-980的页面宽度是最合适的。
⑥ 网站设计时网页最佳宽度值应该设计多少适合
高品质网站特别是品牌营销型网站对网页宽度的把握非常重要。网页要设计的容易阅读,目前主流的浏览器是1024*768像素,所以网页的宽度应该设置在900-1005之内为佳。
如果网页太窄了,页面显得局促,在视觉上显得比较小气,不能体现出企业的自身形象和实力,对企业来说损失就比较大了,这种企业网站建设是失败的设计,太宽了,底下会出现滚动条,不利于用户阅读,用户看着不顺眼不舒服就会关闭页面并跟出网站。
有的网站采用自适应的模式,即网页宽度是用百分比定义,而不是用像素规定,有的网站采用更高分辨率的屏幕时,专业网站设计显示的页面会自动变宽,如自动适应为100%的宽度。
网站设计需要符合用户的浏览体验,优质的网站设计能够第一时间展示公司的品牌形象和实力,并最终为业务实现交易打下基础和支持。
⑦ 网页设计宽度多少是最好啊
网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多,以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器,甚至是17寸的。
另一个是浏览器软件,就是我们常用的IE,Friefox,360浏览器等。
基本上网页宽带是屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页
面要设置成不大于1002px(一般就是950或者960),等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。
目前各大网站基本在960/950为主,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px/960px而非1002px(腾讯网的是1002px)。
这个问题上面每个人的观点是不一样的,我认为这里主要要考虑两个因素:
视觉效果和用户体验。
从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。
而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4
开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还
行,如有二十几行,谁能读下去?!
现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!
所以,我认为950-980的页面宽度是最合适的。
网页设计原则:http://www.wzyunying.com/post/74.html
⑧ 网页设计合适的页面尺寸是多少
其实也没有硬性规定,但是为了兼容大多数浏览器一般是设置960px,随着现在浏览器分辨率的变化,已开始向着1000px,1200px宽度发展,例如淘宝(1000px)京东商城(1200px)。
如果需要兼容不同浏览器尺寸,现在比较流行的做法是做成响应式的,即根据不同分辨率显示不同的尺寸,工作量也就随之增加了。貌似国内的大网站也没有使用。
⑨ 网页设计的宽度一般为多少应该怎么把握
网络统计流量研究院对于2017年上半年的分辨率使用情况统计得出。
排名第一的是360×640,这是竖屏,一般在医院、学校中才能见到,暂且不谈。
排名第二的是1920×1080,占比13.07%。
1366×768排第三,占比6.32%。这说明现在主流的电脑分辨率是1920×1080。
排名第七的分辨率,1024×768,是最小的电脑尺寸了,仅占3.13%,很少有人使用。在做pc端的网页设计时,不用考虑这个尺寸,而应在做pad端和手机端的适配时,将其纳入考虑。
而更高级的响应式网站应该是在严格的栅格规范下,适应于不同宽度,确保各宽度下的展示效果。但这样的成本也会相应增加,在开发网站时,需综合考虑实际需求和开发成本。time(《时代周刊》官网)是个很好的响应式网页案例。
(9)网站宽度多少合适扩展阅读
网页设计中的注意事项:
1、网页设计的尺寸标准:
面向1024-768显示器分辨率开发的网页尺寸,宽910px;
面向800-600显示器分辨率开发的网页尺寸,宽778px;
2、网页设计中的画布设定:
尤其注意分辨率为72 像素/英寸。
3、设计中的网页字体问题
中文字体:尤其注意“设置消除锯齿的方法”选项要选择“无”。
宋体是最常用的网页字体,12px 是中文操作系统可以表现的最小的字体,内容。
文字大小一-般用两种,12px 或14px(现在的新的vista据说能表现10px的中文字,但现在使用并不多)。
英文字体:其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体,比起arial字体更美观和均衡。
效果图:
网页效果图中的网页字体,虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素,一定要认真使用,因为你不单要设计文字与整体网页的关系,还要设计字体的样式表颜色。