全网首批!iPhone Duo详细界面参数,UI设计适配规范

全网首批!iPhone Duo详细界面参数,UI设计适配规范

评论有奖

收藏 2 点赞 28

iPhone Duo这套UI适配规范,我算是第一时间整理出来了。折叠屏最麻烦的地方,就是同一个界面换个状态,尺寸、安全边距、导航位置全都可能跟着变,靠感觉画很容易返工。
所以这次我把折叠态竖屏、横屏、展开态、侧边控件栏、Tab bar这些常用场景都拆了一遍,具体尺寸和间距也直接标在图里了。像右侧84pt控件区、左侧20pt安全距离,还有展开后的横竖屏变化,都能直接拿来对照。
后面还整理了Figma文档,尺寸规范、官方规范和适配案例都放进去了。做移动端UI、折叠屏适配或者想提前研究新设备界面的,可以先收藏,真做到这类项目时会省不少时间。

觉之设计专栏作者AIGC达人

人气 69.9w 文章 48
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
全网首批!iPhone Duo详细界面参数,UI设计适配规范
收藏 2干货满满
点赞 28
配色灵感!9组超好看高级感品牌设计配色
😘 立即查看 >
下一篇 配色灵感!9组超好看高级感品牌设计配色

发评论!每天赢奖品

点击 登录 后,在评论区留言,系统会随机派送奖品

2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们

本期奖品

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}
阅读相关文章
{{comTitle}} {{comSubtitle}}