设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
苹果公司每年9月的新品发布会，有着越来越大的影响力。iPhone X 98% 的好评率大概是iPhone 系列产品的一个缩影，它们确实是这个时代智能手机的标杆。
新 iPhone 发布！老板催你做适配了么？
为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 格...
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接：https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少，也是盲目找图临摹，要难受了！！！（本人非专业艺术生）
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。