[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**~~