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

科技評論1,115閱讀模式

對于iPhone一張臉用了三年這件事,最開心的大概就是那些手機APP設計者,畢竟一個模板可以用三年以上,并且不用再為那些長短不一的屏幕去不斷的更改自己的設計方案,簡直是一勞永逸。
但iPhone X的出現卻打破了他們的平靜,那朵小劉海不僅折磨瘋了一大票強迫癥患者,更是讓程序員們抓耳撓腮。
而現在距離iPhone X面世已經過去了兩周,可以看到絕大多數我們常用的APP都已經針對異形屏完成了適配,但其中有些新的設計好像也并沒有那么走心。iPhone X主流APP適配情況報告:一口老血噴出來-圖片1

bilibili:日語不過N1也敢看B站?
就適配速度而言,B站絕對算得上是國內眾APP中的第一梯隊,在iPhone X發售后的第三天便完成了更新,但是現在兩周時間過去,之前那些沒解決的問題也依然還沒解決。iPhone X主流APP適配情況報告:一口老血噴出來-圖片2

bilibili的首頁完完整整的填滿了整個屏幕,但大概是為了能在標準排版下盡可能多的顯示首頁內容,頂端菜單欄的空間設計十分緊促,所有標簽全都如膠似漆的與小劉海貼了個嚴絲合縫。
如果說專欄標簽可以通過左右滑動頁面來進行切換的話,那么一旁的搜索鍵便幾乎沒有了可操作的空間,普通的點按手勢幾乎完全無法準確的開啟搜索功能,多次嘗試后才終于得以在極小的可識別空間內打開搜索欄。
而現在已經兩周過去,B站依然沒有對此進行修復,每次使用搜索功能都讓我想到了之前小心翼翼的摳電阻屏按鍵的手感。iPhone X主流APP適配情況報告:一口老血噴出來-圖片3

而作為bilibili的主營業務,在引進類的原聲動畫播放時,卻出現了自制字幕被Home Indicator,也就是屏幕下方的那根長條遮擋的現象,看來日語不過N1,英語沒有專八簡直沒有辦法在B站看原聲劇了。
其實這一問題理應非常容易解決,比如B站自行加入畫面上下顛倒的功能,因為如果使用蘋果自帶的屏幕重力感應來翻轉屏幕,那么下方那根長條也會跟隨屏幕翻轉而移動。
或者像隔壁的優酷一樣,將自制字幕設計到避開Home Indicator的位置??傊@是一個非常容易解決并且確實已經影響到了觀看體驗的問題,但是bilibili卻并沒有做出應對。iPhone X主流APP適配情況報告:一口老血噴出來-圖片4

bilibili播放日番《阿松》iPhone X主流APP適配情況報告:一口老血噴出來-圖片5

優酷播放日番《阿松》
《王者榮耀》:花錢,你也不會變更強
《王者榮耀》對于iPhone X的適配速度并不算快,但它確實針對“小劉?!弊龀隽撕芏嘣O計上的改動,例如將好友欄以及道具購買按鍵向屏幕中心平移以避開異形屏的黑邊。
但本以為適配后iPhone X可以像Galaxy Note8一樣獲得相比其他手機更大的視野,結果企鵝明顯沒有想讓你獲得這一特權。iPhone X主流APP適配情況報告:一口老血噴出來-圖片6

在《王者榮耀》的游戲戰斗場景中,騰訊將屏幕兩側加入了漸變黑邊,來遮擋多出的可顯示面積,所以在進行游戲時相比iPhone 7Plus或者iPhone 8Plus這類手機,iPhone X不會獲得更多的可視面積,花了更多的錢卻沒讓我變更強,這真是太不符合騰訊的作風了。iPhone X主流APP適配情況報告:一口老血噴出來-圖片7

同時大多數的側邊菜單欄都為避開屏幕“劉?!弊隽死L處理,但仔細翻閱,還是能找到部分未能進行適配的菜單,不知道《王者榮耀》何時會進行修復。iPhone X主流APP適配情況報告:一口老血噴出來-圖片8

《陰陽師》:那些消失的隊友
陰陽師的適配速度并不算快,它在iPhone X上市第三周周五的日常維護中才加入了對于異形屏的適配,作為一個對視野和側邊功能鍵沒有太多需求的游戲,陰陽師其實也只需要簡單的將顯示面積拉大,占滿整個屏幕即可。但在某些細節之處卻能看到,陰陽師并沒有做到盡善盡美。iPhone X主流APP適配情況報告:一口老血噴出來-圖片9

