以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

在iPhone X发布活动结束之后,关于其在屏幕顶端独特的“刘海”设计,引起了不少人的讨论。其实,这个“刘海”是为了将启用Face Id的相机和传感器隐藏起来。但仍有许多人,特别是设计师纷纷表示这个“刘海”太丑陋了,一点也不符合苹果的设计标准。图标和时间显示都被挤进了角落,这看起来很糟糕。

从UX的角度来看,这个“刘海”也是有问题的:当用户观看全屏视频或在iPhone X上玩游戏时,“刘海”就变成了一个棘手的问题;并且当以横向模式查看网站时,屏幕边缘会出现白色线条来适应这个“刘海,让人感觉非常不和谐。

不过苹果公司似乎欣然接受了这个“刘海”。在新的iPhone X人机界面指南中,他们告诉开发人员不要将其隐藏在黑色条下面:

不要掩盖或刻意突现关键显示功能。不要试图通过在屏幕的顶部和底部放置黑色条来来隐藏设备的圆角,传感器外壳或跳转到主页面的指示器。也不要使用像括号,边框,形状或指示性文字等视觉装饰来吸引用户注意这些区域。

在主题演讲之前,Max Rudberg推测苹果可能会改变他们的UI来适应这个缺口,要么隐藏它,要么界面环绕这个缺口。隐藏缺口非常容易,但是苹果显然选择了后者。

Max Rudberg的iPhone X模型

(另请注意,Max的模型中的虚拟Home键是iPhone多年来最具特色的功能,苹果决定将其完全从iPhone X中移除。)

那么苹果为什么要这样做呢?

当然,苹果设计师并非无能。他们有意识地决定将注意力转移到iPhone X上的缺口上---因为这是一个功能,而不是一个bug。我想大多数人都忽略了这一点。

这个缺口恰好是苹果品牌的象征。这个缺口的存在使iPhone X从众多手机中脱颖而出。为了吸引更多的注意力到iPhone X无边框设计和相机上,使其与许多Android手机不同。而移除圆形Home键是iPhone X的另一特色功能。

如果没有这个缺口,你又如何认出iPhone X?它可能与其他手机无异,只是一个带圆角的矩形。

现在看看苹果的网站菜单。能一眼看到iPhone X这个图标吗?

这个缺口是一个设计决定和声明,就像iPod的白色耳机一样。当然,这也是一个妥协,它有缺点,但是对苹果来说这样做显然很重要。不过我觉得iPhone X的发布对于所有的设计师来说都是一个有趣的一课。

原文作者:Maciej Lipiec

原文链接:https://medium.com/swlh/the-iphone-x-notch-is-all-about-branding-aef4f34c365b

学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

