Iphone x 掀起你的盖头来
事情是这样的,在我勤勤恳恳写了一个多小时iPhone X 的新设计规范后, 我的文档居然不见了,不见了!不!见!了!
天啊,用Mac 那么久以来,前所未有!!! (当然也并不是)
Mweb 你到底是为何要把我的文档给吃掉!为何!
ok ,那既然我码了一个小时的字的文章全部没有了。 就当我做了个笔记梳理吧。
另外,现在这篇新文章为高度总结,不加以多余解释了。
怒写
尺寸
区域 | 尺寸 | 备注 |
---|---|---|
画面大小 | 375×812 pt | |
输出尺寸 | @3 | 建议用PDF, 缩小安装包尺 |
屏幕解析度 | 1125×2436 px | |
Status bar | 44pt | |
Home Indicator栏 | 34pt | |
Home Indicator | ||
带Home Indicator的Toolbar/Tab bar | 83pt | |
带Home Indicator的键盘高度 | 291pt | |
比4.7英寸iphone实际多出的可用空间 | 87pt | 145 – 24 (Status Bar) – 34 (Home Indicator) |
安全区(横屏) | 734pt(长), 340pt (宽) | 812-44-34. 375-15-15(layout Margin) |
安全区(竖屏) | 649(宽), 341pt(高) | 812-44-44-15-15 , 375-34 |
Home
- 手势操作,注意向上滑动的手势为系统手势,唤出主界面, 在设计的App的时候尽量少用不用该动作。不要同其冲突
- 如果一定要用向上滑动的手势,开启Edge protection。 第一次向上滑动时会唤起App的功能,第二次则是返回主界面的系统功能。
- 不要在home indicator的周围放任何的操控键,要放的话放到安全区里去
- tab bar & Tool bar 放在Home Indicator 上面
- 如果是列表之类扥内容可以置于Home indicator后面。
- Auto-Hide 开启后在播放视频的时候自动隐藏,再次点击屏幕后,触发。
安全区 Safe Area
- 安全区排除了Home indicator 以及Status Bar的尺寸。 同时也排除了两遍15px的layout margin .以达到是一个长方形的规范。
- 一切重要内容放置于Safe Area
- 横屏时,将一切的按键放在安全区内。
- 横屏时,两遍都要有44pt的边距(因为你并不知道用户横屏的时候刘海会在左边还是右边)
剩下的,请自行参考以下内容:
最后, 屡一下几个带思考的问题
- 屏幕更大了, 所以返回键更远了。 是否可以参考安卓将返回键至于底部上? 如何放置比较合适?
- 刘海这么变扭的东西, 或许是。。。品牌的标志~