UI 大難題!面對礙眼的 iPhone X「瀏海」,各地開發者顯神通

為了實現更為安全的臉部辨識,iPhone X 正面的滿版螢幕上方有一條瀏海,上面整合了紅外線(深度)鏡頭、近距離感應器、泛光感應元件、環境光感應器、左 / 上揚聲器、麥克風、前鏡頭和一個名為點狀投影器 (Dot projector) 的元件。它會投影 30000 多個肉眼不可見的光點在你臉上,對你的臉繪製一幅三維的深度 「臉譜圖」,然後和系統記錄的臉譜圖進行比對。
評論
評論

原文《面對 iPhone X 瀏海現實,看看全世界的開發者怎麼適配》刊登於 PingWest,作者 curator,INSIDE 獲授權轉載。

台灣時間 9 月 12 日凌晨,蘋果在賈伯斯劇院發表了 iPhone X,主打滿版螢幕的 iPhone X 取消了 Touch ID,代之以 Face ID。

為了實現更為安全的臉部辨識,iPhone X 正面的滿版螢幕上方有一條瀏海,上面整合了紅外線(深度)鏡頭、近距離感應器、泛光感應元件、環境光感應器、左 / 上揚聲器、麥克風、前鏡頭和一個名為點狀投影器 (Dot projector) 的元件。它會投影 30000 多個肉眼不可見的光點在你臉上,對你的臉繪製一幅三維的深度「臉譜圖」,然後和系統記錄的臉譜圖進行比對。

對於開發這來說,這些都不重要!!重要的是:

▲王者榮耀遊戲畫面合成圖
▲王者榮耀遊戲畫面合成圖

這個螢幕上的瀏海究竟要怎麼支援呀!

哦,不過這篇文章並不是為了吐槽這個點的。畢竟再怎麼吐槽,再過一個多月 iPhone X 就要出貨了,不管怎樣最終還是要面對現實。

經過了一段時間的沈澱,全世界的開發者們似乎已經找到了幾種處理 iPhone X 瀏海滿版螢幕的方法。

首先是縱向的問題:

縱向主要是頂部的導航欄、狀態欄和底部 TabBar 的問題。

iPhone X 開發尺寸與 iPhone 8 的寬度一致,在垂直方向上多了 145 pt,這就意味著多出 20% 的垂直空間, APP 可以展示更多的內容。

但是多出來的 145 pt 並不是方方正正的矩形,而是被瀏海切割成了異形區域。

於是就有人嘗試,既然蘋果沒有把瀏海做齊,那透過軟體把瀏海兩側的空白填上不就可以了嘛。

這樣是不是就順眼多了?「Ears」的名稱也很貼切吧。

然而蘋果的「Human Interface Guidelines」明確禁止了這種做法。

蘋果規定:注意內容不要被裁切,建議內容為居中對稱已不被圓角或感應器等遮擋,也建議使用系統提供的的元素以及自動佈局來構建頁面獲得更好的支援效果。注意 StatusBar 的高度,iPhone X 的狀態欄高度會更高,如果有開發者對 NavgationBar 的位置是透過固定值進行位置的定位,建議升級 App。

而且如果 App 是隱藏 StatusBar 的,蘋果建議開發者重新考慮,iPhone X 為用戶在垂直空間上提供了更多展示空間,且狀態欄中也包含了用戶需要知道的資訊,除非能透過隱藏狀態欄帶給用戶額外的價值,否則蘋果建議將狀態欄還給用戶。

蘋果給出了 iPhone X 設計佈局的安全區意見是這樣的:

也就是說,開發者還要保證設計佈局能夠填充整個螢幕,而核心內容又不能被裝置的大圓角、感應器 (齊瀏海)、以及底部的 Home Indicator 遮擋。

如果沒有支援 iPhone X,就會變成這樣:

圖片來源:奇點開發者 @圖拉鼎(注:新版奇點已適配。)
圖片來源:奇點開發者 @圖拉鼎(注:新版奇點已適配。)

另一款成功設計的 App 效果圖是這樣的:

來源:四葉新媒體聯合創始人微博 @Saic
來源:四葉新媒體聯合創始人微博 @Saic

當然,比起縱向的問題,橫向的問題更大。

