020-29815005
预约专线时间:09:00-23:59

界面和交互设计之间如何进行适配

新闻来源:优漫教育 日期:2021-07-22
Apple手机推出全新的全屏iPhoneX手机。这是一款使用OLED屏幕的iPhone手机。它的正面设计也受到了更多人的反对,并表达了不满。对于用户来说,iPhoneX的刘海设计很可能会受到欢迎。
  刘海,和赵思默的心一样,也表达了我在使用iPhoneX时的感受,就像iPhone7亮黑。新特性包含了faceid和animoji,这无疑非常有吸引力。憎恨的原因同样显而易见。刘海让屏幕不再是方与圆,就像一块永远粘在屏幕上的石膏。看录像、照片或别的什么。在使用大多数应用程序时,它可能是最突出的。

  最近,IphoneX、iphonex适配器、指南、设计草稿的标题都是会议回顾和手机介绍。只需在官方网站上找到信息,然后就为iPhonex写一篇文章。别说和设计图无关的事。之前我们用的手机是方形矩形的,所以可以把整个屏幕当作一个安全区域。今天,刘海在iPhonex屏幕上的刘海和围绕着屏幕的圆形设计,给开发者和设计师带来了更多的麻烦。Apple更新了人机界面指南,为开发者提供iPhoneX的适配指导。如你所见,Apple想让开发者在iPhoneX上展示刘海。

  申请iPhoneX的时候,请确保整个屏幕的布局不会被设备的圆角、感应器和主工具栏所阻挡。在使用图像时,要注意纵横比的不同。iPhoneX的长宽比例与其他iPhone不一样,因此当iPhone在iPhoneX上显示全屏图片时,就会被切割掉。类似地,其它iPhone全屏的iPhoneX图片将被切割,请注意这两个设备的调整。参照IOS本地应用程序,看看苹果是什么意思:什么都不放。

  大多数应用程序是通过系统提供的标准用户界面元素(例如导航条)来适应iPhoneX!导航条、标签栏和工具栏扩展到屏幕顶部和底部的弯曲区域。若应用程序使用自定义控制非标准布局,则需要对iPhoneX进行少量的修改。


UI设计培训


  不能超过安全范围的网页内容。

  请勿将按钮放置在屏幕底部。用户可以通过屏幕底部的手势进入主屏或者切换应用程序。(下栏为主键)iPhoneX状态栏更高,并且在手机、定位等后台任务中不会改变(比如,在打电话和导航时,顶部添加的色带现在是时间信息底部的一个小泡,如下图)请勿将触发互动行为的按钮放在屏幕一角。通过屏幕底部的手势,用户可以进入主屏或切换应用程序。整体系统的运行优先于应用的操作。如果在角落放置功能,也很难操作。尝试设计一个用户手指能够触及的区域。

  删除物理主菜单按钮后,虚拟主菜单显示栏在底部出现,实现了常用的交互功能。在锁定屏幕状态时,滑动解锁,应用向内滑动,向上滑动,回到主屏,向上滑动,停留片刻,进入多任务切换窗口。多数情况下,一个虚拟家庭指示条会出现在屏幕的底部,而虚拟的家庭指示条只有两种颜色:黑色和白色。应用程序在底部有导航条,屏幕上会有双下巴。若有些应用程序有从下往上滑动的动作,苹果将提供边缘保护方案,以区分滑落到主屏。二次向上滑动,唤醒主指示杆,再激活原功能。虚拟主菜单栏会在关注的全屏状态下自动隐藏,但令人尴尬的是,在水平屏状态下,虚拟主菜单栏会随着旋转,安卓虚拟键会出现在屏幕底部,点击显示虚拟主菜单栏。