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

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

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

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

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

現(xiàn)在，回到主題，我們?nèi)绾斡?dpi 調(diào)整放大倍數(shù)？因?yàn)槠聊槐旧淼姆直媛适?2 dpi 設(shè)置為72也就是兩倍大小，設(shè)置為72就是2 x 的屏幕，就這么簡(jiǎn)單。

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

iPhone

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

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

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

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

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