當前位置:
首頁 > 設計 > IOS13提前爆料!所有重點都在這裡了

IOS13提前爆料!所有重點都在這裡了

圖文:Medium、9to5mac

BIGD翻譯整理

哈嘍小夥伴們~蘋果的2019 WWDC大會即將來臨,各種爆料消息也紛紛湧出,不過對於設計師們來說,最關注的可能還是設計風格。

早就有傳言iOS 13將採用黑暗模式,不過直到外媒9to5Mac爆料的一張iOS 13截圖,才算真正石錘了這個消息。

根據爆料,iOS 13用戶可以在「設置」或者「控制中心」里啟用「暗黑模式」,並且iOS 13的Dock欄已經變為了深色的半透明背景,暗黑模式下的App的背景也將變成黑色,蘋果可能還會在新系統中加入專們的壁紙以更好的配合暗黑模式使用。

在最近的谷歌I/O中,谷歌也在最新的Android Q中啟用令人黑暗主題,還在Material Design中引入了深色主題指南,可以說「暗黑時代」已經到來了。

那麼對於已經來臨的趨勢,我們有什麼需要了解的嗎?

1

黑暗主題是最原始的界面風格

最早的電腦界面實際上就是從黑底白字開始的,這是因為當時的陰極射線管只能做到這一點。但隨著圖形界面技術的進步,非程序員也可以操作計算機了,後來才有了仿照普通紙張的白底黑字顯示方式,隨著文字處理成為每家公司的重要工具,這種方法也受到了歡迎。

1983年推出的Apple Lisa是蘋果第一個採用圖形用戶界面的產品,但它在商業上並不成功。蘋果麥金塔電腦是1984年第一個面向大眾消費者的圖形用戶界面產品。

2

黑暗模式對我們的眼睛更好嗎?

一般來說,智能手機增加了人們面對屏幕的時間,尤其是在黑暗的卧室中,由於白色屏幕會發出更加刺眼的光芒,所以許多人將黑暗模式與保護眼睛聯繫在一起。

不過,經常使用暗屏或亮屏導致的長期健康影響其實尚無定論,不過有許多研究支持這樣的觀點:那就是在較適宜亮度的屏幕上閱讀可以獲得更好的閱讀體驗。

理查德·h·霍爾(Richard H. Hall)和帕特里克·漢納(Patrick Hanna)就曾對網頁文本背景顏色組合對留存率、可讀性、美感和行為意向的影響進行了一項研究。

研究表明,當背景光線充足,瞳孔就會縮小,較小的瞳孔能形成較寬的景深;而光線不足會使瞳孔變大,使焦點變淺,這意味著在暗模式下我們將需要更多的注意力。此外,淺色文本會分散周圍的光線,深色背景則很容易產生暈輪效果,眼睛很難集中注意力,容易疲勞。另一方面,淺色背景上的深色文本也能讓文本的邊緣更加清晰。在之前進行的調查中,也很多人表示使用黑暗模式會讓自己更快地對感興趣的內容失去興趣。

因此,黑暗模式或許會讓我們的短期閱讀體驗更好,但卻並不利於我們長期舒適的閱讀體驗。

3

黑暗模式對移動設備很有幫助

正如我們一開始提到的,科技公司正在推動將黑暗模式作為主流選擇。其實這是因為OLED屏幕已經廣泛應用到了智能手機,而暗模式可以大大延長移動設備的電池壽命。OLED屏幕之所以比同樣屏幕尺寸的LCD屏幕的電池壽命提高30%,就是因為OLED只有在需要的時候才能照亮每個像素,而液晶顯示屏通過液晶屏顯示內容,因此背光必須一直亮著。

暗模式對OLED和LCD屏幕電池壽命的影響(圖像來源:SLASH GEAR)

上圖中,谷歌展示了與正常模式相比,使用AMOLED(有源矩陣OLED,一種支持各種顯示尺寸的OLED)的Pixel設備在夜間模式下使用谷歌地圖導航的電池使用率下降了63%。而攜帶LCD的iPhone 7 在黑暗模式和正常模式下電量消耗並沒有任何差異。

不同顏色對耗電量的影響(圖像來源:SLASH GEAR)

下圖展示了在完全點亮的情況下,白色、黑色、紅色、綠色、藍色主題下的耗電指數對比。

該圖表顯示了黑白屏幕之間的巨大耗電量差異(圖像來源:SLASH GEAR)

4

UX歸檔:暗模式用例

下面,我們將歸檔黑暗模式是如何在不同的應用和用例中實現的。

Pocket和閱讀體驗

Pocket是一個可以讓用戶把內容(文字、圖片甚至視頻)一鍵保存下來,用於其他時間完成閱讀的工具。它早在2012年就推出了黑暗主題,以提高用戶的深夜閱讀體驗。

Pocketapp 4.1早在2012年就推出了黑暗主題。(資料來源:MacStories)

2015年,Pocket將黑暗主題擴展到了其網站上。(資料來源TNW)

推特和社交媒體

Twitter是社交媒體中最早採用暗模式的公司之一,早在2016年就推出了夜間模式。

針對用戶對耗電量的投訴,Twitter啟用了黑暗模式。(資料來源:華爾街日報)

2019年3月,Twitter在iOS應用中添加了「 light out」暗模式。(來源: WIRED )

Mac OS Mojave

去年,蘋果公司在WWDC上發布了他們的首款MacOS全功能黑暗模式,受到了很多用戶的歡迎,這些用戶表示黑暗模式可以幫助他們更專註於內容,減少了凝視屏幕的視疲勞感。

Mac OS Mojave可以單獨為某個應用設置黑暗模式。(圖片來源:TekRevue)

從Android Pie到 OS下的黑暗主題

Android的Discover Feed會隨著你的壁紙或顯示設置而改變。

2019年5月, Google Keep和 Google Calendar在Android Q正式發布之前推出了他們在Android上的暗模式。

SaaS程序、數據可視化和程序編輯器

許多專業工具都喜歡採用黑暗模式來減少用戶的眼睛疲勞。

雖然在黑暗模式下長時間閱讀文本不是集中注意力的最佳方式,但一些數據可視化工具仍然選擇了黑暗模式,因為色彩在較暗的背景中能更好的顯示,而且也很容易構建一個視覺層次結構來突出重點元素。

投資性應用Robinhood會隨著股票的收盤時間而改變自己的主題色彩。

長時間待在屏幕前的程序員也喜歡使用黑暗模式來保護他們的眼睛。這有助於他們清晰地閱讀編程語言,還可以通過不同的自動彩色編碼,輕鬆識別編程分類。

YouTube

YouTube App同樣採用了Android的黑暗主題。

與其應用程序不同,YouTube網站使用了較暗的#111111背景。

圖文來自於:

1.Medium-Takuma Kakehi -《黑還是白?暗模式的優點和缺點》https://uxdesign.cc/white-on-black-or-black-on-white-the-pros-and-cons-of-dark-mode-3439e37d6c6c

2.9to5mac-Guilherme Rambo- 獨家:iOS 13黑暗主題截圖https://9to5mac.com/2019/05/28/ios-13-screenshots-dark-mode-more/

今天的內容就到這裡啦~

小夥伴們呢還有什麼想法和建議

記得給我們留言哦~

這裡有一批設計師需要你來包養哈

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 純粹設計 的精彩文章:

耗費6年,沒有甲方,只為了一個沒錢拿的設計?這個設計師卻說:真正的設計不需要甲方!

TAG:純粹設計 |