ダークモードとは? わかりやすく解説

Weblio 辞書 > 辞書・百科事典 > デジタル大辞泉 > ダークモードの意味・解説 

ダークモード

別名:暗色モード
【英】dark mode

ダークモードとは、色調暗くすること、OSアプリUI暗色系の配色切り替える機能のことである。

多くソフトウェアではどちらかといえば明る色調UI採用されている。明るめのUI昼間灯りをつけた室内では見やすいものの、灯り抑えた暗所などでは画面目立ちすぎてしまって周囲との違和感生じてしまう。目も疲れやすくなる。ダークモードで表示することで周囲画面表示とのギャップ少なくなり、違和感薄れたり画面を見やすくなったりといった効果期待できる

AppleMac向けOSOS X Yosemite」には「メニューバーDock暗くする」という呼び名でダークモードへの切り替え用意されている。


ダークモード

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2024/02/17 04:12 UTC 版)

ダークモード表示(ダークモードひょうじ 英語: dark mode)とはページ表示の配色の設定の1種。背景を濃色、それよりも薄い色で文字列やアイコン、利用者向けの画像要素英語版を表示させることを指し、しばしばコンピュータ上のユーザインタフェースならびにウェブデザインなどの設計要素の観点から議論される。最近のウェブサイトやオペレーティングシステムの多くはオプションを提供し[1][2]、暗色背景に明色で画面の要素を表示する方法を選択できる。配色の明暗逆転ともいう(英: light-on-dark color scheme、dark theme、night mode、black mode、lights-out (mode))。


注釈

  1. ^ ウィンドウ表示用インターフェイスの matchMedia() 方式では、新しい MediaQueryList オブジェクトを返す。このオブジェクトを使い、ドキュメントとメディア・クエリ文字列との一致不一致を判断したり、ドキュメントを監視してメディア・クエリとの一致(もしくは一致停止)のタイミングを検出する[22]

出典

  1. ^ 宮田, 廣畑 & 高原 2014, pp. 919–919
  2. ^ さくしま 2019, pp. 50–53
  3. ^ Cummins (2018年11月21日). “Dark mode is easier on your eyes—and battery [ダークモードは目に優しい—そしてバッテリーにも]” (英語). popsci.com. Popular Science. 2023年1月21日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
  4. ^ Emily Price (2018年11月11日). “Use Dark Mode to Conserve Your Phone's Battery Power” (英語). Lifehacker. 2021年3月20日閲覧。
  5. ^ Eisfeld, Henriette; Kristallovich, Felix (2020). The Rise of Dark Mode : A qualitative study of an emerging user interface design trend [ダークモードの台頭 : 新たなユーザーインターフェイス設計とトレンドの定性研究] (Thesis) (英語). スウェーデン ヨンショーピング市ユティリガタン(Gjuterigatan 5 Box 1026 551 11 Jönköping, Sweden): ヨンショーピング大学英語版. ISRN:JU-JTH-IKA-1-20200182、oai:DiVA.org:hj-50563、DiVA, id:diva2:1464394。学士論文
  6. ^ Murphy (2020年10月28日). “Embrace Evil by Enabling Dark Mode in Every App” (英語). Lifehacker. 2020年11月16日時点のオリジナルよりアーカイブ。2020年11月15日閲覧。
  7. ^ Koninklijke, Philips NV. “Application JP2008501465A [多結晶セラミック構造の蛍光体及び前記蛍光体を有する発光素子]”. Google Patents. 2024年2月8日閲覧。 “2006 US EP WO KR JP; 2010 US [2006-03-10 Application filed by Koninklijke Philips NV, Koninklijke Philips Electronics NV; 2008-08-21 Publication of JP2008533270A; 2014-05-14 Application granted.]”
  8. ^ Petterson (1985年3月). “Use of Colors in Teletext and Videotex [文字放送およびビデオテックスにおける配色]” (英語). ResearchGate. 2024年2月8日閲覧。
  9. ^ The Anniversary Update's most exciting features: Windows 10 users weigh in” (英語). PCWorld. 2023年8月7日閲覧。
  10. ^ macOS Mojave: Dark Mode, Stacks, & More” (英語). MacRumors (2019年10月25日). 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
  11. ^ Hardwick (2019年6月6日). “How to Enable Dark Mode in iOS 13” (英語). MacRumors. 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
  12. ^ Callaham (2019年9月3日). “Here's how to enable the Android 10 dark theme mode” (英語). Android Authority. 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
  13. ^ Porter (2019年6月3日). “Dark mode is coming to iOS 13” (英語). The Verge. 2019年6月5日閲覧。
  14. ^ Mana 2021, 「6-11 ダークモードに対応させる」
  15. ^ a b prefers-color-scheme - CSS: Cascading Style Sheets” (英語). MDN Web Docs. 2021年3月18日時点のオリジナルよりアーカイブ。2021年3月18日閲覧。
  16. ^ Gottsegen (2018年11月10日). “Using Android's dark mode improves battery life, Google confirms [Googleが承認、Androidのダークモード使用でバッテリー寿命が向上]” (英語). cnet.com. CNET. 2022年12月27日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
  17. ^ Stokes, Jon (2009年8月11日). “This September, OLED no longer "three to five years away"” (英語). Arstechnica.com. 2012年1月25日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
  18. ^ 梶川 et al. 2013, pp. 18-
  19. ^ Raga (2019年6月27日). “No, "AMOLED Black" Does NOT Save More Battery Than Dark Gray [「AMOLED ブラック」はダークグレーよりバッテリー節約に優れていない]” (英語). XDA. XDA Developers. 2024年2月8日閲覧。
  20. ^ Welch (2018年11月2日). “Google confirms dark mode is a huge help for battery life on Android [Google が承認、 Android のダークモードはバッテリ寿命を大幅に延ばす]” (英語). The Verge. 2024年2月4日閲覧。
  21. ^ Sharma (2020年6月29日). “Love dark mode? Here's why you may still want to avoid it [ダークモードはお好き? それでも避けたほうがよい次の理由]” (英語). Android Authority. 2020年9月24日時点のオリジナルよりアーカイブ。2020年9月12日閲覧。
  22. ^ Budiu (2020年2月2日). “Dark Mode vs. Light Mode: Which Is Better? [ダークモードかライトモードか:どっちが優秀?]” (英語). Nielsen Norman Group. 2023年2月14日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
  23. ^ Walsh (2019年1月28日). “prefers-color-scheme: CSS Media Query [優先配色スキーム:CSS メディア クエリ]” (英語). David Walsh Blog. 2021年3月18日閲覧。
  24. ^ Window.matchMedia() - Web APIs” (英語). MDN Web Docs. 2021年3月2日時点のオリジナルよりアーカイブ。2021年3月18日閲覧。 “The Window interface's matchMedia() method returns a new MediaQueryList object that can then be used to determine if the document matches the media query string, as well as to monitor the document to detect when it matches (or stops matching) that media query”


