途牛iPhoneX适配揭秘:组件化系统下的动态设计(4)

来源:网络   作者:热心网友   发布时间:2018-01-11    浏览次数:187



全屏元素


1、全屏弹窗

调整文本内容于安全区域内,底部有操作按钮的距下增加Home indicaror34高度,距Home indicaror间距与原页面间距保持一致。


2、左右布局页面

当页面中右侧交互内容推出后,如果信息卡片和主屏幕指示条交错叠加,就会稍显信息混乱,建议抽屉导航的宽度根据主屏幕指示条的位置进行调整,完整露出或完全遮挡指示条。


3、全屏画面(Splash、全屏活动页、全局缺省等)

iPhoneX界面中增加的145pt增加了对于内容文本的露出,但是当面对如splash这类的全局页面是,增加的高度会使得全屏画面的视觉中心上移,所以需要设计师们针对此类问题进行新增iPhoneX尺寸/ 调整页面元素间距来完成适配。









综上的适配规则只需熟悉官方大大的基本限制结合业务调整后并没有太大的难点,但是在规则设定完后如何发动各个不同的事业部进行规则周知?如何把控各个研发团队的开发效果?如何提高人效完成适配工作?这些问题成为了我们在项目落地过程中更为关注的痛点。


12345共5页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:规范适配

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7025.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通