在 5.8 寸的 iPhone X 上,左上角的「拇指盲区」变得更大了。而基于 F 型流动视线设计的很多 App,通常都会将它们最重要的功能入口置于左上角(用户最先看到的内容原本正好处于拇指舒适区的边缘)。而到了 iPhone X 上,视线优先和拇指舒适就未必重合了——iPhone X 给设计师出了一道难题。 注意全屏图 如果你的 App 中用到了全屏背景图,比如启动画面(Splash screen),你需要注意不同屏幕比例的适配问题,确保图片被切割后依然保留主体部分。如果你的启动画面里有人物模特,尤其需要注意屏幕比例变化造成的切割位置的变化(半身人像如果正好切到手肘的位置会显得很奇怪)。 当然,有资源给两种屏幕比例做适配素材的同学可以忽略这一条。
矢量图形 PDF 是你的朋友 iPhone X 的屏幕分辨率达到 1125px × 2436px(458 PPI)。更高屏幕画质意味着位图素材的尺寸也要相应变大。这种情况下,尽可能多地使用 PDF 矢量图形可以在更大程度上为 App 瘦身,节省流量。
对设计师唯一的好消息…… 看到这里,作为设计师的你也许会觉得:这 iPhone X 就是个大坑!是的,我看完新的设计文档确实也有这种感觉…… 对设计师来说,有没有什么好消息呢? 有(且可能仅有这一条)—— 那就是大家再也不用考虑打电话,WiFi 热点分享等特殊状态下的设计啦!因为 iPhone X 用状态栏时间的背景颜色来统一表示这些特殊状态(不再有高度变化),喜大普奔!
总结 几天后,当你在设计软件里新建出第一个形状诡异的 iPhone X 画布,请记得: 新增的虚拟 Home 指示条,将成为你不得不考虑的设计元素之一。希望你还能记得它的五个特性:如影随形、黑白双煞、真 · 全面屏、鸠占鹊巢、自动隐身。 全面屏 iPhone 更大,也更瘦长了。但对你来说,你要时刻牢记一个陌生又熟悉的词——「安全区」,尤其是在横向持握状态下。 你尽可能多地使用矢量图形了吗?你的 App 安装包变大了多少?全屏图片被奇怪地切割了吗?你放在左上角的主功能键是否超出了拇指舒适区?有空的时候,不妨想一想,「返回」操作是否还有别的可能? 每年夏末的苹果发布会落幕,媒体离场,段子手退散,舞台上留下的只有无数设计师、产品经理和开发者们。他们打开 developer.apple.com,默默工作,以确保几周之后,用户可以在新 iPhone 上正常、愉悦地使用他们的产品。 也许你并不会买 iPhone X,也许看着那道「齐刘海」你内心的强迫症小人已经闹翻,但你还是一字一字看起了新的苹果设计规范和这篇文章。尽管 iPhone X 让你的工作更麻烦了,你还是会把每个设计稿做到像素级的精确 —— 因为你是一名设计师,希望用双手让这个世界变得更好。 (责任编辑:admin) |