iPhone X主流APP適配情況報告：一口老血噴出來

對于iPhone一張臉用了三年這件事，最開心的大概就是那些手機(jī)APP設(shè)計者，畢竟一個模板可以用三年以上，并且不用再為那些長短不一的屏幕去不斷的更改自己的設(shè)計方案，簡直是一勞永逸。

但iPhone X的出現(xiàn)卻打破了他們的平靜，那朵小劉海不僅折磨瘋了一大票強(qiáng)迫癥患者，更是讓程序員們抓耳撓腮。

而現(xiàn)在距離iPhone X面世已經(jīng)過去了兩周，可以看到絕大多數(shù)我們常用的APP都已經(jīng)針對異形屏完成了適配，但其中有些新的設(shè)計好像也并沒有那么走心。

bilibili：日語不過N1也敢看B站?

就適配速度而言，B站絕對算得上是國內(nèi)眾APP中的第一梯隊，在iPhone X發(fā)售后的第三天便完成了更新，但是現(xiàn)在兩周時間過去，之前那些沒解決的問題也依然還沒解決。

bilibili的首頁完完整整的填滿了整個屏幕，但大概是為了能在標(biāo)準(zhǔn)排版下盡可能多的顯示首頁內(nèi)容，頂端菜單欄的空間設(shè)計十分緊促，所有標(biāo)簽全都如膠似漆的與小劉海貼了個嚴(yán)絲合縫。

如果說專欄標(biāo)簽可以通過左右滑動頁面來進(jìn)行切換的話，那么一旁的搜索鍵便幾乎沒有了可操作的空間，普通的點(diǎn)按手勢幾乎完全無法準(zhǔn)確的開啟搜索功能，多次嘗試后才終于得以在極小的可識別空間內(nèi)打開搜索欄。

而現(xiàn)在已經(jīng)兩周過去，B站依然沒有對此進(jìn)行修復(fù)，每次使用搜索功能都讓我想到了之前小心翼翼的摳電阻屏按鍵的手感。

而作為bilibili的主營業(yè)務(wù)，在引進(jìn)類的原聲動畫播放時，卻出現(xiàn)了自制字幕被Home Indicator，也就是屏幕下方的那根長條遮擋的現(xiàn)象，看來日語不過N1，英語沒有專八簡直沒有辦法在B站看原聲劇了。

其實這一問題理應(yīng)非常容易解決，比如B站自行加入畫面上下顛倒的功能，因為如果使用蘋果自帶的屏幕重力感應(yīng)來翻轉(zhuǎn)屏幕，那么下方那根長條也會跟隨屏幕翻轉(zhuǎn)而移動。

或者像隔壁的優(yōu)酷一樣，將自制字幕設(shè)計到避開Home Indicator的位置?？傊@是一個非常容易解決并且確實已經(jīng)影響到了觀看體驗的問題，但是bilibili卻并沒有做出應(yīng)對。

bilibili播放日番《阿松》

優(yōu)酷播放日番《阿松》

《王者榮耀》：花錢，你也不會變更強(qiáng)

《王者榮耀》對于iPhone X的適配速度并不算快，但它確實針對“小劉海”做出了很多設(shè)計上的改動，例如將好友欄以及道具購買按鍵向屏幕中心平移以避開異形屏的黑邊。

但本以為適配后iPhone X可以像Galaxy Note8一樣獲得相比其他手機(jī)更大的視野，結(jié)果企鵝明顯沒有想讓你獲得這一特權(quán)。

在《王者榮耀》的游戲戰(zhàn)斗場景中，騰訊將屏幕兩側(cè)加入了漸變黑邊，來遮擋多出的可顯示面積，所以在進(jìn)行游戲時相比iPhone 7Plus或者iPhone 8Plus這類手機(jī)，iPhone X不會獲得更多的可視面積，花了更多的錢卻沒讓我變更強(qiáng)，這真是太不符合騰訊的作風(fēng)了。

同時大多數(shù)的側(cè)邊菜單欄都為避開屏幕“劉海”做了拉長處理，但仔細(xì)翻閱，還是能找到部分未能進(jìn)行適配的菜單，不知道《王者榮耀》何時會進(jìn)行修復(fù)。

《陰陽師》：那些消失的隊友

