「黑暗模式」介面怎麼來的?Google 親自 - 手機討論

By Elma
at 2019-06-30T14:05
at 2019-06-30T14:05
Table of Contents
「黑暗模式」介面怎麼來的?Google 親自揭密幕後設計秘辛
3C科技頻道/綜合報導/ 2019-06-30 10:28
Google 最近正全力為自家的應用程式更新黑暗模式(Dark Mode)支援,原因是為了
Android Q 的推出做準備。
由於 Android Q 是 Google 第一個正式支援黑暗模式的作業系統,因此先前就已經有用
戶發現 Google 已經悄悄的替行事曆、Google 搜尋、照片等原生應用程式套上了黑暗模
式的主題,而根據 Google 設計團隊近期發佈的部落格文章,讓我們可以了解一下
Google 的軟體設計師是如何去構想黑暗模式的主題。
首先,Android Q 雖支援黑暗模式,但每一款應用程式對黑暗模式的支援方式,或是呈現
方式並非一致,官方解釋這是因為每一款應用程式都需要仔細考慮它們的使用方式和呈現
方式。
舉例來說,Google 照片 App 使用的色階就沒那麼「黑」,而是使用深灰色加上低對比度
的組合,這樣才能漂亮的凸顯照片在畫面中佔的份量,而下方的圖標 Google 則是使用將
為柔和的灰色和藍色,以免它們會分散用戶的注意力在照片上,這與許多知名如 Adobe
Photoshop、Lightroom 的圖像處理程式 UI 邏輯很相似。
而 Google 行事曆,團隊很快的就發現原本的 Material Theme 主題,與黑暗模式並沒有
很搭,因此他們更改了黑暗模式下的 UI,用不同的色調來確保行事曆內容可以清楚一點
,讓用戶的眼睛能一眼就確認當天的活動內容。
另一個大家常使用的 Google 新聞,設計師決定利用深灰色加淺灰色的搭法,讓新聞圖片
能更加明顯,而文字內容則是利用淺色讓讀者更能舒適閱讀(文字與背景相差過多也容易
造成閱讀疲乏)。
至於專為駕駛所設計的 Android Auto,利用黑暗主題能減少駕駛分心,而無論是黑夜還
是白天,黑暗主題都不比白色鮮豔的介面來的更具侵略性,透過深灰色、黑色和不鮮豔的
色調能讓駕駛更專注於眼前的道路,只需在必要的時候才看 Android Auto。
簡單來說,Google 的黑暗模式可說是完美的翻玩深灰色元素,讓 UI 的每個細節能有更
好的層次,Google 在如何讓 Material Theme 與黑暗模式之間作結合下了不少苦心,甚
至為其他第三方開發者推出一份設計指南,希望讓未來 Android 上的黑暗模式能有更好
的軟體支援。
https://3c.ltn.com.tw/news/37230
心得:
筆者也是很喜歡這個所謂的暗色模式,總感覺是看起來比較輕鬆一點
這也是各家作業系統現在的大趨勢,不管是蘋果、微軟還是Google都陸續推出
但要做好還真的不是說把顏色反轉之類的這麼簡單
--
◆投票名稱: 八卦板板主選舉
選 項 總票數 得票率 得票分布
olmtw 2017/07/01-2018/02/28 19 票 1.52% 0.87%
olmtw 2018/06/23結果揭曉 43 票 4.06% 2.69%
超越0.87%,感恩有您
--
3C科技頻道/綜合報導/ 2019-06-30 10:28
Google 最近正全力為自家的應用程式更新黑暗模式(Dark Mode)支援,原因是為了
Android Q 的推出做準備。
由於 Android Q 是 Google 第一個正式支援黑暗模式的作業系統,因此先前就已經有用
戶發現 Google 已經悄悄的替行事曆、Google 搜尋、照片等原生應用程式套上了黑暗模
式的主題,而根據 Google 設計團隊近期發佈的部落格文章,讓我們可以了解一下
Google 的軟體設計師是如何去構想黑暗模式的主題。
首先,Android Q 雖支援黑暗模式,但每一款應用程式對黑暗模式的支援方式,或是呈現
方式並非一致,官方解釋這是因為每一款應用程式都需要仔細考慮它們的使用方式和呈現
方式。
舉例來說,Google 照片 App 使用的色階就沒那麼「黑」,而是使用深灰色加上低對比度
的組合,這樣才能漂亮的凸顯照片在畫面中佔的份量,而下方的圖標 Google 則是使用將
為柔和的灰色和藍色,以免它們會分散用戶的注意力在照片上,這與許多知名如 Adobe
Photoshop、Lightroom 的圖像處理程式 UI 邏輯很相似。
而 Google 行事曆,團隊很快的就發現原本的 Material Theme 主題,與黑暗模式並沒有
很搭,因此他們更改了黑暗模式下的 UI,用不同的色調來確保行事曆內容可以清楚一點
,讓用戶的眼睛能一眼就確認當天的活動內容。
另一個大家常使用的 Google 新聞,設計師決定利用深灰色加淺灰色的搭法,讓新聞圖片
能更加明顯,而文字內容則是利用淺色讓讀者更能舒適閱讀(文字與背景相差過多也容易
造成閱讀疲乏)。
至於專為駕駛所設計的 Android Auto,利用黑暗主題能減少駕駛分心,而無論是黑夜還
是白天,黑暗主題都不比白色鮮豔的介面來的更具侵略性,透過深灰色、黑色和不鮮豔的
色調能讓駕駛更專注於眼前的道路,只需在必要的時候才看 Android Auto。
簡單來說,Google 的黑暗模式可說是完美的翻玩深灰色元素,讓 UI 的每個細節能有更
好的層次,Google 在如何讓 Material Theme 與黑暗模式之間作結合下了不少苦心,甚
至為其他第三方開發者推出一份設計指南,希望讓未來 Android 上的黑暗模式能有更好
的軟體支援。
https://3c.ltn.com.tw/news/37230
心得:
筆者也是很喜歡這個所謂的暗色模式,總感覺是看起來比較輕鬆一點
這也是各家作業系統現在的大趨勢,不管是蘋果、微軟還是Google都陸續推出
但要做好還真的不是說把顏色反轉之類的這麼簡單
--
◆投票名稱: 八卦板板主選舉
選 項 總票數 得票率 得票分布
olmtw 2017/07/01-2018/02/28 19 票 1.52% 0.87%
olmtw 2018/06/23結果揭曉 43 票 4.06% 2.69%
超越0.87%,感恩有您
--
Tags:
手機
All Comments

