5.2.2 iOS和Android平臺設(shè)計的區(qū)別

字體

iOS

的字體用的是常州華文的黑體-簡Heiti?SC(中文)和Helvetica、Arial,當(dāng)然iOS7自帶很多字體,具體請參看(https://support.apple.com/zh-cn/HT202771)。

Android

則常用思源字體(google和adobe聯(lián)合推出的中文字體)和Roboto。相對來說google在推出思源字體之前就較好的考慮了中文和因為字體的融洽性。


(圖片引用自http://www.zhihu.com/question/20922638)


功能

物理功能按鍵

iOS只有Home按鍵,而Android有Home和Back

Widgets

Android有widgets(小插件),主要分為

1、信息型Widgets

2、聚合型Widgets

3、控制型Widgets

4、混合型Widgets


動畫

iOS自帶的動畫效果

1、UIView?animation動畫

2、UIImageView.images形式的幀動畫

3、CoreAnimation的一些3D動畫

Android(material?design)自帶動畫效果

1、Touch?feedback觸摸反饋


(圖片引用自http://blog.jobbole.com/77015/)
(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

2、Circular?Reveal圓形展示

(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

3、Curved?motion曲線運動


https://appvigil.co/blog/what-is-google-material-design-for-android/


https://developer.android.com/training/material/animations.html

4、View?state?changes視圖狀態(tài)變化

5、Vector?Drawables矢量圖動畫

矢量圖片是可伸縮而不失真的。AnimatedVectorDrawable類讓你能使一個矢量圖動起來。

6、Activity?transitions活動轉(zhuǎn)場


(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)
(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)
(圖片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

效果

iOS原生自帶毛玻璃效果,但是如果Android先實現(xiàn)同樣的效果會消耗比較大的系統(tǒng)資源。

不同平臺手指觸摸目標(biāo)大小

iOS 44 x 44pt

Android 48 x 48 dp


http://sebastien-gabriel.com/designers-guide-to-dpi/home

這一篇感覺沒寫完似的,以后有時間再更新更新


文章版權(quán)所有。轉(zhuǎn)載請注明 。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容