欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

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

2015-9-29    博博

藍藍設計www.ocunn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的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://www.ocunn.cn

存檔

一本在线免费视频| 久久国产福利国产秒拍| 久久av超碰| 国色天香久久精品国产一区| 成人亚洲欧美| 欧美性video| 18免费在线视频| 免费a在线观看| 最近最新中文字幕在线| 色哟哟中文字幕| www日本视频| 国产精品丝袜黑色高跟鞋| 日韩精品成人免费观看视频| 六月丁香激情综合| 美日韩一二三区| 豆国产97在线 | 亚洲| 免费在线视频一区二区| 日本黄色小说视频| 日韩三级在线观看视频| 国产女人18水真多毛片18精品| 欧美老女人性生活视频| 精品亚洲aⅴ无码一区二区三区| v天堂中文在线| 欧美精品欧美极品欧美激情| 成年人的黄色片| 性欧美成人播放77777| 制服丝袜第一页在线观看| 深田咏美中文字幕| www.中文字幕av| 亚洲黄色网址大全| 欧美 日韩 国产 一区二区三区| 日韩在线一卡二卡| 欧美成人一二三区| 日本少妇性生活| 波多野结衣大片| 国产精品综合在线| 男人天堂综合网| 在线播放的av| chinese偷拍一区二区三区| 色影视在线观看| 影音先锋男人在线资源| 日本美女一区| 亚洲高清在线一区| 免费视频国产一区| 亚洲蜜桃视频| 日日摸夜夜添夜夜添亚洲女人| 麻豆成人免费电影| 成人蜜臀av电影| 国产免费成人在线视频| 亚洲美女偷拍久久| 91久久免费观看| 91精品久久久久久久91蜜桃| 亚洲福利在线观看| 视频在线一区二区| 欧美夜福利tv在线| 69堂成人精品视频免费| 美乳视频一区二区| 男女啪啪免费观看| 欧美成人三级在线播放| 久久精品女同亚洲女同13| 久久午夜精品视频| 中文字幕第四页| 欧美熟妇另类久久久久久不卡 | 国产一区清纯| 免费不卡在线视频| 99久久国产综合精品色伊| 亚洲天堂网中文字| 欧美美女直播网站| 国产亚洲人成a一在线v站| 欧美日韩成人网| 国产一区玩具在线观看| 欧洲精品久久| 亚洲人成色77777| 人妻丰满熟妇av无码久久洗澡 | 91视频国产一区| 免费成人av网站| 成人小视频在线观看免费| 一级黄色录像在线观看| 蜜桃av乱码一区二区三区| 欧美成人精品欧美一级乱黄| 高潮一区二区三区乱码| 日本精品在线| 精品国产亚洲日本| 9999国产精品| 国产酒店精品激情| 亚洲日本护士毛茸茸| 欧美日高清视频| 精品国偷自产在线视频| 成人做爰www免费看视频网站| 亚洲激情电影在线| 爱豆国产剧免费观看大全剧苏畅| 99久久久无码国产精品不卡| 欧美激情一区二区三区免费观看| 中文字幕在线免费专区| 性欧美18xxxhd| 日韩精品欧美| 国产乱妇无码大片在线观看| 亚洲综合丝袜美腿| 日韩av在线网| 国产精品a久久久久久| 中国成人在线视频| 亚洲欧洲日韩综合| 无码人妻久久一区二区三区| 你懂的视频在线| 91成人精品观看| 在线日韩视频| 国产精品美女久久久久aⅴ国产馆| 欧美日韩精品二区第二页| 久久婷婷国产麻豆91天堂| 成人欧美一区二区三区视频 | 久久精品视频1| 青青青草网站免费视频在线观看| 国精产品一区一区三区四川| 婷婷亚洲综合| 久久久国产精品午夜一区ai换脸| 91精品国产丝袜白色高跟鞋| 91精品国产高清久久久久久91 | 国产第100页| 你懂的免费在线观看视频网站| 一区二区三区| 久久国产一二区| 亚洲国产一区视频| 色婷婷综合久久久久| 高清不卡日本v二区在线| 午夜精品在线免费观看| 日韩成人在线免费视频| 黄色片在线播放| 日韩精品免费一区二区夜夜嗨 | 一卡二卡在线观看| 国产三级伦理在线| 97精品一区| 国产欧美久久久精品影院| 亚洲二区在线播放视频| 91亚洲国产成人精品性色| 日本va中文字幕| 日本中文字幕免费| 日本美女在线中文版| 精品香蕉视频| 久久久久国产成人精品亚洲午夜| 亚洲第一区在线| 亚洲在线免费观看| 九九九九九九九九| 怡春院在线视频| 中文字幕在线视频网站| 亚洲一区二区三区高清| 精品久久久久国产| 97成人在线视频| 久久99久久99精品| 国产无遮挡免费视频| 成人免费视屏| 伊人久久大香线| 一区二区三区在线观看国产| 精品自在线视频| 国产资源在线免费观看| 久草中文在线视频| aaa大片在线观看| 一区免费视频| 一本在线高清不卡dvd| 国产成人精品视| 无尽裸体动漫2d在线观看| 亚洲性在线观看| www一区二区三区| 床上的激情91.| 日韩av最新在线观看| 日本黄网免费一区二区精品| 99自拍偷拍视频| 蜜桃视频在线观看www社区| 一精品久久久| 狠狠综合久久av一区二区小说| 国产v综合ⅴ日韩v欧美大片| 久久精品久久99| 亚洲欧美综合一区二区| 久久av免费| 伊人一区二区三区| 国产成+人+综合+亚洲欧美丁香花| 日韩中文字幕a| 欧美一级特黄aaaaaa| 日日天天久久| 一区二区三区中文字幕精品精品 | 99久久综合狠狠综合久久| 这里只有精品视频在线| 蜜桃视频一区二区在线观看| 国产www在线| 全球中文成人在线| 久久亚洲精品小早川怜子| 另类色图亚洲色图| 中文久久久久久| 香港一级纯黄大片| 欧美jizz| 欧美亚洲国产怡红院影院| 国产精品视频入口| 91狠狠综合久久久| 热色播在线视频| 成人免费av在线| 欧美激情在线视频二区| av亚洲天堂网| 男同在线观看| 欧美亚洲在线| 亚洲毛茸茸少妇高潮呻吟| 免费高清一区二区三区| 国产黄色片av| av一区二区高清| 在线精品视频一区二区三四| 久久久久久久有限公司| 91午夜视频在线观看| 9999在线精品视频| 中文字幕亚洲综合久久菠萝蜜| 国产精品91在线| a天堂中文字幕| 2020日本在线视频中文字幕| 成人午夜免费电影| 性欧美办公室18xxxxhd| 日韩精品视频一区二区| 成人免费网站在线观看视频| 国产一区二区三区日韩| 久久影院资源网| 中文国产在线观看| 国产三区视频在线观看| 韩国av一区二区三区| 久久不射电影网| 9久久婷婷国产综合精品性色| 在线免费观看h| 玖玖在线精品| 久青草国产97香蕉在线视频| 99热超碰在线| 成人国产电影在线观看| 91在线云播放| 国产精品丝袜高跟| 久艹在线观看视频| 在线成人免费| 香蕉加勒比综合久久| 蜜桃视频成人| 99精品在线看| 在线精品一区| 中文字幕日韩欧美| 麻豆短视频在线观看| 国内老司机av在线| 国产欧美一区二区精品性色超碰| 国产情人节一区| xxxxxx国产| 视频一区中文| 欧美一区二区三区四区高清| 18岁网站在线观看| 国产美女性感在线观看懂色av| 国产综合久久久久久鬼色| 97在线观看免费高清| 日本不卡一区视频| 伊人精品综合| 欧美日韩国产123区| av高清在线免费观看| 久久米奇亚洲| 成人免费高清视频在线观看| 国产精品私拍pans大尺度在线 | 欧美成人首页| 最近2019中文字幕大全第二页| 又大又长粗又爽又黄少妇视频| 99thz桃花论族在线播放| 国产精品不卡一区| 日产精品高清视频免费| 手机av在线免费观看| 精品一区二区三区在线观看| 国产成人精品在线观看| 好吊操这里只有精品| 国产精品精品| www.欧美免费| 久久精品色妇熟妇丰满人妻| 91精品导航| 欧美不卡一区二区三区四区| 亚洲午夜精品一区| 欧美一级大黄| 一本大道av一区二区在线播放| www国产精品内射老熟女| 草莓福利社区在线| 自拍偷拍亚洲欧美日韩| 一区二区91美女张开腿让人桶| 一级二级在线观看| 99久久夜色精品国产网站| 国产日韩一区二区| 四虎在线视频免费观看| 国产一区二区视频在线| 亚洲自拍小视频| 精品国产亚洲一区二区麻豆| 欧美aaaaa成人免费观看视频| 国产福利精品在线| 中文字幕在线2018| 日日欢夜夜爽一区| 91精品国产综合久久男男| 91亚洲精品国偷拍自产在线观看| 水蜜桃久久夜色精品一区的特点| 日韩av片永久免费网站| 最近中文字幕免费在线观看| 日韩av在线播放中文字幕| 国产精品美女免费看| 国产露脸91国语对白| 国产揄拍国内精品对白| 好吊色欧美一区二区三区| 国产精品久久久久白浆| 久久综合网色—综合色88| 深田咏美在线x99av| 国产高清在线| 亚洲精品第1页| 欧美日韩性生活片| 欧美成人h版| 日韩一区二区中文字幕| 欧美双性人妖o0| 蜜桃精品wwwmitaows| 美女精品视频一区| 久久草视频在线| 久久这里只有| 国产一区在线免费观看| 日本人妖在线| 一级日本不卡的影视| 国产视频一区二区视频| 韩国精品视频在线观看| 日韩精品在线播放| 免费国产羞羞网站美图| 亚洲精品欧美| 91网站免费观看| 蝌蚪视频在线播放| 亚洲午夜免费视频| 爱豆国产剧免费观看大全剧苏畅| 中文无码日韩欧| 日韩在线视频二区| 中文字幕国产在线观看| 精品一区二区三区欧美| 欧美一区二区三区电影在线观看| 国产黄色在线观看| 欧美手机在线视频| 精品无码一区二区三区| 婷婷亚洲五月色综合| 国产精品久久久久久久久免费看 | 久久久久久久久久久免费视频| 成人全视频免费观看在线看| 日韩av网站电影| 69精品久久久| 国产一区二区在线观看免费| 日韩欧美精品在线不卡| 好久没做在线观看| 日韩精品一区二区三区视频在线观看 | 黑人中文字幕一区二区三区| 欧美激情二区| 777亚洲妇女| 一级黄色片日本| 日本麻豆一区二区三区视频| 欧美一区二区三区四区在线观看地址 | 欧美成人精品3d动漫h| 人妻少妇精品一区二区三区| 日韩av网站免费在线| 日韩尤物视频| 欧美亚洲韩国| 中文字幕一区日韩电影| 一道本在线视频| 中文字幕二三区不卡| 天堂网在线免费观看| 国产综合久久久| 国产免费一区二区三区香蕉精| 人成在线免费视频| 欧美视频中文字幕| 亚洲天堂网av在线| 国内精品第一页| 日本欧美视频在线观看| 大香伊人久久精品一区二区| 欧美壮男野外gaytube| 香蕉视频免费在线| 欧美天堂亚洲电影院在线播放| 婷婷国产成人精品视频| 久久99热国产| 久久亚洲a v| 神马久久影院| 91亚洲一区精品| 日本中文字幕中出在线| 亚洲乱码国产乱码精品精| 一卡二卡三卡在线| 一区二区三区精品在线观看| 无码人妻精品一区二区三应用大全| 日韩视频二区| 午夜精品电影在线观看| 国产第一亚洲| 91精品国产网站| 二区在线视频| 日韩av在线直播| 精品国产av鲁一鲁一区| 亚洲一区二区美女| 少妇一级黄色片| 国产成人免费视频一区| 久草福利视频在线| 在线看片不卡| 亚洲国产精品123| av成人资源网| 成人午夜黄色影院| 欧美久久天堂| 午夜精品福利视频| 在线a免费看| 国产亚洲视频在线观看| 亚洲精品国产片| 在线观看av不卡| 青青草免费观看视频| 亚洲少妇30p| 少妇太紧太爽又黄又硬又爽小说| 成人免费视频视频|