「ダークモード」の続きの解説一覧

ダークモード

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2022/01/05 02:34 UTC 版)

macOS Mojave」の記事における「ダークモード」の解説

macOS Mojaveユーザーは、ダークモードに切り替えるデスクトップUIを黒い配色変えることができ、コントロールバックグラウンド後退しユーザーコンテンツ焦点当てることができる 。ユーザー明る画面か暗い画面かを切り替えることができ、メールメッセージマップカレンダー写真など添付Macアプリケーションにはすべてダークモードのデザイン含まれるmacOS Mojaveには、デスクトップ壁紙時刻合わせ自動変更する新しいダイナミックデスクトップが搭載されている。 開発者がダークモードを実装できるように、API用意される

※この「ダークモード」の解説は、「macOS Mojave」の解説の一部です。
「ダークモード」を含む「macOS Mojave」の記事については、「macOS Mojave」の概要を参照ください。

ウィキペディア小見出し辞書の「ダークモード」の項目はプログラムで機械的に意味や本文を生成しているため、不適切な項目が含まれていることもあります。ご了承くださいませ。 お問い合わせ


英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「ダークモード」の関連用語

ダークモードのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



ダークモードのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
デジタル大辞泉デジタル大辞泉
(C)Shogakukan Inc.
株式会社 小学館
IT用語辞典バイナリIT用語辞典バイナリ
Copyright © 2005-2024 Weblio 辞書 IT用語辞典バイナリさくいん。 この記事は、IT用語辞典バイナリダークモードの記事を利用しております。
ウィキペディアウィキペディア
All text is available under the terms of the GNU Free Documentation License.
この記事は、ウィキペディアのダークモード (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。
ウィキペディアウィキペディア
Text is available under GNU Free Documentation License (GFDL).
Weblio辞書に掲載されている「ウィキペディア小見出し辞書」の記事は、WikipediaのmacOS Mojave (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。

©2024 GRAS Group, Inc.RSS