忻州集团网站建设,网站安全管理制度建设下载,北京公司网站制作费用,魔贝课凡seo课程好吗摘要#xff1a;iOS和Android用户体验设计差异关键词#xff1a;iOS#xff0c;Android#xff0c;用户体验设计本文将讨论iOS和Android之间的具体设计差异。基本差异1、设计规范 iOS和Android遵循不同的设计规范。2、度量单位 iOS应用程序设计是在pt中开发的#xff0c;而… 摘要iOS和Android用户体验设计差异关键词iOSAndroid用户体验设计本文将讨论iOS和Android之间的具体设计差异。基本差异1、设计规范 iOS和Android遵循不同的设计规范。2、度量单位 iOS应用程序设计是在pt中开发的而Android应用程序设计是在dp中开发的。通常我们以1倍(或mdpi)进行设计并以2x和3x生成图标和插图。对于Android设计以dp显示并以hdpixhdpixxhdpi和xxxhdpi生成图形。3、屏幕尺寸 我更喜欢以尽可能小的尺寸设计iOS应用iPhone 5 SE的屏幕尺寸为320х568pt。我这样做是为了避免内容在小屏幕上显示不正确。有些人更喜欢为iPhone 8设计。对于Android应用普遍接受的屏幕尺寸为360х640dp。在为iOS设计时有时会为iPhone X(375х812pt)开发设计。开发人员必须了解如何在这种尺寸的屏幕上正确设置边距。在为iPhone X设计时还需要牢记安全区域。4、系统字体 如果不知道使用哪种字体请使用系统字体。对于iOS这是San Francisco。对于Android它是 Roboto。5、Android导航栏 与iOS不同Android具有用于反向导航的内置工具。它既可以内置在智能手机中也可以内置在界面中。用户可以使用箭头按时间顺序后退(反向按时间顺序导航)。当我刚开始做UI设计师时花了很多时间折磨Android开发人员经常问问题“为什么需要两个后退按钮” 切换到子页面时底部的导航栏中有一个顶部应用程序栏中有一个。6、Android投影标注 在Android中阴影起着很大的作用。它们在界面上添加了第三维(Z轴)这使每个组件都可以沿Z轴具有自己的特定位置(从0dp到24dp)。此外此Z轴不仅存在于概念级别上开发人员还有“elevation”参数可用于设置元素沿该轴的位置。7、命名差异 标签栏与底部导航栏导航栏与顶部应用栏分段控件与选项卡通知对话框Touch ID与Android指纹导航和模式(UX)的差异8、导航 iOS仅建议一种顶级导航方法Tab栏。Android则有三种方法导航菜单底部导航栏和标签。如果顶层页面超过五个则使用导航菜单。如果数量较少我们将使用底部导航栏。标签不是经常用于这种导航但是这种方法也可以使用。但是Material建议不要将选项卡和底部导航栏组合在一起因为与这些组件的交互会影响页面的内容并且用户可能会感到困惑。9、选项卡栏和底部导航栏的行为差异 在iOS上如果从母页面跳转到子页面然后通过选项卡栏转到另一个母页面然后返回前一个母页面用户仍将停留在子页面上。Android如果通过底部导航栏进行切换页面则将始终在母页面之间切换。如果用户之前在子页面上则将被重置。10、Android标签页 与iOS上的分段控件不同Android标签页具有一项特殊功能用户可以通过左右滑动来在标签之间移动。11、子页面的行为差异 在iOS上子页面(不计算模式窗口)仅以一种方式显示子页面显示在母页面的右侧和顶部具有“滑入”效果。返回母页面会产生“滑出”效果。Android会通过动画告知用户母页面和子页面之间的关系。用户与之交互过渡到子页面的组件将打开放大覆盖母页面。通过这种方式用户可以了解所在的位置和来源以及发生这种情况的原因以及按下返回按钮后会回到哪里。12、导航菜单 在设计带有导航菜单的应用程序时该组件“接管”了“向左右滑动手势。因此请勿在此手势中添加任何其他逻辑。13、滚动期间内容的行为 iOS上的内容在滚动期间的行为如下导航栏宽度减小工具栏消失。但是通常iOS开发人员可以在滚动过程中为内容和栏配置任何类型的行为。Android为滚动期间的行为提供了更多选项。例如底部导航栏搜索栏和底部应用栏可以在滚动过程中消失。顶部应用栏也可以消失或移至主要内容上方。14、不同的搜索行为 iOS将搜索委托给bar并将其称为Search Bar。在Android中我们在“导航”部分而不是“组件”部分中找到搜索。换句话说对于Material而言搜索只是另一种导航方法。在iOS和Android上搜索都可以静态显示在屏幕上并且通常固定在导航栏/顶部应用栏上。组件差异(UI)15、iOS上缺少哪些组件 iOS上没有下列Android组件。导航菜单BackDrop标语SnackbarsChips底部应用栏FABiOS上主要操作按钮应位于导航栏右侧的顶部。底部导航菜单Side Sheet展开底页标准底页参考资料[1]https://uxdesign.cc/ios-vs-android-design-630340a73ee6?sourcerss----138adf9c44c---4
