冠富商务通中文社区

 找回密码
 立即注册
查看: 11|回复: 0
打印 上一主题 下一主题
收起左侧

产品设计:iPhone X 官方人机交互指南中文版

[复制链接]
跳转到指定楼层
楼主
发表于 2017-10-5 21:01:05 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

编者按:昨天凌晨刚更新了iPhone X 的人机交互指南,中午优设就邀请了@平行煎餅 翻译成中文版,最新鲜的设计干货,来优设准没错!
iPhone X有一块超大型、高分辨率、圆角的、无边框的屏幕,为用户提供了前所未有的沉浸式的、内容丰富的体验。

屏幕尺寸

iPhone X的竖屏模式,宽度与iPhone6、iPhone7、iPhone8 的4. 7 寸显示屏宽度相同;iPhone X的高度比4. 7 寸的屏幕要高出145pt,增加大约20%的垂直显示空间。


  • 竖屏尺寸:1125px × 2436px (375pt × 812pt @3x)
  • 横屏尺寸:2436px × 1125px (812pt × 375pt @3x)
应用程序可以显示高分辨率的图像。iPhone X可以显示高分辨率的@3x图片。对于其他平面和矢量的图形,最好提供独立分辨率的PDF格式的图片;对于其他栅格化的图片,需要提供@3x和@2x的图片。
布局

在为iPhone X做设计时,您必须确保布局覆盖到整个屏幕,并且不会被设备屏幕上的圆角、传感器和指示灯所遮蔽。

应用程序中大多数使用标准化的、系统提供的UI元素(如导航栏、表格等)会自动适配iPhone X。背景延伸到显示器边缘,并适当的插入UI元素。

对于自适应布局的应用,支持iPhone X的适配应该也比较容易,特别是遵循安全区域和边距布局指南的自适应布局应用。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|关于我们|申请友链|Archiver|手机版|拘留所|冠富商务通

GMT+8, 2026-1-28 04:53 , Processed in 0.088005 second(s), 13 queries , Wincache On.

Powered by HCMS Version 2.0

© 2008-05-14 guanfu.net.cn

快速回复 返回顶部 返回列表