比如在與世界服務器玩家組隊時,左側的隊友欄被完全遮蓋,但在一部分其他組隊功能中,左側的隊友欄又會如同《王者榮耀》一樣避開“劉?!?,不知道網易是否遺漏了某部分需要進行改動的設計。iPhone X主流APP適配情況報告:一口老血噴出來-圖片10

Chrome:令人窒息的額頭
大部分APP為了適配iPhone X,都會選擇直接將額頭處留白,讓手機的“劉?!弊孕刑畛淞舭滋?,而Google的Chorme瀏覽器也正是這么做了。
但問題在于,當橫置手機時,頁面的額頭卻依然保留了下來,在屏幕頂端留下了大約1cm的空白,最令人發指的是它并不會隨著網址輸入欄的隱藏而消失。
要知道原本在將屏幕橫置后,頁面的高度就不會特別理想,而Chrome的留白進一步壓榨了可視面積,讓頁面的可顯示內容進一步縮水,而隔壁的Firefox在這方面的處理就要更好一些。iPhone X主流APP適配情況報告:一口老血噴出來-圖片11 iPhone X主流APP適配情況報告:一口老血噴出來-圖片11

Chrome橫置頁面打開網頁iPhone X主流APP適配情況報告:一口老血噴出來-圖片12 iPhone X主流APP適配情況報告:一口老血噴出來-圖片12

Firefox橫置頁面打開網頁
支付寶:面部支付仍未加入
支付寶對于iPhone X的適配速度還算令人滿意,而且這樣一個功能性APP,我大概每天只會用它來掃二維碼,所以屏幕的適配與否并沒對我的日常使用造成什么影響。
但蘋果手機家族中,iPhone X獨有的Face ID已經過去了兩周還未能應用在支付寶中,沒有對比就沒有傷害,隔壁主營網絡通訊順帶做了支付功能的微信,幾乎是第一時間便支持了面容支付。據說支付寶正在內測Face ID的應用支持,但不知何時才能上線呢?iPhone X主流APP適配情況報告:一口老血噴出來-圖片13

建設銀行:淚流滿面的更新速度
建設銀行APP的更新是令我始料未及的,作為曾經的iPhone6 Plus第一批次用戶,建設銀行用了一年多的時間才完成了對大屏iPhone手機的適配,所以此次對于新手機的支持速度簡直讓人淚流滿面。
不過在新版建設銀行APP中,雖然沒有對我的使用造成什么困擾,但APP首頁頂端怎么看都像是把小屏版本界面加了同色調的額頭而已,底部處理則更為直接,看上去如同未進行適配后直接嵌入的設計。
但在其他部分界面的設計下,卻又讓我確確實實的感受到我是在使用一臺沒有下巴的iPhone X,使用體驗十分多變。iPhone X主流APP適配情況報告:一口老血噴出來-圖片14 iPhone X主流APP適配情況報告:一口老血噴出來-圖片14

不過無論如何我還是要給建設銀行點個贊,因為它是目前與某神秘組織相關的APP中,唯一一個完成對iPhone X適配的。隔壁的工、農、商三行再加上12306,目前還都只是嵌入小屏幕模板的設計,按照他們一貫的更新速度,想要完成適配大概也要等到明年了。
其實從各家APP的適配速度來看,能明顯感受到iPhone X的小劉海確實給那些設計師和程序員們造成了不小的困擾,也許大部分APP只需要拉長額頭并以相同的顏色進行頂部填充即可。
但還有一部分APP卻需要更細心的調整,甚至是定制化的改動,而在這部分調整中,難免會出現種種細節方面的問題。
但現在距離iPhone X面世已經過去了超過兩周時間,一部分APP出現的問題早已暴露,甚至還暴露的非常明顯,不知道想要完美適配新手機,這些APP們還要讓我們等多久呢?

 
  • 本文由 米粒在線 發表于 2017年11月22日15:05:04
  • 轉載請務必保留本文鏈接:http://m.bjmhhq.com/76584.html
百科知道

給數據庫做分表處理

對于WordPress數據庫的posts文章表很大,怎么優化是個頭疼的問題。想到了分表就想嘗試下。做個記錄。原創記錄文章,轉載請注明出處。優化WordPress數據庫中的posts表,可以從以...
科技

三折秒殺!京東年貨節正式啟動

明天,1月10日,農歷臘月初八,臘八節。今天,1月9日,20點,京東正式啟動了一年一度的年貨節大促活動,各種優惠促銷紛紛開啟。京東官方也奉上了京東超級秒殺日必買清單,不少產品半價,有的...

發表評論

匿名網友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
確定

拖動滑塊以完成驗證