iPhone X 的「劉海」正是蘋果的品牌象徵

2021-09-19 21:20:55 字數 1331 閱讀 4343

以下內容由mockplus團隊翻譯整理,僅供學習交流,mockplus是更快更簡單的原型設計工具。

在iphone x發布活動結束之後,關於其在螢幕頂端獨特的「劉海」設計,引起了不少人的討論。其實,這個「劉海」是為了將啟用face id的相機和感測器隱藏起來。但仍有許多人,特別是設計師紛紛表示這個「劉海」太醜陋了,一點也不符合蘋果的設計標準。圖示和時間顯示都被擠進了角落,這看起來很糟糕。

不過蘋果公司似乎欣然接受了這個「劉海」。在新的iphone x人機介面指南中,他們告訴開發人員不要將其隱藏在黑色條下面:

不要掩蓋或刻意突現關鍵顯示功能。不要試圖通過在螢幕的頂部和底部放置黑色條來來隱藏裝置的圓角,感測器外殼或跳轉到主頁面的指示器

。也不要使用像括號,邊框,形狀或指示性文字等視覺裝飾來吸引使用者注意這些區域。

在主題演講之前,max rudberg推測蘋果可能會改變他們的ui來適應這個缺口,要麼隱藏它,要麼介面環繞這個缺口。隱藏缺口非常容易,但是蘋果顯然選擇了後者。

max rudberg的iphone x模型

(另請注意,max的模型中的虛擬home鍵是iphone多年來最具特色的功能,蘋果決定將其完全從iphone x中移除。)

那麼蘋果為什麼要這樣做呢?

當然,蘋果設計師並非無能。他們有意識地決定將注意力轉移到iphone x上的缺口上---因為這是乙個功能,而不是乙個bug。我想大多數人都忽略了這一點。

這個缺口恰好是蘋果品牌的象徵。這個缺口的存在使iphone x從眾多手機中脫穎而出。為了吸引更多的注意力到iphone x無邊框設計和相機上,使其與許多android手機不同。而移除圓形home鍵是iphone x的另一特色功能。

如果沒有這個缺口,你又如何認出iphone x?它可能與其他手機無異,只是乙個帶圓角的矩形。

現在看看蘋果的**選單。能一眼看到iphone x這個圖示嗎?

這個缺口是乙個設計決定和宣告,就像ipod的白色耳機一樣。當然,這也是乙個妥協,它有缺點,但是對蘋果來說這樣做顯然很重要。不過我覺得iphone x的發布對於所有的設計師來說都是乙個有趣的一課。

iPhone X 的「劉海」正是蘋果的品牌象徵

以下內容由mockplus團隊翻譯整理,僅供學習交流,mockplus是更快更簡單的原型設計工具。在iphone x發布活動結束之後,關於其在螢幕頂端獨特的 劉海 設計,引起了不少人的討論。其實,這個 劉海 是為了將啟用face id的相機和感測器隱藏起來。但仍有許多人,特別是設計師紛紛表示這個 劉...

相容iPhone X的「劉海」設計

1 在或元素中指定與頁面的background color一樣的顏色用來填充整個頁面。這樣頁面的安全區域和其餘部分混合在一起。這種方法對於只有 資訊的簡單頁面已經足夠。但是對於一些有全屏導航或全屏自適應布局的頁面,這樣設定並不夠。需要2 3方法。2 第乙個新特性是對現有viewport meta標籤...

相容iphone x劉海的正確姿勢

在 ios 11 中我們可以使用viewport fit cover safe area inset 那麼是不是 ios11 以下就用不了這些了呢?是的,但你見過 iphone x 有 ios 11以下的嗎?所以我們可以愉快的搞下去。開始之前我們先了解什麼是 safe area,簡單的來說就是除了劉...