惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

宝玉的分享
宝玉的分享
Engineering at Meta
Engineering at Meta
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 聂微东
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Last Week in AI
Last Week in AI
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 三生石上(FineUI控件)
T
Tailwind CSS Blog
Apple Machine Learning Research
Apple Machine Learning Research
Hugging Face - Blog
Hugging Face - Blog
爱范儿
爱范儿
博客园 - 司徒正美
人人都是产品经理
人人都是产品经理
Jina AI
Jina AI
博客园 - 叶小钗
雷峰网
雷峰网
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - Franky
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
量子位

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
iPhone X 没开卖,大家就开始试验带「刘海」的 App 是什么效...
2017-09-15 · via 少数派

9 月 iPhone 发布会上,这款毫无疑问即将引领手机设计制造新浪潮的 iPhone X 正式亮相。它的标志性特征 sensor housing ——也被称为顶部「刘海」—— 集成了八个传感器来实现 Face ID 等创新功能。然而这个刘海有碍观瞻的观点也甚嚣尘上,它和窄边框的屏幕等,都给设计师和开发者都带来了不小的麻烦。

对于用户而言,iPhone X 的刘海可能是让人又爱又恨的设计。

爱的是,这一刘海像司马昭之心一样传达着「我在使用 iPhone X」这一个事实,正如 iPhone 7 的亮黑色一般。当然,包括 Face ID 以及 Animoji 等在内的新颖功能也会让人爱不释手。

恨的原因,也很明显,这个刘海让屏幕不再方正圆润,就像一块膏药般永远的贴在你的屏幕上。看视频、看照片亦或其他,当你使用大部分应用时,它可能都会很显眼。

在竖屏模式下,这个刘海影响视觉体验的情况可能会好些。因为当我们在使用 iPhone 时,多数情况下不会注意到状态栏。iPhone X 将状态栏和刘海放在同一排,同样地,你也会比较容易地忽略刘海的存在。如果应用的主色调采用黑色等与刘海较为接近的颜色,它在 iPhone X 上的呈现会很和谐,而如果应用是白色背景,那么刘海自然会很突出。

@CARROT:If this doesn’t make you want spend $1,000 in November, I don’t know what will. (如果这都不可以让你在 11 月刷掉 1000 美元,我真不知道啥可以了。)

在横屏模式下,这个刘海则会以各种方式「叫嚣着」宣告自己在屏幕上的存在。看看微博和 Twitter 的大量吐槽就知道了。

@Owen Williams:new iPhone format: 16:9:notch. (新的 iPhone 规格:16:9:刘海。)

@Thomas Fuchs:iPhone X renders webpages with literal white bars on the sides.(iPhone X 渲染网页时会在两侧加上小白条。)

@图拉鼎:大型崩溃现场之「在 iPhone X 与 iPhone 8 上浏览 Apple.com」。

@jedmund:「The notch was a good idea」—Apple fanboys, 2017. I present to you Exhibit A.(「这个刘海真棒——2017年果粉如是说。这个刘海好不好你自己心里还没有点 B 数嘛!)

对于开发者和设计师来说,这个刘海带给他们的是更多的麻烦。如何将自己的应用,在 iPhone X 这个异形屏幕上优雅地显示,可真是一个难题。Apple 更新了 Human Interface Guidelines 来为开发者提供适配 iPhone X 指南,从中可以看出,Apple 希望开发者将这个刘海毫无遮掩地呈现在 iPhone X 的「脑袋上」。

👉指南一:当为 iPhone X 适配应用时,请确保布局填充整个屏幕,同时不被设备的圆角、传感器和下方的 Home 条所遮挡。

👉指南二:不要尝试去隐藏设备的圆角、刘海或 Home 条,比如故意在屏幕顶部和底部使用黑色素材。

Apple 的设计指南里并没有告诉开发者和设计师到底怎么来处理好刘海区域的视觉设计。开发者于是想到了各种姿势来试图让这个刘海不会影响到内容的呈现,比如使用动态异步排版和渲染。

@Vojta Stavik:I think I’ve fixed the notch issue in landscape 🍾(我猜我已经解决了横屏模式下刘海的显示问题)

当然这些做法有些过分吐槽的意味,对于这类信息显示的处理,iOS 原生应用正传达出 Apple 的意思:刘海上下不要放任何内容。

好在我们平时最常用的应用,如微信、支付宝等都没有横屏模式,刘海的问题倒不是太大。当我们看照片时,在不将图片放大的情况下,这个刘海也不会遮挡到图片内容。而在手机横屏看视频或者玩游戏时,就让刘海大方地露出来吧。


少数派接下来会持续报道新 iPhone 和 iOS 11 的方方面面,欢迎你通过 少数派 iOS App 及时获取最新内容。

阅读少数派更多关于新 iPhone 的内容: