了解 UI 設計規範，從多大開始

尺寸應根據不同手機的不同螢幕解像度指定。

一般來說，渲染的主流是做480*800來測試，iPhone4（或者S）用的是640*960，但這只是渲染，真正的開發還需要切畫面，用第9點做螢幕適配。

常見手機顯示解像度：96x65、96x96、128x96、128x128、160x128、160x160、176x144、220x176、240x176、320x240、640x480、800x480

Apple 4：960 640 畫素，英吋。

三星：源解像度為 480 800 點。

小公尺：480 854 4英吋TFT螢幕。

Android手機螢幕尺寸。

01.介面設計的尺寸和立柱的高度。

1） 我們應該用 Photoshop 設定多大的新畫布進行設計？另外，iOS應用中的欄高度是多少，包括狀態列、導航欄、標籤欄、工具欄等？ （注意：。

2）目前主流的iOS裝置iPhone 6S 7 8 Plus和iPhone X使用3倍的解像度，其他的都是2倍的解像度，無論是列的高度還是應用圖示，設計師提供給開發者的切片大小， 前者始終是後者的雙倍，並在檔名末尾分別用@3x和@2x命名，程式根據不同的解像度自動載入@3x或@2x的切片。

3）注意：在設計iPhone X時，我們仍然可以使用熟悉的iPhone 7的設計尺寸作為模板，但高度增加了290px，設計尺寸為750*1624（@2x）。請注意，狀態列的高度已從 40px 更改為 88px，首頁指示器的底部應保留為 68px。

YouAreed介面取決於您使用的產品或軟體的效能，一般與計算機的螢幕一樣大。

UI介面有多大，可以根據使用說明書調整大小，根據個人喜好。

介面有多大？ 這取決於你想顯示多大嗎？ 如果你能得到乙個公里寬的介面，你就可以顯示它。

首先確認設計草稿是1920x1080，其實應該減去標題欄、滾動條，甚至工具欄和製表符之間的距離，才能得到實際的頁面大小。

橋接指示器或螢幕，保證頁面效果至少可以達到1920x1980的解像度級別（當然沒有必要，但至少會更方便。 小螢幕，比如1366x768，也可以通過響應式設計模式設定到更大的解像度，但看起來總是很麻煩，不是嗎？ ），DPR 保持在 1（縮放在系統顯示設定中為 100%，瀏覽器縮放為 100%，如果不確定，請轉到控制台列印下乙個視窗。

讓我們看看它是否是 1）。

確保帶注釋的元件確實是 100x50，最好去 ps 並使用標尺工具實際測量它。

如果不確定 3，則為瀏覽器安裝乙個設計比較外掛程式，然後將預覽拖出並拖放，看看是否可以重疊。