网页平面设计尺寸（网页设计图尺寸）

　　（一）网页平面设计（Web Layout Design）尺寸指的是网页中文字、图片以及各种其他元素所占用的尺寸。这种尺寸如此重要，因为元素之间的结构和位置关系，决定了网页外观和使用质量。 　　（二）常见的网页平面设计尺寸有：960px、1024px、1140px、1280px的宽度，以及常见的页面高度，一般来说，网站的页面设计说尺寸应充分考虑到不同分辨率的用户浏览屏幕的情况。 　　（三）为了让网页的页面可视化效果更加美观，更加舒适，通常需要考虑一些“间隙”，例如在元素与元素之间，文字与其他元素之间等。这些间隙越大，使用者阅读网页就越舒适，整体布局也会更加完美美观。 　　（四）在DX网站设计中，经常会使用到叫做“响应式设计”的布局技术，根据不同的显示器尺寸自动调整布局效果，从而使每种显示器尺寸下的网页外观保持一致，同时具备更加优秀的用户体验。 　　（五）此外，对于复杂结构的多页面网站，如今流行的微信小程序，就会采用弹性布局（Flexible Layout）技术。这项技术能够让网页的外观样式和内容风格能自适应容器的尺寸，从手机至PC的全尺寸，既有效地减少了开发和设计的工作量，又能保证最优的用户体验。 　　（六）尽管各种不同的网页平面设计尺寸有其自身的特点，但同时也需要考虑视觉上的美感，量身定制出最适用的尺寸，以便能让这些尺寸更具有良好的可读性和足够的空间让信息以最合理的方式呈现出来。 　　一、什么是网页平面设计尺寸？ 　　网页平面设计尺寸就是在实际网站设计中，根据页面展示所需要的功能进行网页元素设计尺寸的标准，一般来说，可以把网页设计尺寸界定为横向和纵向浏览器可视窗口的大小，已实现最佳的视觉效果。 　　二、网页平面设计尺寸的标准 　　1.横向尺寸：1024像素以上 　　由于现在的大多数的显示器分辨率逐渐变宽，建议横向尺寸设置为1024，即以1024像素为标准。这样子可以保证网页在1024像素以上、以及比1024可视范围要小的设备上面，都可以显示效果良好。 　　2.纵向尺寸：高度不限 　　现在的显示器都是“浮动”的，这就意味着用户在浏览的时候，网页的高度可以一直伸展到任意长度。因此，建议在设计网页的时候，不必设置一个统一的纵向尺寸，而是根据功能设计的需要，决定网页内容显示的高度。 　　三、网页平面设计尺寸的实施 　　在实施网页设计尺寸的时候，采用分层设计技术就可以达到很好的效果。主要包括以下几点： 　　1.设置容器宽度：首先，要确定网页的外部容器的宽度，也就是这个容器内的所有元素的宽度的边距示例，一般设置为1024-1200像素。 　　2.设置头部和尾部层次：其次，在顶部和底部设置不同层次，例如导航条和底部copyright，这些在左右有一定的对齐关系，建议设置不小于912像素的宽度。 　　3.设置内容层次：此外，有关内容部分，比如主体内容，侧栏等，也要根据实际页面情况进行层次设计，保证页面的较好显示。 　　4.设置细节尺寸：最后，还要在细节尺寸上进行设计，这里建议采用相对尺寸Unit，以便能够在不同分辨率下都达到良好的显示效果。 　　四、其他 　　除此之外，在网页设计尺寸中还要考虑兼容性问题，确保网页在各主流浏览器（如Chrome、Internet Explorer、Firefox、Safari、Oprea等）上的正常展示。在这里，设计师应该多多测试，以确保设计的网页能够在各种显示器分辨率下达到最佳显示效果。