5.2.2 iOS和Android平台设计的区别

字体

iOS

的字体用的是常州华文的黑体-简Heiti SC(中文)和Helvetica、Arial,当然iOS7自带很多字体,具体请参看(https://support.apple.com/zh-cn/HT202771)。

Android

则常用思源字体(google和adobe联合推出的中文字体)和Roboto。相对来说google在推出思源字体之前就较好的考虑了中文和因为字体的融洽性。


5.2.2 iOS和Android平台设计的区别_第1张图片
(图片引用自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触摸反馈


5.2.2 iOS和Android平台设计的区别_第2张图片
(图片引用自http://blog.jobbole.com/77015/)
5.2.2 iOS和Android平台设计的区别_第3张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

2、Circular Reveal圆形展示

5.2.2 iOS和Android平台设计的区别_第4张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

3、Curved motion曲线运动


5.2.2 iOS和Android平台设计的区别_第5张图片
https://appvigil.co/blog/what-is-google-material-design-for-android/


5.2.2 iOS和Android平台设计的区别_第6张图片
https://developer.android.com/training/material/animations.html

4、View state changes视图状态变化

5、Vector Drawables矢量图动画

矢量图片是可伸缩而不失真的。AnimatedVectorDrawable类让你能使一个矢量图动起来。

6、Activity transitions活动转场


5.2.2 iOS和Android平台设计的区别_第7张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)
5.2.2 iOS和Android平台设计的区别_第8张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

5.2.2 iOS和Android平台设计的区别_第9张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)
5.2.2 iOS和Android平台设计的区别_第10张图片
(图片引用自http://ptrprograms.blogspot.com/2014/08/getting-started-with-android-l.html)

效果

iOS原生自带毛玻璃效果,但是如果Android先实现同样的效果会消耗比较大的系统资源。

不同平台手指触摸目标大小

iOS 44 x 44pt

Android 48 x 48 dp


5.2.2 iOS和Android平台设计的区别_第11张图片
http://sebastien-gabriel.com/designers-guide-to-dpi/home

这一篇感觉没写完似的,以后有时间再更新更新


文章版权所有。转载请注明 。

你可能感兴趣的:(5.2.2 iOS和Android平台设计的区别)