首先是蘋果 iOS 內建的 Safari 在橫螢幕狀態下網頁兩側會填充一定的空白,就變成了這樣:

與對應,蘋果給出的橫螢幕狀態下的安全區域是這樣的:

好吧,既然要載入空白區域,那捲動的時候捲軸該怎麼「優雅」的穿過瀏海?
蘋果的 Safari 捲軸在橫螢幕狀態下穿過瀏海的時候難道就變成貪食蛇了?

還有這樣的:

當然,這些都是蘋果不允許的。

還有開發者把彈出功能鍵放在了瀏海那一側,由於也是黑色的背景,看起來更有一體感了:

Photo credit: 0therPlanet on Twitter
Photo credit: 0therPlanet on Twitter

而橫螢幕打遊戲的時候,操作界面被瀏海遮擋。所以操作功能鍵需要放在蘋果建議的安全區域,其他的背景圖用來填充空白。

也就是說,按照蘋果的開發指南,無論橫螢幕還是直立螢幕,要支援 iPhone X 這樣有瀏海的螢幕,除了審美感需(被)要(迫)提(適)高(應),App 重要的功能鍵、TabBar 等需要放在蘋果建議的安全區域內,其他的地方用 App 背景頁或者狀態欄填充。

而如果想把男女朋友的照片設為鎖定螢幕桌布的話,需要找一張人物稍微「居中」或者「居下」的照片(拍照的時候人物主體在畫面下方),否則就會變成了這樣:

還有些需要我們的審美去適應(無解)的情況,尤其是全螢幕模式下瀏覽照片、看影片以及 Safari 閱讀模式。

比如這樣的:

圖片:微博 @Jonny
圖片:微博 @Jonny

iPhone X 瀏海裡的 Face ID 雖然很強大,但是這樣的異形螢幕真是難為開發者和使用者了。

哦,對了關於開頭那個王者榮耀的吐槽,根據中國遊戲社群中關村在線,騰訊官方的應對方法是這樣的:

延伸閱讀:


NEC 以專業的生物辨識驗證技術,為人類生活打造更準確又安全的身份識別方式

NEC 具有多重比對臉部檢測法、攝動空間法、適應領域混合比對等先進技術,讓辨識更準確又快速,不但多次奪下美國國家標準暨技術研究院(NIST)評鑑第一名,在一對多的人臉辨識速度上也是業界之首。
評論
Photo  Credit:NEC 台灣政府公共解決方案事業群群總經理張裕昌
評論

你有沒有在機場使用過 e-Gate 快速通關系統呢?這種利用生物特徵的辨識技術既方便又安全,早在幾年前就已經是很多政府機關使用的成熟技術,讓我們跟著生物特徵辨識領導廠商 NEC 一起瞭解這種技術的原理吧。

生物辨識面面觀

身份辨識是電腦資安領域中很重要的一環,過去我們常常使用「知識辨識」方式來辨識使用者身份,但是使用輸入密碼的方式可能會被忘記,或是容易被破解的問題。至於「持有物辨識」是某種 USB 加密鑰匙,雖然可以省下記憶密碼的麻煩,但也有機率會不小心遺失。

生物辨識則是利用身體上獨一無二的特徵進行驗證,具備唯一性且不易盜用的先天優勢。其實這也不是很新的技術,早在數千年前人類就開始使用生物辨識,比如我們出門看到隔壁鄰居的臉,就能認出他是老王,這就是生物辨識的概念;但是要教會電腦辨識生物特徵,可就不是這麼簡單的事了。

生物辨識驗證領域全球領導廠商 NEC 從 1970 年代便開始研發指紋辨識、掌紋辨識和人臉辨識等技術。目前除了上述技術之外,NEC 也已開發出虹膜辨識、語音辨識,以及原創的耳道聲波辨識技術,這些獨特且高度準確的生物辨識驗證技術解決方案在全球各地都有實際應用的經驗。

NEC 將這些生物辨識驗證技術以「Bio-IDiom」品牌運用在各式應用中,並且以有效的組合運用這些技術,從而打造出「任何人都能安全無慮地使用數位內容」的世界。

