亚洲综合在线一区二区三区-日韩超碰人人爽人人做人人添-麻豆国产精品久久人妻-无码人妻丰满熟妇啪啪-天堂精品一区二区三区-99久久综合狠狠综合久久aⅴ

×
新網 > 建站推廣 > 正文

移動端頁面尺寸設計要考慮哪些因素

  • 作者:新網
  • 來源:新網
  • 瀏覽:100
  • 2018-03-03 16:03:59

移動端頁面尺寸設計要考慮哪些因素?現在我們經常看到的電商網站的手機頁面大都是直接按照移動端頁面尺寸設計的,那么你知道移動端頁面尺寸設計要考慮哪些因素嗎?小編就來與大家聊一聊這個問題。

移動端頁面尺寸設計要考慮哪些因素?現在我們經常看到的電商網站的手機頁面大都是直接按照移動端頁面尺寸設計的,那么你知道移動端頁面尺寸設計要考慮哪些因素嗎?小編就來與大家聊一聊這個問題。
 

timg (4).jpg

單位
不難發現,真正決定顯示效果的,是邏輯像素尺寸。為此,iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說實話,兩者其實是一回事。
單位之間的換算關系隨倍率變化:
1倍:1pt=1dp=1px(mdpi、iPhone 3gs)
1.5倍:1pt=1dp=1.5px(hdpi)
2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)
3倍:1pt=1dp=3px(xxhdpi、iPhone 6)
4倍:1pt=1dp=4px(xxxhdpi)
單位決定了我們的思考方式。在設計和開發過程中,應該盡量使用邏輯像素尺寸來思考界面。設計Android應用時,有的設計師喜歡把畫布設為1080x1920,有的喜歡設成720x1280。給出的界面元素尺寸就不統一了。Android的最小點擊區域尺寸是48x48dp,這就意味著在xhdpi的設備上,按鈕尺寸至少是96x96px。而在xxhdpi設備上,則是144x144px。
無論畫布設成多大,我們設計的是基準倍率的界面樣式,而且開發人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通,雙方都需要以邏輯像素尺寸來描述和理解界面,無論是在標注圖還是在日常溝通中。不要再說“底部標簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。
Web怎么辦
移動端頁面的絕對單位仍然是px,至少代碼里這么寫,但它的道理也和app一樣。由于像素密度是設備本身的固有屬性,它會影響到設備中的所有應用,包括瀏覽器。前端技術可以善加利用設備的像素密度,只需一行代碼,瀏覽器便會使用app的顯示方式來渲染頁面。根據像素密度,按相應倍率縮放。
移動端頁面尺寸設計要考慮哪些因素?如果你已經看過了整篇文章,相信你對于移動端頁面尺寸設計要考慮哪些因素這個問題已經有了自己的想法。






 

免責聲明:本文內容由互聯網用戶自發貢獻自行上傳,本網站不擁有所有權,也不承認相關法律責任。如果您發現本社區中有涉嫌抄襲的內容,請發送郵件至:operations@xinnet.com進行舉報,并提供相關證據,一經查實,本站將立刻刪除涉嫌侵權內容。

免費咨詢獲取折扣

Loading
主站蜘蛛池模板: 亚洲欧洲一区二区三区免费观看 | 强奷漂亮雪白丰满少妇av| 狠狠噜天天噜日日噜av| 国产av无码专区亚洲avjulia| 亚洲va中文在线播放免费| 又爽又黄又无遮挡网站| 性色av闺蜜一区二区三区| 久久久无码精品亚洲日韩按摩| 国产精品99久久久久久人| 中文字幕 在线观看 亚洲| 亚洲乱码一区av春药高潮| 日韩亚洲国产主播在线不卡| 欧美三级在线电影免费| 精品国产一区二区三区久久狼 | 老熟妇高潮一区二区三区| 欧美牲交a欧美牲交aⅴ免费 | 日本十八禁视频无遮挡| 婷婷久久香蕉五月综合加勒比| 久久久久女教师免费一区| 57pao成人国产永久免费视频| 亚洲欧美伊人久久综合一区二区| 婷婷综合久久狠狠色99h| 老熟妇高潮一区二区三区另类| 国产亚洲精品久久一区二区三区| 97国产精华最好的产品亚洲| 国产交换配乱婬视频| 日韩一区二区三区北条麻妃| 少妇一晚三次一区二区三区 | 一区二区 在线 国产| 无码人妻h动漫中文字幕| 久热这里在线精品| 国产精品a久久777777| 无套熟女av呻吟在线观看| 国产内射爽爽大片视频社区在线| 无码少妇一区二区三区芒果| 国产精品无圣光一区二区| 亚洲欧美在线观看| 女同久久精品国产99国产精品| 国产精品视频yy9299| 无码丰满熟妇| 麻豆精品导航|