• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

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

    2015-9-29    博博

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

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

     
    2015-09-28 



    編者按:想適配兩個(gè)完全不同的平臺,有哪些需要注意的點(diǎn)呢?今天這篇文章總結(jié)了6個(gè)值得新手學(xué)習(xí)的地方,包括圖標(biāo)、屏幕密度尺寸、設(shè)計(jì)等等,來收吧!

    111.webp.jpg

    1. 不要轉(zhuǎn)換

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

    這意味著什么?

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

    222.webp.jpg

    因此,iOS通常會有一個(gè)結(jié)合了縱向和橫向的UI結(jié)構(gòu),但安卓則更偏向于縱向。

    640.webp.jpg

     

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

    640.webp (13).jpg

    2. 熟悉新詞

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

    DP是Density-independent Pixels的簡寫,它是一個(gè)永遠(yuǎn)不會改變大小的絕對單位。

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

    640.webp (2).jpg

     

    Yahoo News Digest

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

    640.webp (3).jpg

     

    9 Patch圖片(左邊那張)可以驚人地?cái)U(kuò)張成如右圖那般的尺寸

    3. 理解屏幕密度和尺寸

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

    640.webp (4).jpg

     

    不過這并不是說你要去為所有這些機(jī)子設(shè)計(jì),所以不必驚慌。

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

    640.webp (5).jpg

     

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

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

    下面我們回到DP的話題…

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

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

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

    640.webp (6).jpg

     

    Yahoo News Digest. 為各個(gè)分辨率適配。

    4. 圖標(biāo)

    安卓上圖標(biāo)的風(fēng)格更加實(shí)心和圓潤。

    640.webp (7).jpg

     

    Material Icons

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

    640.webp (8).jpg

     

    Yahoo News Digest. 圖標(biāo)為各個(gè)分辨率進(jìn)行適配

    5. Material Design

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

    640.webp (9).jpg

     

    6. 更多

    軟鍵

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

    640.webp (10).jpg

     

    插件

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

    640.webp (11).jpg

    消息

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

    640.webp (11).jpg

    7. 一些有用的鏈接

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

    • Google Material Design(General)

    • Google Material Design(Patterns)

    • androidux.com

    • pttrns.com

    • materialup.com

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

     

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: www久久只有这里有精品| 国内国产精品三级av| 美女一级毛片无遮挡内谢| 精品香蕉99久久久久网站| 无卡无码无免费毛片| 亚洲国产人成自精在线尤物| 青青青视频免费一区二区| 亚洲 欧美 自拍 美腿 卡通| 国产精品久久久久久亚洲影视内衣| 国产精品美女挤奶视频| 精品国产电影久久九九| 在线观看国产亚洲中文| 国产欧美国产精品第一区| 中文字幕日韩亚洲精品| 中文字幕被公侵犯的漂亮人妻| 国产高清一区二区视频| 大学生久久香蕉国产线看观看| 欧美肥老太交视频免费| 污污视频在线免费看| 欧美 国产 人人视频| 亚洲av影院一区二区三区四区| 国产又黄又爽又刺激的免费网址| 亚洲中久无码永久在线观看软件 | 色噜噜狠狠一区二区三区果冻 | 在线亚洲专区高清中文字幕| 日韩福利| 蜜桃久久精品成人无码AV| 亚洲av日韩av一区久久| 亚洲中文日韩一区二区三区| 国产精品精品久久99| 国产精品亚洲综合久久 | 激情宗合网| 无码毛片视频一区二区本码 | 欧美深度肠交惨叫| 国产在线视频无码不卡人黑| 国产精品尤物铁牛tv| 精品一区二区三区在线视频| 色偷偷av男人的天堂不卡| 国产亚洲精品日韩香蕉网| 久热在线免费观看视频| 久久国产伦三级理电影|