iPhone X 的“刘海”正是苹果的品牌象征的更多相关文章

  1. 新iPhone又要提价,苹果靠什么基业长青?

    在股神巴菲特一番煽情言论之后,苹果股价再创新高,达到187.67美元,总市值约为9450亿美元,正大踏步向着1万亿美元市值的目标前进,这是一条科技.经济.财经.社会等领域的头条新闻,遭到全球各界人士的 ...

  2. [置顶] 请听一个故事------>你真的认为iPhone只是一部手机?苹果惊天秘密!!

    在网上看到的一篇小说,感觉有点意思,转载过来大家一起围观下,作者很幽默很风趣. 导读:iPhone的隐藏功能!Jobs的军方身份!图灵服毒自杀的传奇故事!中兴华为的神秘背景! 你真的认为iPhone只 ...

  3. 请听一个故事------>你真的认为iPhone只是一部手机?苹果惊天秘密!!

    在网上看到的一篇小说,感觉有点意思,转载过来大家一起围观下,作者很幽默很风趣. 导读:iPhone的隐藏功能!Jobs的军方身份!图灵服毒自杀的传奇故事!中兴华为的神秘背景! 你真的认为iPhone只 ...

  4. 用CSS里的 viewport-fit 标签应对iPhone X 的刘海

    iPhone X 配备一个覆盖整个手机的全面屏,顶部的“刘海”为相机和其他组件留出了空间.然而结果就是会出现一些尴尬的情景:网站被限制在一个“安全区域”,在两侧边缘会出现白条儿.移除这个白条儿也不难, ...

  5. iOS开发:判断iPhone是否是刘海屏iPhoneX、iPhoneXR、iPhoneXs、iPhoneXs Max等

    保证能判断,呕心沥血,不行切JIJI 方法一 Objective-C // iPhoneX.iPhoneXR.iPhoneXs.iPhoneXs Max等 // 判断刘海屏,返回YES表示是刘海屏 - ...

  6. 借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海

    CSS代码: .box { max-width: 414px; height: 480px; border: solid #000; margin: auto; overflow: auto; } . ...

  7. iPhone X会成为苹果最短命的旗舰机型吗?

    最近,有媒体报道有凯基证券分析师郭明琪在他的最新报告指出,iPhone X将在今年中结束生产.因为苹果已计划下半年推出新款iPhone,价格也比iPhone X会低并有新功能发布.所以他预计iPhon ...

  8. 苹果市值破万亿,iPhone 会涨价吗?

    今日导读 苹果教父乔布斯曾经说过:“活着就是为了改变世界.”虽然他在 56 岁时就遗憾离世,但他极具创新和变革的精神早已深埋进苹果公司的企业文化里,影响着一代又一代的人.就在最近,这家一直努力“改变世 ...

  9. iPhone代工商,谁敢要求苹果赔偿损失?

    据外国媒体报道,苹果的首席设计师已准备离职,有相关评论称:库克已经不在把硬件设计放到第一位,整个团队都巧妙地遭遇降级.相信熟悉苹果组织的人都知道,他们一切的核心都是围绕"硬件设计" ...

随机推荐

  1. 安装配置adb工具及遇到的问题

    一. 下载安装 配置环境 二.遇到的问题 1.Terminal 不是内部或外部命令,也不是可运行程序或批处理文件 https://blog.csdn.net/wuqilianga/article/de ...

  2. Ext.js 之MVC

    Ext.js 4.0之MVC

  3. CH1812 生日礼物

    题意 描述 ftiasch 18岁生日的时候,lqp18_31给她看了一个神奇的序列 A1, A2, ..., AN. 她被允许选择不超过 M 个连续的部分作为自己的生日礼物.ftiasch想要知道选 ...

  4. prisma graphql 集成timescaledb

    prisma 官方文档说明了因为支持pg 所以相关的timescaledb.cockroachdb 应该也是支持的 但是测试之后timescaledb 支持cockroachdb有问题(事务处理模型支 ...

  5. poj3311 经典tsp问题

    题目的大概意思就是一个人到一些城市送披萨,要求找到一条路径可以遍历每个城市后返回出发点,而且路径距离最短.最后输出最短距离就可以. 注意:每个城市可反复訪问多次. 因为题中明白说了两个城市间的直接可达 ...

  6. 黄聪:VS2010编辑C#未启动,打开设计视图时报"未将对象引用设置到对象的实例"

    通常情况下,若是你将用户控件写好了放入窗体中,若是有不合理的代码,则会弹出错误提示框,不让你放.若是你之前只是随便加了一个用户控件,并且没有什么问题,但后来你又把控件改坏掉了,那么你打开就会报错(在窗 ...

  7. Java 简单TCP文件传输

    服务端 package TCP; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputSt ...

  8. zufeoj 1018 阶乘第k位是多少(sprintf)

    题目描述     n的阶乘定义为n!=1*2*3*……*n  如3!=6     n!通常最后会有很多0,如5!=120  最后有一个0,现在统计n!去除末尾的0后,最后k位是多少 输入     第一 ...

  9. 开始Django之旅

    MTV 与 MVC 模型 1.MVC模型 Web服务器开发领域里著名的MVC模式,所谓MVC就是把Web应用分为 模型(M) ,控制器(C) 和 视图(V) 三层,他们之间以一种插件式的.松耦合的方式 ...

  10. django-auth组件的权限管理

    一:自定义权限验证 1.在model中的Meta类自定义权限码 class WorkUser(models.Model): username = models.CharField(u'用户名', ma ...