分享到:QQ空间新浪微博腾讯微博人人网微信

为什么网页设计宽度布局流行使用1200px?

现在大部分显示器(大多为宽屏)支持至少1280×1024像素分辨率。早在2015年90%的电脑使用的分辨率高于1024×768像素。 1200能被2整除,3,4,5,6,8,10,12,15,16,20,24,30,40,48,60,80,120,150,200,240和400。这使得它是一个高度灵活的布局宽度数值。 1200px网格系统是基于弥敦史密斯的960网格系统拓展出来的。我们看看栅格系统使用参考方法:
栅格系统1200px网页布局建立方法-1
栅格系统1200px网页布局建立方法-2


 

适用于网页UI设计师和Web前端工程师

为了提高工作效率,UI设计者直接提供了UI网页设计师和Web开发师直接只用的PSD\AI文件和CSS文件,只需要了解命名引用即可。

download下载.PSD文件

download下载.AI文件

download下载.CSS文件(右键另存为)

 

UI设计者1200流体布局网格

UI设计者1200流体布局网格是一个为你的网站快速建立CSS文件的基础。
例如只需要你的网页Html文件里使用标签 <div class=container_15> 就可以直接在网页里生成1200px的宽度布局,并且加入 <div class=grid_6> (或其他数) 将页面布局设置为5列。当然我们还可以在下方自定义宽度、边距和列数


内容宽度:
 

网页全宽度:
 

uishejizhe-Logo