【原文刊登於知乎,作者:Riceman 米饭侠,蘋果仁授權轉載】
10 個設計師裡9 個強迫症,剩下那個去設計了iPhone X……
發布會謝幕了,媒體們也發完了新聞稿,朋友圈也熱鬧過了,接下來的工作該輪到設計師了。iPhone X 11月才發貨,但你也許已經接到做適配設計的任務了。在這之前,讓我們先來看看這個iPhone X,對UI 設計師的日常工作有什麼影響。
iPhone X 邁向了滿版螢幕,移除了原本在手機底部的實體Home 鍵,取而代之的是一條134 x 5 pt 的虛擬Home 指示條。「底端上劃」成為了全局性的系統操作,它可以讓你返回桌面(原本的單擊Home 鍵),或者切換App(原本雙擊Home 鍵)。我將這個虛擬Home 指示條的特性總結為以下五點:
蘋果在最新的開發文檔中指出,這個Home 指示條是「至關重要的系統元素」,除了在某種特殊條件下,這個指示條將永遠伴隨著你的App,成為強制的設計元素出現在螢幕中。這就意味著,在你的App 設計中你將不得不為它保留位置,並考慮好周圍元素與它的兼容關係。
什麼?你說你想做彩虹漸變指示條?少俠你太天真了……這個虛擬Home 指示條只有亮/暗兩種模式,它會自動根據周圍背景,選擇將自己變身成白色或是黑色,從而盡可能地和周圍背景有所區分。
但同時,Apple 的設計則例中也指出,如果App 的底部是可滾動的內容(比如一個長列表視圖),那麼官方給出的建議是:放心大膽地霸占整個螢幕吧!發現文字和Home 指示條重疊了?沒關係!這是官方推薦的正確做法!事實上,用戶依然可以點選最下方的列表條目。這種情況下,滿版螢幕才是真的「全面」了。
如果你的App 帶有「底端上劃」這樣的炫酷操作……Apple 的建議是:少俠要不你還是重新考慮一下?因為這個操作方式我們已經佔了!
美國著名的股票交易軟體Robinhood 就使用了類似的操作方式。在買入/賣出股票這樣的關鍵操作裡,它使用了「底部上劃」。儘管不是嚴格意義上的「底端上劃」,但虛擬Home 指示條的介入無疑增加了誤操的機率。在iPhone X 設計時,類似這樣涉及到螢幕底部上下滑動的操作方式都需要更謹慎的思考、更嚴格的測試。
在播放視頻時,開發者可以開啟虛擬Home 條「自動隱藏」功能從而獲得沉浸式體驗。開啟後,視頻播放時虛擬Home 條將自動消失;單擊螢幕後就又會出現。
看著新的iOS 設計規範文檔,一個陌生又熟悉的詞浮現在我的腦海中——出血(bleed)。
對數字化時代下的UI 設計師來說,我們本可以永遠把「出血」和「安全區」的概念永遠拋之腦後,因為螢幕不用裁切!全世界也許99.99% 的手機螢幕都是規整的矩形,我們的安全區就是整塊矩形螢幕(安卓系統底部的虛擬按鍵可以近似理解為螢幕外,設計時可以忽略)。然而iPhone X 這個妖蛾子的出現,又迫使我們重新找回那個久遠的記憶……
讓我們來看看蘋果定義的iPhone X 設計「安全區」吧:
縱向持握狀態下的安全區設計還比較容易理解,但到了橫向持握狀態,安全區的概念就有點反直覺了:
蘋果官方給出的解釋是,由於你無法預測用戶在橫向持握下會把「劉海」放在左邊還是右邊,如果安全區不是橫向居中放置的,會造成界面中元素與手機邊緣的相對位置不固定。他們認為,用戶在使用手機時(尤其是玩遊戲的時候)高度依賴手部的肌肉記憶,不對稱設計儘管空間利用率更高,但與用戶的肌肉記憶相背,由此導致的失敗操作容易讓用戶沮喪。因此,蘋果向廣大設計師們高聲疾呼:請把按鍵全都放到安全區裡來吧!
Page: 1 2
為了紀念中華隊在「2024 年第三屆世界 12 強棒球錦標賽」奪冠的歷史時刻,中華郵政推出了具紀念意義的「TEAM TAIWAN 冠軍郵摺」。該郵摺首波預購於 ...
每到年尾,許多企業都會統計年度營運狀況,包含特斯拉也不例外;日前特斯拉官方在 X 上傳了一部2024 Recap 的短片,內容主要描述特斯拉在 2024 年所達...
AirPods 小小一個,如果其中一隻單耳 AirPods 在通勤、運動、平時佩戴的情況下不見的話要怎麼找得回來呢?如果找不回來那可以單獨購買嗎?單獨購買的單耳...
全家超商為 2025 年新年推出了「全家新春福袋」和大家一起喜迎新年!這次 2025 全家福袋共有 27 款福袋組合,包括「全家開運福袋」則最低價只要 249 ...
近日,根據外媒 iPhoneSoft 的爆料,揭露了蘋果即將在 2025 年推出的 iOS 19 作業系統的支援機型清單。基本上只要可以更新到 iOS 18 的...
小熊座流星雨是一場中等強度的流星雨,高峰期集中在 12 月 21 日夜間~22 日清晨。如果想觀察更多流星,建議在月亮升起之前就開始觀看。本文將整理 2024 ...