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

Elma avatar
By Elma
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%,感恩有您

--
Tags: 手機

All Comments

Selena avatar
By Selena
at 2019-07-02T06:01
三星有了
Bennie avatar
By Bennie
at 2019-07-03T21:56
別搞得像Windows那樣就好 其他我沒意見
Audriana avatar
By Audriana
at 2019-07-05T13:51
win10那樣 真的有夠醜的XD 谷歌算是有好好設計一遍
Ingrid avatar
By Ingrid
at 2019-07-07T05:47
三星這兩年新機都已經透過升級到ONE UI 全面支援黑暗模式。。自家APP都能適應。。。
Una avatar
By Una
at 2019-07-08T21:42
可以大幅延長oled壽命
Freda avatar
By Freda
at 2019-07-10T13:37
Windows 10的真的是一個亂做...
Sandy avatar
By Sandy
at 2019-07-12T05:33
喜歡黑暗模式+1
Ula avatar
By Ula
at 2019-07-13T21:28
早就有了 重新定義
Callum avatar
By Callum
at 2019-07-15T13:23
系統黑底進APP變白底 眼睛更不舒服 兩邊要配合好
Ingrid avatar
By Ingrid
at 2019-07-17T05:18
ptt先驅
Jessica avatar
By Jessica
at 2019-07-18T21:14
和oled 結果感覺不錯
Callum avatar
By Callum
at 2019-07-20T13:09
Dos 時代就有了
Emma avatar
By Emma
at 2019-07-22T05:04
PTT:
Edwina avatar
By Edwina
at 2019-07-23T21:00
Doris avatar
By Doris
at 2019-07-25T12:55
用暗黑模式看迷片的預覽圖有的會呈現負片效果
Xanthe avatar
By Xanthe
at 2019-07-27T04:50
ptt
Franklin avatar
By Franklin
at 2019-07-28T20:46
ptt:
Freda avatar
By Freda
at 2019-07-30T12:41
terminal表示:
Andrew avatar
By Andrew
at 2019-08-01T04:36
ptt領先全球

LINE iOS聊天紀錄 轉 Android

Callum avatar
By Callum
at 2019-06-30T12:45
每次看到類似文章下面就會有戰line和telegram,不外乎就是line功能爛,telegram沒人用 。 常聊天的,或想要留下聊天記錄的,我就會邀請對方使用telegram,像我媽和我另一半。也 沒有多困難,幫他們中文化,再教一下就ok。 Line就認識新朋友和不常聯絡的朋友或群組就好了。很多工作會有li ...

更換智慧手環推薦

Yedda avatar
By Yedda
at 2019-06-30T11:49
https://i.imgur.com/f7OHlXp.jpg 今年4/21才購買的,在此之前用的是小米手環2 你講的米動手環2,應該就是這個吧... 我的手機是IPhone 7 ※ 引述《Plutone (信癢のチカラ)》之銘言: : 對於米動手環2的疑慮是 : 1.充電是接點式,很怕之後感應差,不 ...

U11+更新後...

Kama avatar
By Kama
at 2019-06-30T10:51
6/25更新到1.24.709.999 充電充滿把插頭拔起來後 顯示電充飽的綠燈似乎會延遲個1-2秒才會熄掉 請問有人有相同的情形嗎?(雖然不影響使用就是) 另外 有人的vpn有問題嗎? 上網看有人回報使用L2TP協定時似乎會自動重開機 - ...

Zenfone 6 無法解鎖

Eden avatar
By Eden
at 2019-06-30T10:33
昨天拿到手機以後就去官網載了解鎖工具 可是試了一整晚 都沒辦法解鎖成功 一直跳出未知錯誤 https://i.imgur.com/W0i8KVv.jpg 先說絕對不是那個VPN的問題 我試過WiFi 行動網路 都沒辦法解鎖 有人知道這是什麼問題嗎 - ...

LGV20有個資料夾叫360

Irma avatar
By Irma
at 2019-06-30T10:15
y大家好:( 小魯使用的是LG V20 剛剛檢查內部儲存裝置時 有個資料夾叫 360 裡面有兩個檔案 .deviceld .iddata 這是傳說中的360嗎? 可是我從來沒有裝過360的東西啊 我剛剛用avast廣告板掃毒好像也沒有說中毒andgt;andlt; 不過我剛剛刪掉了 又出現QQ 我需 ...