NEC  在生物辨識驗證技術有 50 多年的經驗與龐大的研發團隊,並且具有多項領先技術。/Photo  Credit:NEC

領先業界的人臉辨識技術

以人臉辨識技術為例,它是透過攝影鏡頭補捉人臉的畫面,並透過電腦分析臉部各個特徵點的資訊,來判斷受檢人員是不是與登錄的資料相符。

人臉辨識技術有許多優點,由於人臉是平常人們用來判斷對方身份的方法當中最自然的一種,所以使用者的心理負擔很小,使用過程中也無需動手操作,而且一般攝影機就可辨識,讓建置更快速且低成本。此外它還具備有效防止弊端的特色,例如辨識的時候系統能夠留儲「臉部影像記錄」,讓管理者可以目視確認是否相符。

NEC 具有多重比對臉部檢測法、攝動空間法、適應領域混合比對等先進技術,讓辨識更準確又快速,也能在人臉被遮蔽或影像不清楚的情況下正確辨識,不但多次奪下美國國家標準暨技術研究院(NIST)評鑑第一名,在大規模一對多的人臉辨識準確度上也是業界之首。

生物辨識有使用方便、不易被盜用的優點,近年的應用越來越廣泛。/Photo Credit:NEC
除了人臉辨識之外,NEC 也有多種不同的生物辨識驗證技術可以交互搭配使用。/Photo  Credit:NEC

奧運史上首次使用人臉辨識入場

NEC 為 2020 東京奧運和東京帕拉林匹克運動會(Tokyo 2020)成功提供人臉辨識系統,為奧運的安全、可靠和高效舉辦做出貢獻。NEC 台灣政府公共解決方案事業群群總經理張裕昌在訪談中表示:「NEC 提供的臉部辨識系統,用於驗證運動員、工作人員、志工和其他比賽相關成員的身份,當他們進入奧運和帕運選手村、國際廣播中心(International Broadcasting Center, IBC)以及主新聞中心(Main Press Center, MPC),系統會自動進行臉部辨識。該系統為 NEC 生物辨識驗證技術『Bio-IDiom』的核心技術,採用準確度世界第一的臉部辨識技術。」

NEC 提供的臉部辨識系統,用於驗證 2020 東京奧運和東京帕拉林匹克運動會運動員、工作人員、志工和其他比賽相關成員的身份。/Photo Credit:NEC

One ID 帶來更便利的生活

機場是有高度安全考量的場所,因此無論在航空公司櫃台報到、海關查驗、登機口查驗,甚至在免稅店購物都需要旅客出示護照以確認身份,不但過程相當耗時,同時也增加了經常拿進拿出而遺失護照的風險。

以 NEC 提出的 One ID 解決方案為例,旅客只需要登錄其臉部影像,就能在機場辦理與進行各種手續,例如報到、托運行李、安檢、登機等,而不需要出示護照與登機證,不僅能加速程序的進行,還能達到全程零接觸,降低染疫風險。

全球最大航空公司聯盟星空聯盟(Star Alliance)、NEC 集團及國際航空電訊集團公司(SITA)達成一項新協議,在不久的將來,星空聯盟成員航空公司的飛行常客計劃之客戶,將能在任何參與此協議的機場與航空公司使用生物識別進行身份驗證。/Photo Credit:NEC
NEC 希望透過更多元的生物辨識技術改善人類的生活,透過只要伸出手指就能確實證明兒童身份的指紋辨識技術,就可以不受出生國家或地區左右,建立確實執行給予所有兒童合法出生證明與出生登記的環境,同時也打造兒童在成長過程中必要的、確保享有身為國民應有的公共醫療、教育機會與社會之保障。/Photo Credit:NEC

張裕昌提及,目前 NEC 的技術已經達到相當高的準確度與可靠性,未來的發展重點不再是改善辨識準確度,而是發展更多元的辨識種類,以及透過系統整合的方式,結合多種不同技術,以因應更多差異化的使用需求。

此外張裕昌總經理也特別提到,以 NEC 獨家的嬰兒指紋辨識技術為例,可以克服嬰兒指紋會隨時間變化的問題,有助於協助戶政系統不完善的國家追蹤嬰兒疫苗接種情況,發揮降低夭折比例的功效,為人類社會做出實質貢獻。