對於iPhone一張臉用了三年這件事,最開心的大概就是那些手機APP設計者,畢竟一個模板可以用三年以上,並且不用再為那些長短不一的屏幕去不斷地更改自己的設計方案,簡直是一勞永逸。但iPhone X的出現卻打破了他們的平靜,那塊小劉海不僅折磨瘋了一大票強迫症患者,更是讓程式設計師們抓耳撓腮,而現在距離iPhone X上市已經過去了兩周的時間,可以看到絕大多數我們常用的APP都已經針對異形屏完成了適配,但其中有些新的設計好像也並沒有那麼走心。
bilibili:日語不過N1也敢看B站?
就適配速度而言,B站絕對算得上是國內眾APP中的第一梯隊,在iPhone X發售後的第三天便完成了更新,但是現在兩周時間過去了,之前那些沒解決的問題也依然還沒解決。
bilibili的首頁完完整整的填滿了整個屏幕,但大概是為了能在標準排版下儘可能多的顯示首頁內容,頂端菜單欄的空間設計十分緊促,所有標籤全都如膠似漆的與小劉海貼了個嚴絲合縫,如果說專欄標籤可以通過左右滑動頁面來進行切換的話,那麼一旁的搜索鍵便幾乎沒有了可操作的空間,普通的點按手勢幾乎完全無法準確的開啟搜索功能,多次嘗試後才終於得以在極小的可識別空間內打開搜索欄。而現在已經兩周過去,B站依然沒有對此進行修復,每次使用搜索功能都讓我想到了之前小心翼翼的摳電阻屏按鍵的手感。
而作為bilibili的主營業務,在引進類的原聲動畫播放時,卻出現了自製字幕被Home Indicator,也就是屏幕下方的那根長條遮擋的現象,看來日語不過N1,英語沒有專八簡直沒有辦法在B站看原聲劇了。其實這一問題理應非常容易解決,比如B站自行加入畫面上下顛倒的功能,因為如果使用蘋果自帶的屏幕重力感應來翻轉屏幕,那麼下方那根長條也會跟隨屏幕翻轉而移動。或者像隔壁的優酷一樣,將自製字幕設計到避開Home Indicator的位置。總之這是一個非常容易解決並且確實已經影響到了觀看體驗的問題,但是bilibili卻並沒有做出應對。
▲bilibili播放日番《阿松》
▲優酷播放日番《阿松》
《王者榮耀》:花錢,你也不會變更強
《王者榮耀》對於iPhone X的適配速度並不算快,但它確實針對「小劉海」做出了很多設計上的改動,例如將好友欄以及道具購買按鍵向屏幕中心平移以避開異形屏的黑邊。但本以為適配後iPhone X可以像Galaxy Note8一樣獲得相比其他手機更大的視野,結果企鵝明顯沒有想讓你獲得這一特權。
在《王者榮耀》的遊戲戰鬥場景中,騰訊將屏幕兩側加入了漸變黑邊,來遮擋多出的可顯示面積,所以在進行遊戲時相比iPhone7 Plus或者iPhone8 Plus這類手機,iPhone X不會獲得更多的可視面積,花了更多的錢卻沒讓我變更強,這真是太不符合騰訊的作風了。
同時大多數的側邊菜單欄都為避開屏幕「劉海」做了拉長處理,但仔細翻閱,還是能找到部分未能進行適配的菜單,不知道《王者榮耀》何時會進行修復。
《陰陽師》:那些消失的隊友
《陰陽師》的適配速度並不算快,它在iPhone X上市第三周周五的日常維護中才加入了對於異形屏的適配,作為一個對視野和側邊功能鍵沒有太多需求的遊戲,《陰陽師》其實也只需要簡單的將顯示面積拉大,占滿整個屏幕即可。但在某些細節之處卻能看到,《陰陽師》並沒有做到盡善盡美。
比如在與世界伺服器玩家組隊時,左側的隊友欄被完全遮蓋,但在一部分其他組隊功能中,左側的隊友欄又會如同《王者榮耀》一樣避開「劉海」,不知道網易是否遺漏了某部分需要進行改動的設計。
Chrome:令人窒息的額頭
大部分APP為了適配iPhone X,都會選擇直接將額頭處留白,讓手機的「劉海」自行填充留白處,而Google的Chorme瀏覽器也正是這麼做的。但問題在於,當橫置手機時,頁面的額頭卻依然保留了下來,在屏幕頂端留下了大約1cm的空白,最令人髮指的是它並不會隨著網址輸入欄的隱藏而消失。要知道原本在將屏幕橫置後,頁面的高度就不會特別理想,而Chrome的留白進一步壓榨了可視面積,讓頁面的可顯示內容進一步縮水,而隔壁的Firefox在這方面的處理就要更好一些。
▲Chrome橫置頁面打開網頁
▲Firefox橫置頁面打開網頁
支付寶:面部支付仍未加入
支付寶對於iPhone X的適配速度還算令人滿意,而且這樣一個功能性APP,我大概每天只會用它來掃二維碼,所以屏幕的適配與否並沒對我的日常使用造成什麼影響。但蘋果手機家族中,iPhone X獨有的Face ID已經過去了兩周還未能應用在支付寶中,沒有對比就沒有傷害,隔壁主營網絡通訊順帶做了支付功能的微信,幾乎是第一時間便支持了面容支付。據說支付寶正在內測Face ID的應用支持,但不知何時才能上線呢?
建設銀行:淚流滿面的更新速度
建設銀行APP的更新是令我始料未及的,作為曾經的iPhone6 Plus第一批次用戶,建設銀行用了一年多的時間才完成了對大屏iPhone手機的適配,所以此次對於新手機的支持速度簡直讓人淚流滿面。不過在新版建設銀行APP中,雖然沒有對我的使用造成什麼困擾,但APP首頁頂端怎麼看都像是把小屏版本界面加了同色調的額頭而已,底部處理則更為直接,看上去如同未進行適配後直接嵌入的設計。但在其他部分界面的設計下,卻又讓我確確實實的感受到我是在使用一台沒有下巴的iPhone X,使用體驗十分多變。
不過無論如何我還是要給建設銀行點個讚,因為它是目前相關APP中,唯一一個完成對iPhone X適配的。隔壁的工、農、商三行再加上12306,目前還都只是嵌入小屏幕模板的設計,按照他們一貫的更新速度,想要完成適配大概也要等到明年了。
其實從各家APP的適配速度來看,能明顯感受到iPhone X的小劉海確實給那些設計師和程式設計師們造成了不小的困擾,也許大部分APP只需要拉長額頭並以相同的顏色進行頂部填充即可,但還有一部分APP卻需要更細心的調整,甚至是定製化的改動,而在這部分調整中,難免會出現種種細節方面的問題。但現在距離iPhone X面世已經過去了超過兩周時間,一部分APP出現的問題早已暴露,甚至還暴露的非常明顯,不知道想要完美適配新手機,這些APP們還要讓我們等多久呢?