成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区 电影二区 I 色av吧 中文字幕 I 国产精品伊人色

歡迎來到培訓無憂網!

全國切換

咨詢熱線 400-001-5729

位置:培訓無憂網 > 新聞資訊 > 電腦/IT > UI設計 >   UI設計師中ios和安卓設計怎么適配?

UI設計師中ios和安卓設計怎么適配?

來源:培訓無憂網 發布人:裴裴

2022-05-30 09:59:21|已瀏覽:4519次

ios和安卓設計怎么適配

ios和安卓設計怎么適配

      ios和安卓設計怎么適配?目前移動端系統主要以Android和iOS為主,由干Android平臺的差異化越來越大,在UI設計中通常以iOS系統為基準,以此去適配其他手機,可以降低設計成本,提高開發速度。

      i設計基準選擇

      iios和安卓設計怎么適配?設計基準選擇指的是挑選當前主流的手機屏幕分辨率作為設計適配標準。摒棄些非主流甚至已經淘汰的手機屏幕尺寸,例如i0S@1x倍率的屏幕尺寸。

      i目前一般以iOS系統主流分辨率750x1334像素進行設計,像素倍率為@2x,因為它的尺寸向上或向下適配時,界面調整幅度最小,偏差不會太大,視覺比例也不會出現太大問題。而且與Android版本720x1280像素的尺寸相近,甚至屏幕密度也是相近的,所以只需做最小的設計調整。

      i設計基準圖

      i設計基準圖是指按照選擇的主流分辨率設計出來的界面,該界面可以適配多個屏幕尺寸。下面將對設計基準圖的設計注意事項以及調整方法做具體講解。

      i1. 設計基準圖注意事項

      i按照iOS系統主流分辨率750x1334像素進行的設計基準圖,除了圖片外其余部分需要用形狀工具來做,方便后期其余版本的調整。將圖片轉為智能對象,進行放大拉伸只要不超過原有尺寸便不會失真。設計完成后,在設計基準圖上進行標注和輸出切圖。

      i2. 界面調整
      i1) 改版Android界面

      i開發團隊出于節省人力、時間等原因考慮,一般以ios系統設計基準圖為主導,將繪制好的設計基準圖進行適當調整、應用于Android平臺中。

      i改版Android界面有如下幾個步驟:

      i(1) 設計基準選擇Android主流設計界面尺寸為720x1280像素。

      i(2) 設置界面結構中欄的尺寸(如狀態欄高度為50像素、導航欄高度為96像素、標簽欄高度為96像素)。

      i(3) 設置兩邊邊距(邊距尺寸一般為24~30像素)。

      i(4) 把iOS系統設計基準圖頁面中的元素拖放到Android界面中,將頁面元素調整到恰當的位置,并調整元素間的間距為偶數。

      i(5) 將字體改為“思源”即可。

      i2) 適配Plus界面

      i對于ios系統中像素倍率不同,欄的高度有所不同。如iPhone 7的屏幕分辨率為750x1334像素,狀態欄商度為的像素、導航欄高度為88像素、標簽欄高度為98像素。而iPhone7 Plus高度為60像素、特就欄高度132像素、標茶欄高度為16像素。

      i在界面上進行調整欄內部元素,內容區域也要進行重新調整。而圖片需要單獨適配,iPhone 7 Plus是iPhone 7的1.65倍,需要在原圖的高度上乘1.65才是Plus的正確高度,但是位圖一般放大會發虛,所以適配的圖片最好以大尺寸去適配小尺寸。

      i3. 自動適配

      i自動適配是在設計基準圖適配時需要注意文字流式和控件的問題。文字流式和控件都是頁面框架結構制定好后,文字根據屏幕的尺寸自動適應排列,屏幕尺寸越大,顯示的內容就會越多,充分發揮了大屏幕的優勢。

      注:尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-36570.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規劃更適合你的專業課程!
  • 姓名:

  • 手機:

  • 地區:

  • 想學什么:

  • 培訓無憂網
免 費 申 請 試 聽
提交申請,《培訓無憂網》課程顧問老師會一對一幫助你規劃更適合你的專業課程!