亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

6個技巧幫你把IOS的UI轉換成安卓!

2015-9-29    博博

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

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 
2015-09-28 



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

111.webp.jpg

1. 不要轉換

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

這意味著什么?

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

222.webp.jpg

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

640.webp.jpg

 

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

640.webp (13).jpg

2. 熟悉新詞

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

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

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

640.webp (2).jpg

 

Yahoo News Digest

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

640.webp (3).jpg

 

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

3. 理解屏幕密度和尺寸

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

640.webp (4).jpg

 

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

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

640.webp (5).jpg

 

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

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

下面我們回到DP的話題…

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

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

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

640.webp (6).jpg

 

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

4. 圖標

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

640.webp (7).jpg

 

Material Icons

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

640.webp (8).jpg

 

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

5. Material Design

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

640.webp (9).jpg

 

6. 更多

軟鍵

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

640.webp (10).jpg

 

插件

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

640.webp (11).jpg

消息

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

640.webp (11).jpg

7. 一些有用的鏈接

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

  • Google Material Design(General)

  • Google Material Design(Patterns)

  • androidux.com

  • pttrns.com

  • materialup.com

重復一遍,不要無腦轉換。多用用安卓,兩者之間的區別是巨大的。

 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 欧美一站二站| 国产精品户外野外| 欧美中文字幕在线视频| 亚洲一区二区影院| 在线综合亚洲欧美在线视频| 日韩一区二区久久| 在线视频欧美日韩| 亚洲午夜视频在线观看| 亚洲午夜免费视频| 亚洲女性裸体视频| 先锋影音久久| 久久精品人人做人人综合| 欧美在线免费观看视频| 久久久www成人免费毛片麻豆| 久久久99爱| 免费不卡在线视频| 欧美大片免费| 欧美日韩视频在线一区二区| 欧美午夜精品理论片a级按摩| 国产精品成人国产乱一区| 欧美日韩美女在线| 国产精品久久一级| 国产一区二区精品| 一区一区视频| 亚洲精品中文字幕在线| 日韩一级大片在线| 亚洲网站在线看| 欧美在线地址| 麻豆国产精品一区二区三区| 欧美激情一区二区三区在线| 欧美性猛交xxxx乱大交蜜桃| 国产精品日韩精品欧美精品| 国产一区二区三区在线观看视频| 一区二区三区在线免费播放| 亚洲日本国产| 亚洲一二三区在线观看| 欧美一区二区| 免费黄网站欧美| 欧美日韩视频第一区| 国产精品主播| 亚洲高清不卡在线| 中文网丁香综合网| 久久丁香综合五月国产三级网站| 美女网站在线免费欧美精品| 欧美日韩久久精品| 国产一区二区三区精品欧美日韩一区二区三区 | 亚洲欧美一级二级三级| 久久成人18免费网站| 欧美a级片一区| 国产精品女主播一区二区三区| 在线观看欧美日韩| 亚洲小说欧美另类婷婷| 久久一区中文字幕| 国产精品国产自产拍高清av| 国内精品一区二区| 亚洲一品av免费观看| 久久一区激情| 国产精品二区在线| 亚洲高清不卡在线观看| 亚洲女人天堂成人av在线| 免费在线观看日韩欧美| 国产精品二区在线| 亚洲国产日韩一级| 欧美一区二区视频在线观看| 欧美日韩国产一区二区三区地区 | 99视频精品全国免费| 欧美在线视频免费观看| 欧美激情欧美狂野欧美精品| 国产欧美一区二区精品婷婷| 亚洲精品一区二区三区四区高清| 欧美一级日韩一级| 欧美日韩国产免费观看| 一区二区三区自拍| 午夜精品久久久久久99热| 欧美激情久久久久久| 国产一区二区三区自拍| 一区二区三欧美| 免费永久网站黄欧美| 国产婷婷精品| 亚洲自拍电影| 欧美日韩第一区| 亚洲二区三区四区| 久久九九国产| 国产精品夜夜嗨| 一区二区三区 在线观看视| 欧美.日韩.国产.一区.二区| 国模吧视频一区| 亚洲欧美日韩综合国产aⅴ| 欧美日韩爆操| 亚洲国产专区| 久久久久久久综合| 国产日本精品| 亚洲影视在线| 欧美日韩视频在线一区二区 | 亚洲曰本av电影| 欧美日韩一区二区精品| 亚洲精品乱码久久久久久久久| 狼人天天伊人久久| 红桃视频一区| 久久久久久噜噜噜久久久精品| 国产亚洲精品久久久久久| 午夜精品久久久久久99热| 欧美少妇一区| 夜夜精品视频| 欧美日韩系列| 99视频有精品| 欧美日韩精品系列| 亚洲美女少妇无套啪啪呻吟| 欧美成人国产| 最新日韩精品| 欧美国产日韩精品免费观看| 在线观看三级视频欧美| 久久综合色播五月| 在线精品观看| 免费毛片一区二区三区久久久| 亚洲第一综合天堂另类专| 快射av在线播放一区| 狠狠色综合一区二区| 久久久综合网站| 亚洲大胆av| 欧美激情亚洲自拍| 亚洲免费成人av电影| 欧美日本一区二区三区| 一区二区久久| 国产精品久久久久久久久久久久久久| 中文日韩在线视频| 国产精品久久久久久久午夜| 亚洲欧美日韩精品久久| 国产日韩欧美| 久久嫩草精品久久久精品| 亚洲高清色综合| 欧美精品久久一区| 在线中文字幕日韩| 国产精品一区二区三区观看| 久久国产欧美| 亚洲国产成人精品女人久久久| 欧美福利视频在线观看| 一本一道久久综合狠狠老精东影业| 欧美性感一类影片在线播放 | 欧美三级视频| 亚洲欧美日韩区| 黄色另类av| 欧美精品999| 亚洲一区二区在线视频| 国产日本欧美一区二区三区| 麻豆乱码国产一区二区三区| 日韩视频永久免费| 国产精品久久久久久影院8一贰佰 国产精品久久久久久影视 | 亚洲第一级黄色片| 欧美日韩精品三区| 欧美亚洲午夜视频在线观看| 精品成人乱色一区二区| 欧美精品尤物在线| 亚洲一区二区视频在线观看| 国产一区二区黄色| 欧美国产激情二区三区| 亚洲一二三四区| 国产在线播精品第三| 欧美成人亚洲成人| 亚洲自啪免费| 在线观看欧美精品| 欧美色123| 久久av一区| 亚洲日韩成人| 国产精品尤物| 免费观看日韩av| 亚洲一区二区三区在线视频| 黄色av日韩| 欧美日韩一区三区四区| 欧美中在线观看| 亚洲精品国产精品国产自| 国产精品免费看| 葵司免费一区二区三区四区五区| 一本久道久久久| 狠狠色丁香婷综合久久| 欧美日韩另类国产亚洲欧美一级| 久久精品99久久香蕉国产色戒| 亚洲三级影院| 国产一区二区精品久久| 欧美日韩不卡在线| 久久久久久久久蜜桃| 一区二区免费看| 伊人蜜桃色噜噜激情综合| 国产精品久久久久久久浪潮网站| 老司机一区二区| 亚洲综合不卡| 最近看过的日韩成人| 国产伦精品一区二区三区高清版| 欧美成人精品h版在线观看| 亚洲欧美日韩另类| 夜夜嗨av一区二区三区网页| 影音先锋中文字幕一区二区| 国产精品欧美一区二区三区奶水| 欧美二区在线| 久久成人人人人精品欧| 亚洲视屏在线播放| 亚洲精品视频在线看| 伊大人香蕉综合8在线视| 国产精品区一区二区三区| 欧美激情视频一区二区三区在线播放|