手機端頁面尺寸怎樣設計?我們看到的電商網站如淘寶等的手機界面大都是直接按照手機尺寸設計的,那么你知道還知道哪些其他的手機端頁面尺寸設計的技巧?小編就來與大家聊一聊這個問題。
手機端頁面尺寸怎樣設計?我們看到的電商網站如淘寶等的手機界面大都是直接按照手機尺寸設計的,那么你知道還知道哪些其他的手機端頁面尺寸設計的技巧?小編就來與大家聊一聊這個問題。
Android
都說Android碎片化嚴重,但它現(xiàn)在反而比iOS好處理。因為如今的Android屏幕邏輯像素已經趨于統(tǒng)一了:360x640,就看你設成幾倍了。想以xhdpi為準,就把DPI設成72x2=144。想以xxhdpi為準,就把DPI設成72x3=216。
對于那些比較老的低端機,寬度是480px的那批,畫面確實會小一些,顯示內容會更少。稍微留意一下,重要內容盡量保持在界面中上部分。
當然,這些機型不出一年就會被邊緣化,基本淘汰?,F(xiàn)在能運轉的也是當作功能機在用,軟件多了必卡無疑,用戶體驗無從談起。不作考慮也是OK的。
Web
手機端網頁就沒有統(tǒng)一標準了,比較流行的做法是按照iPhone 5的尺寸來設計。倍率2,邏輯像素320x568。
這樣的做法比較實在,倍率2的屏幕無論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平,頁面加載速度快。當然,缺點就是在倍率3的設備上看,圖片不是特別清晰。
如果追求圖片質量,愿意犧牲加載速度,那么可以按照最大的屏幕來設計。也就是iPhone 6 plus的尺寸,倍率3,邏輯像素414x736。
總結
移動端的尺寸比PC端復雜,關鍵就在倍率。但也正因為倍率的存在,把大大小小的屏幕拉回到同一水平線,得以保證一套設計適應各種屏幕。站在這條水平線的角度看,會發(fā)現(xiàn)它很好理解。
手機端頁面尺寸怎樣設計?看過了以上文章內容和小編總結的內容,相信你對于手機端頁面尺寸怎樣設計肯定已經完全學會了,希望這篇文章對你有所幫助。
下一篇:提高用戶體驗的方法有什么
免責聲明:本文內容由互聯(lián)網用戶自發(fā)貢獻自行上傳,本網站不擁有所有權,也不承認相關法律責任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內容,請發(fā)送郵件至:operations@xinnet.com進行舉報,并提供相關證據(jù),一經查實,本站將立刻刪除涉嫌侵權內容。