国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

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

2015-9-29    博博

藍(lán)藍(lán)設(shè)計(jì)www.newchinaweekly.com )是一家專注而深入的界面設(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 



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

111.webp.jpg

1. 不要轉(zhuǎn)換

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

這意味著什么?

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

222.webp.jpg

因此,iOS通常會有一個結(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的簡寫,它是一個永遠(yuǎn)不會改變大小的絕對單位。

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

640.webp (2).jpg

 

Yahoo News Digest

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

640.webp (3).jpg

 

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

3. 理解屏幕密度和尺寸

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

640.webp (4).jpg

 

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

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

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

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

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

640.webp (6).jpg

 

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

4. 圖標(biāo)

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

640.webp (7).jpg

 

Material Icons

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

640.webp (8).jpg

 

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

5. Material Design

去年的時候谷歌發(fā)布了它的Material Design,這是一個全新的設(shè)計(jì)語言。不容置疑的是它確實(shí)是一個絕佳的設(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

消息

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

640.webp (11).jpg

7. 一些有用的鏈接

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

  • Google Material Design(General)

  • Google Material Design(Patterns)

  • androidux.com

  • pttrns.com

  • materialup.com

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

 

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.newchinaweekly.com

存檔

免费精品99久久国产综合精品| 大桥未久恸哭の女教师| 天天色综合天天色| av在线天堂网| www.av视频| 亚洲高清视频免费观看| 亚州视频一区二区三区| www.尤物.com| 亚洲kkk444kkk在线观看| 免费网站在线观看人| 欧美欧美在线| 天天久久综合| 国产精品亚洲专一区二区三区| 成人免费一区二区三区视频| 欧美久久久影院| 亚洲人成电影网站色xx| 日本a级片电影一区二区| 久久国产精品一区二区三区四区| 久久人人爽人人爽人人av| 亚洲乱妇老熟女爽到高潮的片| 久久精品www| 男女爱爱福利视频| 91九色porny视频| 黄色成人在线网| 校花撩起jk露出白色内裤国产精品 | 成人午夜精品无码区| 久久久.www| 影音先锋在线资源中文字幕| 91在线电影| 51一区二区三区| 亚洲高清不卡| 亚洲欧美一区二区视频| 日韩精品视频在线播放| 国产在线播放不卡| 99草草国产熟女视频在线| 99精品久久久久| 性欧美videos白嫩| 69久久久久| 免费观看不卡av| 波多野洁衣一区| 日韩午夜av一区| 成人网中文字幕| 在线观看国产一级片| 久久精品国产av一区二区三区| 欧美乱大交xxxxx在线观看| eeuss影院在线播放| 天堂综合网久久| 91丨porny丨首页| 亚洲精品永久免费精品| 久久久影院一区二区三区| 佐佐木明希电影| 精品人妻无码一区二区| 在线看黄的网站| 久久久久高潮毛片免费全部播放| 黑人巨大精品欧美黑白配亚洲| 欧美在线观看禁18| 国产精品久久二区| 色乱码一区二区三区在线| 久久午夜鲁丝片| 能在线观看av网站| 伊人久久大香线蕉av超碰| 韩国精品免费视频| 日韩欧美中文一区| 亚洲综合在线做性| 成人精品在线观看视频| 欧美午夜春性猛交xxxx| 在线观看a级片| 国产精品日韩| 欧美日韩一区二区三区高清| 国产精品尤物福利片在线观看| 亚洲精品20p| 黄色美女一级片| 浪潮av一区| 在线亚洲激情| 欧美酷刑日本凌虐凌虐| 精品国产乱码久久久久久108| 欧美特黄一区二区三区| 91蝌蚪91九色| 日本国产亚洲| 久久久精品中文字幕麻豆发布| 日韩视频中文字幕| 日本一本二本在线观看| 国产精品国产av| 免费**毛片在线| 日韩综合一区二区| 亚洲成成品网站| 九九久久九九久久| 亚洲国产精品无码久久久| 国产中文在线| 国产精品入口| 亚洲第一男人av| 成人免费在线视频播放| 亚洲无码精品一区二区三区 | 在线免费高清一区二区三区| 欧美色视频日本版| 久久九九视频| av大片免费观看| 高清av在线| 人人超碰91尤物精品国产| 亚洲午夜精品久久久久久性色 | 欧美特级黄色片| 久热国产在线| 国产乱人伦偷精品视频不卡| 中文字幕亚洲二区| 久久精品视频91| 欧美作爱福利免费观看视频| 国产一区二区三区黄网站| 最近中文字幕一区二区三区| 成人午夜在线影院| 免费在线视频一区二区| 国产小视频在线播放| 久久精品99久久久| 久久国产精品网站| 亚洲久久久久久| 国产国语**毛片高清视频| 亚洲性感美女99在线| 亚洲三级黄色在线观看| 亚洲一级片av| 天天草天天爽| 99精品视频网| 亚洲欧美日韩精品久久亚洲区| 9久久婷婷国产综合精品性色| 国产精品冒白浆免费视频| 欧美精美视频| 精品人伦一区二区色婷婷| 日本www高清视频| 天堂在线免费视频| 久久综合99| 亚洲国产三级网| 一卡二卡三卡四卡五卡| 在线观看免费播放网址成人| 国语自产精品视频在线看8查询8| 亚洲区中文字幕| 800av在线播放| 最新在线你懂的| 精东粉嫩av免费一区二区三区| 韩国欧美亚洲国产| 欧美激情图片小说| 黄色在线看片| 亚洲精品伦理在线| 手机成人av在线| 久久99国产视频| 欧美激情偷拍自拍| 中文日韩在线观看| 成年人在线免费看片| 日本电影在线观看网站| 久久精品在这里| 日韩av电影免费播放| 欧区一欧区二欧区三| 三区四区不卡| 精品国产一区二区三区久久狼5月| 亚洲a v网站| 国产写真视频在线观看| 综合久久久久综合| 青青草综合在线| 福利视频网站导航| 奇米色一区二区三区四区| 国产精品色午夜在线观看| 91亚洲国产成人久久精品麻豆| 成人av在线播放| 精品动漫一区二区三区在线观看| 国产人妻精品午夜福利免费| 神马久久久久| 最新久久zyz资源站| 精品成在人线av无码免费看| 免费福利片在线观看| 成人性生交大片| 欧美激情论坛| 怡红院视频网站| 韩国av一区二区三区在线观看 | 精品少妇久久久| 亚洲欧美专区| 亚洲美女黄色片| 精品国产欧美日韩不卡在线观看| 欧美性suv| 亚洲成色777777在线观看影院| 国产肥白大熟妇bbbb视频| 天堂√8在线中文| 欧美一区二区三区四区在线观看| 欧美在线一级片| av手机免费在线观看| 欧美老人xxxx18| 久久久久无码精品国产sm果冻| 精品极品在线| 精品国精品自拍自在线| 粉嫩精品久久99综合一区| 日韩中文视频| 亚洲人成在线观看| 97免费在线观看视频| 精品一区欧美| 日韩美女免费观看| 日韩一级片免费观看| 99视频精品| 久久99精品久久久久久久久久| 色涩视频在线观看| 久久色成人在线| 天天干天天综合| 久久免费电影| 精品一区二区三区四区| 波多野结衣一区二区三区四区|