资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

iOS与Android设计规范

来源:常德网站设计 | 2020.03.21

基于两个平台的用户一致性的体验、以及节省UI设计和研发成本的考量,整理了两个平台设计规范差异和共融之处。

对于如何设计一款学习成本低、辨识度高、有个性的APP,iOS和Android均给出了对应的建议,就是《iOS设计规范》和《Material Design设计规范》。


规范中对导航、手势、通知、控件等方面都做了描述,并给出了相应的建议和检查清单。实际工作中,当然并不是一定要按照规范中描述进行APP设计,然而依然可以使用上述规范作为我们设计的参照,尽量避免一些明显的问题。


基于两个平台的用户一致性的体验、以及节省UI设计和研发成本的考量,整理了两个平台设计规范差异和共融之处。



设计语言不一样

iOS与Android设计规范


iOS/Flat Design视觉效果

iOS/Flat Design是手机界面设计的里程碑

化繁为简,其核心思想就是让“信息”本身凸显出来,在设计元素上则强调了抽象、极简和符号化。

iOS与Android设计规范


Andorid/Material Design视觉效果

核心思想是“数字纸墨”的空间,层级层次分明。

离用户最近的材料,投影最大,色彩越鲜明,越推荐用户使用

iOS与Android设计规范


Meterial Design(材料设计)赋予UI设计新的方向

“Z轴概念”阴影大小直接体现了材料之间的距离

iOS与Android设计规范

 


动画原理

动画设计原理不同(1)

动效不仅仅是为了视觉效果上的酷炫,更是帮助用户,

更好的理解层级、转场关系和关注到终点信息的利器

iOS与Android设计规范


动画设计原理不同(2)

近实远虚,对焦物体清晰,背景模糊—⾼斯模糊

iOS与Android设计规范

近大远小,全景&特写,长焦&短焦

iOS与Android设计规范


Android还原机械物理运动

Meterial Design的隐喻是纸张,用户的手指就像磁铁一样把电子纸墨吸引过来;点击后就会泛起“涟漪”作为一个交互相应,离用户手指越近的元素越亮,阴影越深。

iOS与Android设计规范


动画接近真实

物理世界中的运动和变化都是有加速和减速过程的,忽然开始、忽然停止的匀速动画显得机械而不真实

iOS与Android设计规范


完整规范

Android Material Design

返回首页 了解更多建站资讯


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458