设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > APP设计 > iPhone X 的“刘海”正是苹果的品牌象征

iPhone X 的“刘海”正是苹果的品牌象征

Cherry
2017-10-23
66991

在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


上一篇
文字如何实现完美UI?文本排版设计告诉你

Trista   10/24

大赛专访 | ​设计智享音乐盒子的时候,我在想些什么?

Doris   10/23

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com