设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
苹果公司每年9月的新品发布会，有着越来越大的影响力。iPhone X 98% 的好评率大概是iPhone 系列产品的一个缩影，它们确实是这个时代智能手机的标杆。
新 iPhone 发布!老板催你做适配了么?优设为大家收集了一套 iPhone XS、iPhone XS Max、iPhone XR 展示模板，可以用于展示 UI 视觉效果。
为iPhone X进行UI设计的时候，和以往截然不同的屏幕和交互方式，会使得UI设计师面临一些全新的挑战。当然，全新的设计，在很多时候还会给设计师一些新的机遇。
iPhone X 发布后，很多设计师吐槽屏幕的形状。当大部分的吐槽逐渐平息下来，我依然没看到关于屏幕转角细节设计的讨论。
有什么方法可以极速适配iPhone X ?今天这篇好文腾讯设计师以QQ空间H5的项目为例，给大家分享最快的适配方法!
张瑨：iPhone X 上市已经有一段时间了，不知道使用 iPhone X 的小伙伴是否已经习惯了 iOS 11 操作系统和 iPhone X 手机特有的操作体验。滴滴出行在 iPhone X 发售前就针对其操作特性进行了界面适配，保障了 iPhone X 用户的全面屏操作。
编者按：QQ 音乐团队设计师们做了一些研究工作，从方案对比选型到确定适配方案，都是希望能让产品更好地适配 iPhone X。本文将与大家详细分享从了解 iPhone X、到适配方案研究、最后方案实施的点点滴滴。
编者按：iPhoneX 发布之后，全新的屏幕和为之适配的iOS系统，为我们呈现出全新的交互。之前我们习惯了的交互，在这块带着刘海的屏幕上，不再完全相同，之前恰到好处的设计，在这块屏幕上似乎也没法完美的运作了。
编者按：腾讯的设计师用王者荣耀的H5 页面案例，帮你学会给iPhone X 做适配。腾讯ISUX ：目前的 H5 页面可以分为通栏页面和非通栏页面两种，每种页面都可能有底部操作栏，具体如下：一. 通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏 banner 的效果，由于 iPhone X 在状态栏增加了24px的高度，对于现在通栏 banner 规范的内容区域会有遮挡情况。
编者按：基于很多文章都只是翻译了官方的原文，并没有加入自己的想法和见解，所以我决定自己试着适配 iPhone X，如果出现了失误或者问题，请多指教。毕竟写文章的初衷是为了跟大家一起进步和探讨呢~熟悉 iPhone X这里用 iPhone 6 举例子是因为大部分设计师都用 iPhone 6 来做设计稿，方便大家理解，其实 iPhone 8也是这个分辨率。
iPhone X 搭载了超大，高清晰度，大圆角，无边框的显示屏，又一次刷新了我们对内容优先的沉浸式体验的认识。——翻译自《Human Interface Guiidelines》屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。
Riceman：发布会谢幕了，媒体们也发完了新闻稿，朋友圈也热闹过了，接下来的工作该轮到设计师了。iPhone X 11月才发货，但你也许已经接到做适配设计的任务了。
@Ryan Lau ：北京时间 13 日凌晨，Apple 在 Apple Park 内的 Steve Jobs Theater 召开了秋季特别活动，在为全面屏的 iPhone X 揭开面纱的同时，Apple 向开发者们推送了即将在 19 日正式推送的 iOS 11 GM 版本，笔者也在第一时间更新了自己的 iPhone。笔者在 6 月份的 WWDC 后尝鲜了 iOS 11，在经历了一个暑假的更新后，iOS 11 终于走到了正式版。
@__WATERS ：iPhone X 作为一台全面屏的设备，和上一代的 iPhone 7 还是有着很大的区别，这些区别不仅体现在材质和工业设计上，在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」（同为 375pt），但在高度方面就比原先多出了 145 pt ，再加上 iPhone X 去掉了最为标志性的 Home 键，这两点直接导致的就是界面的布局和交互会发生相应的变化。
今天iPhone 8 和iPhone X 刚发布，编辑看到iOS 11的设计规范也更新了，而且还有界面源文件，包括Sketch和 Adobe XD 格式，还有视频介绍，赶紧来收。官方视频观看：http://pan.baidu.com/s/1boFZk8B源文件下载PSD 格式：https://pan.baidu.com/s/1qXESGawAdobe XD 格式：http://pan.baidu.com/s/1bo00asvSketch 格...
写的真棒，案例清晰易懂 谢谢作者
好棒哦，还想看名片篇(ˊo̴̶̷̤ ̫ o̴̶̷̤ˋ)
写得真的非常详细了，虽然看过一些视频教程，但是经常看了就忘了，这篇文章就好像是一篇笔记，可以随时翻看！感谢作者！
写的很棒，受教了
对于头盔，我个人觉得优先考虑安全性问题，多做一下测试，确保人员生命安全才是，对于外形设计，这个和一般的溜冰头盔一个样，就多了一个防护镜，但这个防护镜往往就是个安全隐患，要多加注意
写的真棒，案例清晰易懂 谢谢作者