陰陽師的適配速度并不算快，它在iPhone X上市第三周周五的日常維護(hù)中才加入了對于異形屏的適配，作為一個對視野和側(cè)邊功能鍵沒有太多需求的游戲，陰陽師其實也只需要簡單的將顯示面積拉大，占滿整個屏幕即可。但在某些細(xì)節(jié)之處卻能看到，陰陽師并沒有做到盡善盡美。

比如在與世界服務(wù)器玩家組隊時，左側(cè)的隊友欄被完全遮蓋，但在一部分其他組隊功能中，左側(cè)的隊友欄又會如同《王者榮耀》一樣避開“劉海”，不知道網(wǎng)易是否遺漏了某部分需要進(jìn)行改動的設(shè)計。

Chrome：令人窒息的額頭

大部分APP為了適配iPhone X，都會選擇直接將額頭處留白，讓手機(jī)的“劉海”自行填充留白處，而Google的Chorme瀏覽器也正是這么做了。

但問題在于，當(dāng)橫置手機(jī)時，頁面的額頭卻依然保留了下來，在屏幕頂端留下了大約1cm的空白，最令人發(fā)指的是它并不會隨著網(wǎng)址輸入欄的隱藏而消失。

要知道原本在將屏幕橫置后，頁面的高度就不會特別理想，而Chrome的留白進(jìn)一步壓榨了可視面積，讓頁面的可顯示內(nèi)容進(jìn)一步縮水，而隔壁的Firefox在這方面的處理就要更好一些。

Chrome橫置頁面打開網(wǎng)頁

Firefox橫置頁面打開網(wǎng)頁

支付寶：面部支付仍未加入

支付寶對于iPhone X的適配速度還算令人滿意，而且這樣一個功能性APP，我大概每天只會用它來掃二維碼，所以屏幕的適配與否并沒對我的日常使用造成什么影響。

但蘋果手機(jī)家族中，iPhone X獨(dú)有的Face ID已經(jīng)過去了兩周還未能應(yīng)用在支付寶中，沒有對比就沒有傷害，隔壁主營網(wǎng)絡(luò)通訊順帶做了支付功能的微信，幾乎是第一時間便支持了面容支付。據(jù)說支付寶正在內(nèi)測Face ID的應(yīng)用支持，但不知何時才能上線呢?

建設(shè)銀行：淚流滿面的更新速度

建設(shè)銀行APP的更新是令我始料未及的，作為曾經(jīng)的iPhone6 Plus第一批次用戶，建設(shè)銀行用了一年多的時間才完成了對大屏iPhone手機(jī)的適配，所以此次對于新手機(jī)的支持速度簡直讓人淚流滿面。

不過在新版建設(shè)銀行APP中，雖然沒有對我的使用造成什么困擾，但APP首頁頂端怎么看都像是把小屏版本界面加了同色調(diào)的額頭而已，底部處理則更為直接，看上去如同未進(jìn)行適配后直接嵌入的設(shè)計。

但在其他部分界面的設(shè)計下，卻又讓我確確實實的感受到我是在使用一臺沒有下巴的iPhone X，使用體驗十分多變。

不過無論如何我還是要給建設(shè)銀行點(diǎn)個贊，因為它是目前與某神秘組織相關(guān)的APP中，唯一一個完成對iPhone X適配的。隔壁的工、農(nóng)、商三行再加上12306，目前還都只是嵌入小屏幕模板的設(shè)計，按照他們一貫的更新速度，想要完成適配大概也要等到明年了。

其實從各家APP的適配速度來看，能明顯感受到iPhone X的小劉海確實給那些設(shè)計師和程序員們造成了不小的困擾，也許大部分APP只需要拉長額頭并以相同的顏色進(jìn)行頂部填充即可。

但還有一部分APP卻需要更細(xì)心的調(diào)整，甚至是定制化的改動，而在這部分調(diào)整中，難免會出現(xiàn)種種細(xì)節(jié)方面的問題。

但現(xiàn)在距離iPhone X面世已經(jīng)過去了超過兩周時間，一部分APP出現(xiàn)的問題早已暴露，甚至還暴露的非常明顯，不知道想要完美適配新手機(jī)，這些APP們還要讓我們等多久呢?