有了這套尺寸設計規範，你的原型也可以很好看

pt和px的區別

在講述原型設計尺寸規範之前，我們先來了解兩個概念：point和pixel，簡稱pt和px。pt和px是字型大小的設定單位。px就是表示pixel，畫素，是螢幕上顯示資料的最基本的點；pt是印刷行業常用單位，等於1/72英寸。

px是一個點，它不是自然界的長度單位，畢竟我們無法定義“點”的具體尺寸。點可以畫的很小，也可以畫的很大。如果點很小，那畫面就清晰，我們稱它為“解析度高”，反之，就是“解析度低”。所以，“點”的大小是會“變”的，也稱為“相對長度”。

pt，網路中確切的說法是一個專用的印刷單位“磅”，大小為1/72英寸。所以它是一個自然界標準的長度單位，也稱為“絕對長度”。

因此就有這樣的說法，pixel是相對大小，而point是絕對大小。

分清“螢幕效果”與“列印效果”

在瀏覽網頁過程中，所有的“大”“小”概念，都是基於“螢幕”這個“介面”上。“螢幕”上的各種資訊，包括文字、圖片、表格等等，都會隨螢幕的解析度變化而變化，一個100px寬度大小的圖片，在800×600解析度下，要佔螢幕寬度的1/8，但在1024×768下，則只佔約1/10。所以如果在定義字型大小時，使用px作為單位，那一旦使用者改變顯示器解析度從800到1024，使用者實際看到的文字就要變“小”（自然長度單位），甚至會看不清，影響瀏覽。

那是不是用pt做單位就沒這樣的問題呢？錯！問題同樣出現。剛才的例子已經很清楚的說明，在不同解析度下，無論是px還是pt，都會改變大小。以現在的電腦螢幕情況，還沒有一種單位可以保證，在不同解析度下，一個文字大小可以“固定不變”。因為這很難以實現也不是很有必要：全球電腦使用者以億來數，螢幕從14寸到40寸甚至更高都有，螢幕大小不同，解析度也不同，要保證一個字型在所有使用者面前大小一樣，實在是MISSION IMPOSSIBLE。另外，電腦有其自身的調節性。那在頁面設計中到底是用px還是pt呢？我認為，這個並沒有什麼原則性差異，就看自己處於什麼角度思考了。

原型設計尺寸與解析度