咨询专线:010-56288093

云端高科:iOS 平板与 Android 平板的交互与动画

时间:2016-02-29 08:36:20 小编:云端高科 来源:云端高科网络

苹果和谷歌对开发者发布的 iOS 8 与 Android 5.0 设计规范为的就是帮助开发者所开发的应用能够尽量与系统应用得到一致的体验。因此,下面试图通过两者的设计规范粗浅地对比 iOS 平板(iOS 8)与 Android 平板(Android 5.0)的交互与动画:
 
设计原则界面设计中的隐喻用户使用平板时的输入方式平板响应这些用户行为的输出效果(动画)iOS 平板与 Android 平板的设计原则
iOS 8 的设计原则在我的理解是:
 
充分利用整个屏幕(所谓「沉浸式」)、弱化拟物设计、使用毛玻璃底板等方式去突出主体内容,以内容为主通过留白、不同状态的颜色、排版及无边框的按钮保证内容显示的清晰度利用毛玻璃、重叠效果及空间的大小关系(如日历中「年」与「月」)表达空间中的层级关系。
而要讲 Android 5.0 设计原则就必须说到谷歌推出的全新设计语言 Material Design 。Material Design 的设计原则在我的理解里是这样的:
 
通过纸面质感的设计效果(包括排版、网格、空间、比例、配色、图像使用)让用户感到自然(明白隐喻)突出核心功能,引导用户操作对用户的行为进行统一的、恰当的反馈两者的区别
由于 iOS 的操作一般只有三种:点击进入下一层、返回上一层、按 home 键返回桌面,操作相对简单而统一,因此 iOS 8 的设计以突出内容为主。
 
而 Android 的操作相对复杂一些,因此通过纸面质感的设计效果以引导操作成为设计重点。
 
其次,iOS 8 通过透视下层内容的方式(毛玻璃)表达空间层级关系,而 Android 5.0 通过光影效果表达。
 
iOS 平板与 Android 平板界面设计中的隐喻
iOS 的界面通常由顶部导航栏和底部 Tap 组成的 Bar、内容、控制按钮,以及及警告提示等消息提示组成,iOS 平板亦同。这里拿 iPhone 的界面描述 iOS 平板中的举例说明。
云端高科网站建设   营销型网站制作  高端网站建设  

云端高科

 
iPhone 界面
 
这个界面中底部 Tap 和位于顶部导航栏中的分段控制按钮均以鲜明的颜色表示被选中的状态,而且分段控制按钮以按钮形式出现,暗示这是需要点击切换而不是滑动切换
 
 
底部 Tap 和位于顶部导航栏中的分段控制按钮
 
顶部导航栏中出现了标题和两个控制按钮,他们则是以颜色不同暗示是否可以点击

试试长按二维码加关注

Copyright © 2016-2018 yingxiaozhan.cn 云端高科 版权所有

京ICP备12005242号-1

咨询专线:010-56288093
返回
做好网站优化有哪些好处
02月刊 浏览量:0 来源:云端高科
云端高科:iOS 平板与 Android 平板的交互与动画
苹果和谷歌对开发者发布的 iOS 8 与 Android 5.0 设计规范为的就是帮助开发者所开发的应用能够尽量与系统应用得到一致的体验。因此,下面试图通过两者的设计规范粗浅地对比 iOS 平板(iOS 8)与 Android 平板(Android 5.0)的交互与动画:
 
设计原则界面设计中的隐喻用户使用平板时的输入方式平板响应这些用户行为的输出效果(动画)iOS 平板与 Android 平板的设计原则
iOS 8 的设计原则在我的理解是:
 
充分利用整个屏幕(所谓「沉浸式」)、弱化拟物设计、使用毛玻璃底板等方式去突出主体内容,以内容为主通过留白、不同状态的颜色、排版及无边框的按钮保证内容显示的清晰度利用毛玻璃、重叠效果及空间的大小关系(如日历中「年」与「月」)表达空间中的层级关系。
而要讲 Android 5.0 设计原则就必须说到谷歌推出的全新设计语言 Material Design 。Material Design 的设计原则在我的理解里是这样的:
 
通过纸面质感的设计效果(包括排版、网格、空间、比例、配色、图像使用)让用户感到自然(明白隐喻)突出核心功能,引导用户操作对用户的行为进行统一的、恰当的反馈两者的区别
由于 iOS 的操作一般只有三种:点击进入下一层、返回上一层、按 home 键返回桌面,操作相对简单而统一,因此 iOS 8 的设计以突出内容为主。
 
而 Android 的操作相对复杂一些,因此通过纸面质感的设计效果以引导操作成为设计重点。
 
其次,iOS 8 通过透视下层内容的方式(毛玻璃)表达空间层级关系,而 Android 5.0 通过光影效果表达。
 
iOS 平板与 Android 平板界面设计中的隐喻
iOS 的界面通常由顶部导航栏和底部 Tap 组成的 Bar、内容、控制按钮,以及及警告提示等消息提示组成,iOS 平板亦同。这里拿 iPhone 的界面描述 iOS 平板中的举例说明。
云端高科网站建设   营销型网站制作  高端网站建设  

云端高科

 
iPhone 界面
 
这个界面中底部 Tap 和位于顶部导航栏中的分段控制按钮均以鲜明的颜色表示被选中的状态,而且分段控制按钮以按钮形式出现,暗示这是需要点击切换而不是滑动切换
 
 
底部 Tap 和位于顶部导航栏中的分段控制按钮
 
顶部导航栏中出现了标题和两个控制按钮,他们则是以颜色不同暗示是否可以点击

本站关键词:北京APP开发,北京APP制作,APP开发公司,APP制作公司,北京高端网站建设 高端网站建设公司 北京网站建设公司 高端建站公司