移動端頁面尺寸設(shè)計應(yīng)該考慮哪些細(xì)節(jié)

移動端頁面尺寸可以設(shè)計企業(yè)應(yīng)該充分考慮哪些細(xì)節(jié)？我們能夠看到的電商網(wǎng)站如聚美優(yōu)品等的手機(jī)用戶界面大都是直接按照中國手機(jī)尺寸結(jié)構(gòu)設(shè)計的，那么你知道移動端頁面尺寸設(shè)計人員應(yīng)該需要考慮哪些細(xì)節(jié)嗎？小編就來與大家聊一聊這個社會問題。阜陽網(wǎng)站建設(shè)涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁設(shè)計，網(wǎng)頁圖形設(shè)計，界面設(shè)計，創(chuàng)作，其中包括標(biāo)準(zhǔn)化的代碼和專有軟件，用戶體驗設(shè)計和搜索引擎優(yōu)化。易雅網(wǎng)許多人常常會分為若干個工作小組，負(fù)責(zé)網(wǎng)站不同方面的設(shè)計。阜陽網(wǎng)站制作公司設(shè)計過程的前端（客戶端），通常用來描述的網(wǎng)站，并不是簡單的一個頁面，一個網(wǎng)站是包括很多工作的，其中包括域名注冊查詢設(shè)計效果圖，布局頁面，寫代碼等工作。網(wǎng)站建設(shè)常識丟掉以前的習(xí)慣，返回首頁不是每頁都需要做的，當(dāng)然如果只作一個關(guān)鍵詞的小站就不說了。

眾所周知，屏幕設(shè)計DPI設(shè)置為72，打印設(shè)計DPI設(shè)置為300。

首先說300，這和人眼的分辨能力有關(guān)。由于1英寸是固定長度，每1英寸有多少個像素點(diǎn)決定了畫質(zhì)清晰程度。之前說過，這就是像素密度，也就是DPI。DPI達(dá)到300以上，其細(xì)膩程度就會給人真實感，像真實世界中的物件。相反，DPI只有10的話，在你一個食指指節(jié)大小的長度內(nèi)只有10個像素，這明顯就是馬賽克了。所以印刷品要設(shè)成300，才能保證清晰。

然后是 72 ，還有歷史原因。最早的圖形設(shè)計是在 mac 計算機(jī)上完成的，其顯示分辨率為 72。圖像 DPI 在 PS 中也設(shè)置為 72，這可確保屏幕上顯示的大小與打印大小相同，因此易于設(shè)計。72 PC 顯示分辨率已逐漸成為默認(rèn)的行業(yè)標(biāo)準(zhǔn)，這組規(guī)則已被遵循。

現(xiàn)在，回到主題，我們?nèi)绾斡?dpi 調(diào)整放大倍數(shù)？因為屏幕本身的分辨率是72 dpi 設(shè)置為72也就是兩倍大小，設(shè)置為72就是2 x 的屏幕，就這么簡單。

下面是三個平臺的畫布設(shè)置:

iPhone

iPhone的屏幕進(jìn)行尺寸各不相同，我說的是邏輯像素尺寸，這確實是讓人很頭疼的事情。如果我們想用自己一套系統(tǒng)設(shè)計可以涵蓋企業(yè)所有iPhone，就要通過選擇一個邏輯像素折中的機(jī)型。

根據(jù)市場份額數(shù)據(jù)，iPhone5/5s屏幕是目前最受歡迎的一款。放大倍數(shù)為2，邏輯像素為320x568。上升勢頭最強(qiáng)，未來iPhone 6的屏幕有望第一。放大倍數(shù)為2，邏輯像素為375x667。

根據(jù)這兩種尺寸來設(shè)計，都是比較主流的做法。較短的 iphone 4s， 更大的 6 Plus 不會太空。

不過在切圖的時候要注意，由于iPhone 6 plus的3倍圖是由2倍圖放大而來，所以位圖要注意保證清晰。

移動頁面大小調(diào)整應(yīng)該考慮哪些細(xì)節(jié)？以上文章是對手機(jī)頁面大小設(shè)計的總結(jié)，應(yīng)該考慮到整個內(nèi)容的細(xì)節(jié)，你都學(xué)到了哪些呢？