• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      6個技巧幫你把IOS的UI轉(zhuǎn)換成安卓!

      2015-9-29    博博

      藍藍設計www.wtxcl.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

      如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

       
      2015-09-28 



      編者按:想適配兩個完全不同的平臺,有哪些需要注意的點呢?今天這篇文章總結了6個值得新手學習的地方,包括圖標、屏幕密度尺寸、設計等等,來收吧!

      111.webp.jpg

      1. 不要轉(zhuǎn)換

      你不應該在安卓上使用同一套規(guī)格的UI。iOS有一個能讓你一鍵返回桌面的“物理home鍵”。然而,安卓上的按鍵是“返回、home和多任務”。

      這意味著什么?

      一位安卓用戶可以從一個應用輕松跳轉(zhuǎn)到另一個應用。這是一個很大的不同之處。

      222.webp.jpg

      因此,iOS通常會有一個結合了縱向和橫向的UI結構,但安卓則更偏向于縱向。

      640.webp.jpg

       

      這些“返回、home和多任務按鍵”都在屏幕底部,因此你不能把tab(標簽)放在底部的位置。

      640.webp (13).jpg

      2. 熟悉新詞

      你經(jīng)常能挺到諸如“DP”、“SP”和“9 Patch”這樣的詞。DP和SP是尺寸單位,而9Patch是組件格式的名稱。

      DP是Density-independent Pixels的簡寫,它是一個永遠不會改變大小的絕對單位。

      SP和DP很像,但是它是可以伸縮的。如果用戶在設備的設置里調(diào)大文字,那么通過SP定義的字體大小就會受到影響.

      640.webp (2).jpg

       

      Yahoo News Digest

      9 Patch是一個能讓組件可大可小的格式,對于大幅縮小文件體積大有幫助。舉個例子,它可以被用來作為帶有陰影的按鍵。點擊鏈接查看具體細節(jié)。

      640.webp (3).jpg

       

      9 Patch圖片(左邊那張)可以驚人地擴張成如右圖那般的尺寸

      3. 理解屏幕密度和尺寸

      和iPhone不同,有百來個不同的生產(chǎn)商在基于安卓系統(tǒng)研發(fā)他們的手機。舉個例子,OpenSignal.com的網(wǎng)站上有一份乍看美不勝收實則細思極恐的安卓碎片化信息圖。

      640.webp (4).jpg

       

      不過這并不是說你要去為所有這些機子設計,所以不必驚慌。

      安卓有一個屏幕密度的系統(tǒng)能適應于每個屏幕尺寸。因此你只需要留意那5到7個不同的尺寸就可以了。

      640.webp (5).jpg

       

      對于1080 x 1920 pixels(XXHDPI)來說,所有像素值除以3便是DP。

      如果你以1080 x 1920 px開始你的設計,你并不僅僅是在為Nexus 5設計,那些組件和規(guī)格同樣可以完美適配于其它的XXHDPI手機,比如Galaxy S4, HTC One 或 LG G2。

      下面我們回到DP的話題…

      DP是針對所有顯示屏的一個絕對數(shù)值單位。要實現(xiàn)正確的像素值,你必須在每個分辨率上做乘除法。比如,如果對于1080 x 1920 px(XXHDPI)來說,所有像素值除以3便是DP。

      是的,你必須在這里做一些數(shù)學乘除,這也是為什么有一些設計師從320 x 480px開始(這樣每個數(shù)字都是DP了)。然而,我更喜歡從1080 x 1920px開始,因為這是最流行的尺寸。但一切隨你。

      在任何情況下,你都應該為優(yōu)化app于不同的屏幕尺寸和分辨率而做出努力。我建議你在app上線之前,在至少五個不同分辨率的設備上進行測試。要知道,即便他們分辨率不同但比例還是非常接近甚至一致的,因此你不必太擔心原始排版被打亂或需要重新設計的問題。

      640.webp (6).jpg

       

      Yahoo News Digest. 為各個分辨率適配。

      4. 圖標

      安卓上圖標的風格更加實心和圓潤。

      640.webp (7).jpg

       

      Material Icons

      安卓的可伸縮圖標系統(tǒng)能自動地在不同尺寸之間切換。然而這種切換可能會導致位圖變模糊。為了確保你的位圖不受影響,你應該在適配每個尺寸上花點時間。

      640.webp (8).jpg

       

      Yahoo News Digest. 圖標為各個分辨率進行適配

      5. Material Design

      去年的時候谷歌發(fā)布了它的Material Design,這是一個全新的設計語言。不容置疑的是它確實是一個絕佳的設計方向。去他們的網(wǎng)站上看看,理解基本的UI原理。然而,不要太過糾結于顏色或者陰影這些特定的視覺設計。你完全可以玩出更多創(chuàng)意。

      640.webp (9).jpg

       

      6. 更多

      軟鍵

      典型的安卓設備在屏幕上有特定的Home, 返回和菜單按鍵。然而,三星是以實體按鍵的形式應用在他們的硬件設備上的。這讓一切又變得些許不同。確保你的排版能在三星和其它設備上都說得通。

      640.webp (10).jpg

       

      插件

      安卓的插件從最早開始就是其的特點之一。你可以在主屏創(chuàng)建簡單且實用的卡片(但它只提供局限的功能)。多看看別人是怎么做插件的,然后在開始設計之前和你們的工程師談談實現(xiàn)的問題。

      640.webp (11).jpg

      消息

      一個典型的消息往往由圖標+文字或圖片+文字組成。安卓4.x和5.x使用了不同的方式,這點也需要注意。

      640.webp (11).jpg

      7. 一些有用的鏈接

      這里有一些實用的鏈接(譯者注:有一些被墻了,MD規(guī)范網(wǎng)上中文版都有,其它幾個不需要翻譯-即便是英文):

      • Google Material Design(General)

      • Google Material Design(Patterns)

      • androidux.com

      • pttrns.com

      • materialup.com

      重復一遍,不要無腦轉(zhuǎn)換。多用用安卓,兩者之間的區(qū)別是巨大的。

       

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 国产午夜福利不卡在线观看| 香蕉视频一区| 艳妇荡乳豪妇荡乳AV| 额济纳旗| 久热在线免费观看视频| 91视频在线观看18| 中文久久久无码| 日韩人妻无码中文字幕一区| 精品国产AV| 欧洲一区二区| 五月天婷婷丁香| 亚洲色图另类| 91啪在线| 全椒县| 黄床大片免费30分钟国产精品| jizz国产| 夜夜国自一区+1080P| 自拍亚洲视频在线观看| 亚洲精选91| 国产精品国偷自产在线| 3pAV在线播放| 3p视频在线观看免费| 国产精品玖玖玖在线资源| 亚洲乱码中字幕综合| 麻豆乱码国产一区二区三区| 三明市| 无码国产精品一区二区免费3P| 顶级熟女在线| 丰满亚洲大尺度无码无码专线| 亚洲av天码一区二区| 欧美三级片在线观看| 美女1区2区3区| 郴州市| 色欧美与xxxxx| 一区二区中文| 无码任你躁久久久久久久| 日韩AV免费| www中文字幕在线观看| 综合婷婷| 一区二区三区视频| 亚洲熟女人|