以下内容由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. 2018c语言第2次作业

    1 删除字符串中数字字符 1.设计思路 (1)主要描述题目算法 第一步:先用for循环比较每个数是否符合删除条件. 第二步:如果符合就把这个数利用交换把这个数提前一位. 2.实验代码 void del ...

  2. 打造基于jQuery的日期选择控件

    终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求. 我之前也写过(正确的说是改过 ...

  3. Spring4源码解析:BeanDefinition架构及实现

    一.架构图 首先共同看下总体的 Java Class Diagrams 图: 二.具体类实现 2.1 AttributeAccessor 接口定义了一个通用的可对任意对象获取.修改等操作元数据的附加契 ...

  4. 【linux】U盘安装启动出现press the enter key to begin the installation process 就不动弹了

    今天在物理机上安装centOS6.5  64bit 系统的时候,出现了U盘安装启动出现press the enter key to begin the installation process 就不动 ...

  5. week3-栈和队列

    1.学习总结 2.PTA实验作业 2.1 题目1:7-1 jmu-报数游戏 2.2 设计思路(伪代码或流程图) 2.3 代码截图 2.4 PTA提交列表说明. 答案错误:error少了 !: 非零返回 ...

  6. Bootstrap-Plugin:模态框(Modal)插件

    ylbtech-Bootstrap-Plugin:模态框(Modal)插件 1.返回顶部 1. Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是 ...

  7. Educational Codeforces Round 37-F.SUM and REPLACE题解

    一.题目 二.题目链接 http://codeforces.com/contest/920/problem/F 三.题意 给定$N$个范围在$[1, 1e6)$的数字和$M$个操作.操作有两种类型: ...

  8. Centos编译Redis4.0.9源码过程记录

    mkdir /home/redis cd /home/redis 下载源码 wget https://codeload.github.com/antirez/redis/tar/4.0.9 解压源码包 ...

  9. [Python] map Method

    Map applies a function to all the items in an input_list Blueprint map(function, list_of_inputs) Mos ...

  10. 20165233 Java第一章学习总结

    20165233 2017-2018-2 <Java程序设计>第一周学习总结 教材学习内容总结 第一章 Java特点:语法简单.面向对象.与平台无关.动态. 字节码不能被任何平台直接识别. ...