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

×
新網 > 建站推廣 > 正文

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

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

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

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

22c6000402bba5ff1692.gif

可以通過這個測試頁面 https://greenzorro.github.io/demo/basic/響應式斷點.html 來看看你的移動設備屏幕寬度,這是邏輯像素寬度。
以iPhone 5s為例,屏幕的分辨率是640x1136,倍率是2。瀏覽器會認為屏幕的分辨率是320x568,仍然是基準倍率的尺寸。所以在制作頁面時,只需要按照基準倍率來就行了。無論什么樣的屏幕,倍率是多少,都按邏輯像素尺寸來設計和開發頁面。只不過在準備資源圖的時候,需要準備2倍大小的圖,通過代碼把它縮成1倍大小顯示,才能保證清晰。
實際應用
大家最關心的還是實際運用,畫布該怎么設置。我們就iOS、Android、Web三個平臺來分別梳理一下。不過在這之前,我要為使用PS進行設計的朋友介紹一個小技巧。
之前我說過,我們要以邏輯像素尺寸來思考界面。體現到設計過程中,就是要把單位設置成邏輯像素。打開PS的首選項——單位與標尺界面,把尺寸和文字單位都改成點(Point)。這里的點也就是pt,無論設計iOS、Android還是Web應用,單位都用它。當然,各平臺單位名稱還是要記住的。這里我們用的只是它的原理,不用在意名稱。
要調節倍率,則通過圖像大小里的DPI來控制。這個DPI,其實就是PPI,像素密度。有個常識大家都知道,屏幕上的設計DPI設成72,印刷品設計DPI設成300。
移動端頁面尺寸設計考慮的因素有哪些?以上文章就是小編為大家帶來的關于移動端頁面尺寸設計考慮的因素有哪些的全部文字介紹了,希望對你有所幫助。
 

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

免費咨詢獲取折扣

Loading
主站蜘蛛池模板: 欧美激情视频一区二区三区免费 | 国产av午夜精品一区二区三区| 男女后进式猛烈xx00动态图片| 欧美性黑人极品hd| 无码人妻丰满熟妇啪啪| 99久久精品午夜一区二区| 午夜免费福利小电影| 玩弄少妇人妻中文字幕| 久久久亚洲欧洲日产国码二区| 精品视频无码一区二区三区| 大胸美女被吃奶爽死视频| 一本一本久久a久久精品综合| 亚洲欧美综合在线中文| 无码精品、日韩专区| 国产成人无码精品久久久免费| 中文字幕人妻色偷偷久久| 亚洲熟妇av一区二区三区浪潮| 亚洲变态另类天堂av手机版| 人妻熟女 视频二区 视频一区| 久久久久性色av毛片特级| 国产精品自在拍首页视频| 少妇被粗大猛进去69影院| 亚洲欧洲无码一区二区三区| 日本黄页网站免费观看| 午夜成人亚洲理伦片在线观看| 久久香蕉国产线熟妇人妻| www插插插无码视频网站| 亚洲全部无码中文字幕| 日韩欧美动漫精品一区二区三区在线观看| 久热爱精品视频线路一| 国产欧美日韩亚洲精品区| 99re66在线观看精品免费| 国产色欲av一区二区三区| 青青青国产免费线在| 精品久久久久久久无码人妻热| 在线观看中文字幕一区二区| 玩弄少妇视频一区二区| 久久99热精品免费观看| 18女下面流水不遮图| 黑人强辱丰满的人妻熟女| 色一乱一伦一图一区二区精品|