爱刨根知识网

  1. 首页 > 经验知识 > >

网页设计尺寸规范，网页设计尺寸大小规范

生活经验知识分享

一般网页的尺寸规范是多少?
【网页设计尺寸规范，网页设计尺寸大小规范】网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960
随着电脑的发展，显示器是越来越大，分辨率也是越来越高，为了照顾所有不同显示器的用户，把网站的制作尺寸规范就定在1024*768下，网页宽度保持在1002-1004以内，高度还是以根据需要制作的内容在定，如果只想网页只在一屏内显示，不要上下滚动条，一般高度是600-635像素之间, 就不会出现垂直滚动条 。
在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右。
1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003 。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框 。
2、在Firefox下，宽度的分率辨减19 。比如1024的宽度-19就变成1005
3、在Opear下，宽度的分率辨减23 。比如1024的宽度-23就变成1001
网站页面大小其实并没有一个统一的标准，不过网站建设好之后要记得测试各浏览器的兼容性，很可能在IE没问题的情况下，其他浏览器出现错位的情况 。
一般做网页设计背景尺寸定多大?
网页的背景多大要看对网页的要求的 。
网页设计标准尺寸：
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定 。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间，就不会出现水平滚动条和垂直滚动条 。
为了做到主题鲜明突出，要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点 。
专业的网页设计，需要经历以下几个阶段：
需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型 。
以业务目标为中心进行功能策划，制作出栏目结构关系图 。
以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例 。
以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化 。
根据用户反馈，进行页面设计调整，以达到最优效果 。
以上内容参考：百度百科-网页设计
网页设计的宽度一般为多少?应该怎么把握?
百度统计流量研究院对于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字体更美观和均衡 。
效果图：
网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪 。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色 。
网页设计最标准的尺寸是多少
网页设计标准尺寸:
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屏 本被网友采纳
最新网页设计尺寸规范是什么?
网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定 。
如果是大屏幕设备，则向页面head部分中添加BASE标记，并将后续的图片、脚本和样式表加载请求定向到一个虚拟路径"/rwd-router" 。
当这些请求到达服务器端，htacces文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出 。对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到 。
通过液态网格和液态图片技术，并且在正确的地方使用了正确的HTML标记 。
响应式图片技术思想：不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率 。这个技术的实现需要使用几个相关文件，我们可以在Github上获取 。
包括一个JavaScript文件(rwd-images.js)，一个.htaccess文件，以及一些范例资源文件 。大致的原理是，rwd-images.js会检测当前设备的屏幕分辨率 。

    推荐阅读


    上一篇：k48次列车时刻表查询 k48次列车时刻表

    下一篇：2021年中国全年GDP是多少最新数据出炉