右侧内容尺寸为1126px即1366px设计稿_200px侧导航_40px内容左右两边20的间距搜索输入框尺寸160px*32px，表单输入框320px*32px按钮80px*32px或者64px*32px 图标小图标16px*16px 三组件间距页面元件间。

CSS3Ps是一款PS图层转换软件，可以将图层转换为能在浏览器中查看的CSS3代码，方便直接在设计软件中添加相关的设计程序其操作过程很简单，通过鼠标简单的操作就能完成转换任务转换的时候，可以选择单个或多个图层，并通过点击转换实现批量处理。

所针对网页设计，要求你熟悉和掌握Web端设计的规范，了解网站基本架构和栅格化布局，重点掌握企业站界面设计规范和输出规范，且能够根据企业真实需求设计页面掌握网页中的版式设计构图排版网页中的色彩文字图片搭配，掌握企业站首焦图的设计。

据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*10801366*7681440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小 适配方案面向多个客户，后台产品设计功能型页面的尺寸统一为 1440*900，按照栅格系统原则向上。

减掉左右两边7px的边框，网页的实际大小为上图中的红色部分，高宽为 960 x 650 有趣的960就这样出现了是的，可以认为一切就这么简单栅格系统最早出现在平面设计领域，设计师们爱用苹果，苹果下浏览器的默认宽度为960px， 于是960就。

双栏布局，三栏布局在网页设计中，分栏布局是常用的布局手法，一般有双栏布局，三栏布局这其中又以部分栏固定，部分栏自适应的方式最为常见双栏布局是最常见的布局之一，三栏布局最常见的就是左右定宽，中间自适应的。

做界面设计会先依附于一个尺寸，由于内容的多少是不确定的，所以高度我们没有办法定死，但内容区的宽度是可以定的，sketch给我们的默认屏幕宽度是960，网页设计中最受欢迎的一个尺寸简单来说就是整个界面纵向被分为几栏。

bootstrap 栅格化，具体去bootstrap官网全局css样式查查，导航栏也有。

网页栅格系统研究4技术实现 experience239html 参考资料html？si=1。