[TOC] # 设计稿尺寸大小 **网页设计图片的分辨率为72** ### PC端 不论设计什么，我们都必须有一个作为画布，然后才能再画布上进行设计，那么我们这个画布该做成多大呢？这就是我们去设计的时候遇到的第一个问题。 一般我们去设计的时候都是依据电脑分辨率大小去设计的，也根据电脑显示屏的大小，**现在用的比较多的是`1920px`的宽度**，以前的版本也有用到`1440px`，比较小的还有`1280px`的，但现在屏幕越来越大，一般设计的设计的版面也会设置得大一点的尺寸。 那么，如果我们设计的时候使用的是`1920px`宽度大小的屏幕，那么我们内容该做成多大，是跟整体宽度一样大吗？一般不会有人这么做。 因为有些时候我们做出来`1920px`这么大的宽度，但有些人去浏览的时候他们的电脑宽度才只有`1440px`，那么旁边的那一部分就会显示不出来，所以我们就需要一个内容区域的大小，来保证不论在多大的显示屏都是可以完整的显示全部的内容，这个**内容区域的大小一般设置的是`1200px`**  **首页banner的尺寸：1920 px•600 px（内容显示范围1200px）、专题banner的高度尺寸自定、商务通弹窗的尺寸：562px•323px（包外框）** ### 手机端 手机版网页设计和PC端网页设计大同小异，只要注意手机端的整体排布尽量采用竖排，横排太多会压缩文字和图片空间，影响呈现效果，**手机页面的尺寸一般宽度设置为640像素**，高度不限， ~~**banner的尺寸：960 px•482 px**~~