iPhone X是如何引领新科技的?

用户头像
北京/UI设计师/9年前/167浏览
iPhone X是如何引领新科技的?

7种新的IPHONE X设计方式

1、使用新的iPhone X画板尺寸


随着Home键的消除,刘海的诞生,苹果iPhone的显示高度比上一代“小”iPhone大约增加了20%,20%的增长等于设计空间的145pt(“pt”是非视网膜单元中的像素)。因此,设计iPhone X意味着在Sketch或Photoshop中以375 x 812的分辨率创建您的画板。


2、创建新的像素密度资源

iPhoneX的显示器不仅更高一些,而且它的尺寸也更高。iPhone X的新超级视网膜显示屏有惊人的2436 x 1125分辨率,458ppi显示在5.8英寸显示屏上。这对我们意味着什么?那么,新的超高像素密度意味着切图将需要以@3x的资源输出。


3、显示器的刘海

状态栏的垂直高度也从22pt增加到44pt,从圆角提供舒适的余量。好消息是,状态栏现在已经远远超出了方式,占据了奇怪的空间,您将不太可能尝试回收。因此,苹果要求您重新考虑任何以往决定隐藏状态栏。


4、注意新的长宽比


5、避免手势干扰


6、正确引用认证方式

如果您过去设计了一个涉及Touch ID的应用,则可能需要将其更改为Face ID。iPhone X省略了指纹扫描器,有利于投影和分析超过30,000个不可见的点,以创建出一张精确的脸部深度图。如果您的设计涉及Apple Pay或其他系统解锁功能,请务必参考Face ID。


7、利用更有影响力的色彩


苹果正鼓励设计师和开发人员使用Display P3颜色空间(而不是sRGB)为iPhone X创建UI界面,以利用手机上的宽彩色显示。这意味着更丰富,更饱和的界面可以在Display P3颜色配置文件中以16位/通道PNG导出,这可以通过Photoshop来实现。














3
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
新能源APP应用UIKit
【新年UI图标】体育icon
新拟态风格 UI设计组件库
【新年UI图标】旅行icon
3D渐变流体抽象矢量UI背景图
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】秒杀icon
【新年UI图标】30个图标
【新年UI图标】会员icon
UI 登录界面设计模板包
我的钱包-UI界面设计-app
户外旅行飞机情侣假日出行
UI界面 组件
UI通用设计素材1
科技医疗透明柜UI界面设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
盲盒APP UI设计
手表表盘UI系列
【新年UI图标】礼物/活动icon
Security Camera UI kit
高级表盘系列UI源文件
你可能喜欢
大家都在看
登录注册