iPhoneX已經公布一陣子了。對于iPhoneX的劉海設計，國內外一致的評論就是——丑。因為你的app顯示效果將是這樣的：
來自 Twitter 用戶 CARROT
嗯，感覺屏幕上方被什么東西給啃了。。。不過app的顯示效果可能習慣一陣子也就好了，但是每次全屏看美女，不不不，看藝術作品的時候，這個劉海。。。
蘋果官方宣傳
嗯，以上效果來自蘋果官方宣傳。。。
不過沒關系，聰明的設計者們和開發者們早就在iPhoneX還沒到來之前，研究如何為iPhoneX遮丑了。。。
最一般的思路，就是在屏幕上方制作一個黑色的“任務欄”，讓劉海兒和黑色的任務欄融為一體。
來自 Twitter 用戶 Mike Rundle
我們可以用同一個app的兩個設計思路對比一下：
來自 Twitter 用戶 Carlos Garvina
怎么樣？是不是覺得右側的設計方案明顯比左側好？
但是你猜怎么著？這個方案似乎和新版的蘋果交互設計指南沖突。更新后的蘋果交互設計指南表示：
不要遮擋或者特別修飾顯示特性來引起用戶注意: 請勿嘗試隱藏設備的圓角、傳感器外殼，或者通過在屏幕頂部和底部放置控件來訪問主屏幕的引導。也要特別注意不要試圖使用像括號，邊框或各種符號等視覺修飾這些特殊區域。
嗯，雖然蘋果自家的music設計，似乎是將這個傳感器隱藏了。。。
蘋果自家的music app隱藏了劉海兒？
好吧，不管怎么樣，聰明的開發者們還是想出了很多解決方案的。比如，似乎對于一般的app，在豎屏狀態下，這個劉海還可以忍受，但是在橫屏狀態下，就會極度影響操作。所以我們在橫屏操作時，將它隱藏：
來自 Twiiter 用戶 Alex Devarty
一個更酷的思路是，在橫屏操作時，顯示中現實的文字自動躲開劉海
來自 Twitter 用戶 Vojta Stavik
如果劉海在右側，我們可以讓滾動條和劉海作自適應！
來自 Twitter 用戶 Zev Eisenberg
不過到目前為止，我看過的最酷的設計，還是直接將劉海和界面融為一體！
來自 Twitter 用戶 Lubo? Volkov
嗯，是不是覺得其實這個丑丑的劉海運用好了，也是機會？
坐等以產品設計文明的國內大廠，推出他們的劉海打理方案：）
我的更多文章，歡迎大家關注我的微信公眾賬號：是不是很酷
是不是很酷