By Selena
at 2019-07-02T06:01
at 2019-07-02T06:01

By Bennie
at 2019-07-03T21:56
at 2019-07-03T21:56

By Audriana
at 2019-07-05T13:51
at 2019-07-05T13:51

By Ingrid
at 2019-07-07T05:47
at 2019-07-07T05:47

By Una
at 2019-07-08T21:42
at 2019-07-08T21:42

By Freda
at 2019-07-10T13:37
at 2019-07-10T13:37

By Sandy
at 2019-07-12T05:33
at 2019-07-12T05:33

By Ula
at 2019-07-13T21:28
at 2019-07-13T21:28

By Callum
at 2019-07-15T13:23
at 2019-07-15T13:23

By Ingrid
at 2019-07-17T05:18
at 2019-07-17T05:18

By Jessica
at 2019-07-18T21:14
at 2019-07-18T21:14

By Callum
at 2019-07-20T13:09
at 2019-07-20T13:09

By Emma
at 2019-07-22T05:04
at 2019-07-22T05:04

By Edwina
at 2019-07-23T21:00
at 2019-07-23T21:00

By Doris
at 2019-07-25T12:55
at 2019-07-25T12:55

By Xanthe
at 2019-07-27T04:50
at 2019-07-27T04:50

By Franklin
at 2019-07-28T20:46
at 2019-07-28T20:46

By Freda
at 2019-07-30T12:41
at 2019-07-30T12:41

By Andrew
at 2019-08-01T04:36
at 2019-08-01T04:36
Related Posts
LINE iOS聊天紀錄 轉 Android

By Callum
at 2019-06-30T12:45
at 2019-06-30T12:45
更換智慧手環推薦

By Yedda
at 2019-06-30T11:49
at 2019-06-30T11:49
U11+更新後...

By Kama
at 2019-06-30T10:51
at 2019-06-30T10:51
Zenfone 6 無法解鎖

By Eden
at 2019-06-30T10:33
at 2019-06-30T10:33
LGV20有個資料夾叫360

By Irma
at 2019-06-30T10:15
at 2019-06-30T10:15