ダーク‐モード【dark mode】
ダークモード
【英】dark mode
ダークモードとは、色調を暗くすること、OSやアプリのUIを暗色系の配色に切り替える機能のことである。
多くのソフトウェアではどちらかといえば明るい色調のUIが採用されている。明るめのUIは昼間や灯りをつけた室内では見やすいものの、灯りを抑えた暗所などでは画面が目立ちすぎてしまって周囲との違和感が生じてしまう。目も疲れやすくなる。ダークモードで表示することで周囲を画面表示とのギャップが少なくなり、違和感が薄れたり画面を見やすくなったりといった効果が期待できる。
AppleのMac向けOS「OS X Yosemite」には「メニューバーとDockを暗くする」という呼び名でダークモードへの切り替えが用意されている。
UI: | ランチャー Siri ジェスチャーインターフェース ダークモード Webユーザーインターフェース WYSIWYG ユーザーインターフェース |
ダークモード
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2024/06/22 06:10 UTC 版)
ダークモード表示(ダークモードひょうじ 英語: dark mode)とはページ表示の配色の設定の1種。背景を濃色、それよりも薄い色で文字列やアイコン、利用者向けの画像要素を表示させることを指し、しばしばコンピュータ上のユーザインタフェースならびにウェブデザインなどの設計要素の観点から議論される。最近のウェブサイトやオペレーティングシステムの多くはオプションを提供し[1][2]、暗色背景に明色で画面の要素を表示する方法を選択できる。配色の明暗逆転ともいう(英: light-on-dark color scheme、dark theme、night mode、black mode、lights-out (mode))。
注釈
出典
- ^ 宮田, 廣畑 & 高原 2014, pp. 919–919
- ^ さくしま 2019, pp. 50–53
- ^ Cummins (2018年11月21日). “Dark mode is easier on your eyes—and battery [ダークモードは目に優しい—そしてバッテリーにも]” (英語). popsci.com. Popular Science. 2023年1月21日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
- ^ Emily Price (2018年11月11日). “Use Dark Mode to Conserve Your Phone's Battery Power” (英語). Lifehacker. 2021年3月20日閲覧。
- ^ 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。学士論文
- ^ Murphy (2020年10月28日). “Embrace Evil by Enabling Dark Mode in Every App” (英語). Lifehacker. 2020年11月16日時点のオリジナルよりアーカイブ。2020年11月15日閲覧。
- ^ 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.]”
- ^ Petterson (1985年3月). “Use of Colors in Teletext and Videotex [文字放送およびビデオテックスにおける配色]” (英語). ResearchGate. 2024年2月8日閲覧。
- ^ “The Anniversary Update's most exciting features: Windows 10 users weigh in” (英語). PCWorld. 2023年8月7日閲覧。
- ^ “macOS Mojave: Dark Mode, Stacks, & More” (英語). MacRumors (2019年10月25日). 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
- ^ Hardwick (2019年6月6日). “How to Enable Dark Mode in iOS 13” (英語). MacRumors. 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
- ^ Callaham (2019年9月3日). “Here's how to enable the Android 10 dark theme mode” (英語). Android Authority. 2022年8月8日時点のオリジナルよりアーカイブ。2022年8月8日閲覧。
- ^ Porter (2019年6月3日). “Dark mode is coming to iOS 13” (英語). The Verge. 2019年6月5日閲覧。
- ^ Mana 2021, 「6-11 ダークモードに対応させる」
- ^ a b “prefers-color-scheme - CSS: Cascading Style Sheets” (英語). MDN Web Docs. 2021年3月18日時点のオリジナルよりアーカイブ。2021年3月18日閲覧。
- ^ 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日閲覧。
- ^ Stokes, Jon (2009年8月11日). “This September, OLED no longer "three to five years away"” (英語). Arstechnica.com. 2012年1月25日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
- ^ 梶川 et al. 2013, pp. 18-
- ^ Raga (2019年6月27日). “No, "AMOLED Black" Does NOT Save More Battery Than Dark Gray [「AMOLED ブラック」はダークグレーよりバッテリー節約に優れていない]” (英語). XDA. XDA Developers. 2024年2月8日閲覧。
- ^ Welch (2018年11月2日). “Google confirms dark mode is a huge help for battery life on Android [Google が承認、 Android のダークモードはバッテリ寿命を大幅に延ばす]” (英語). The Verge. 2024年2月4日閲覧。
- ^ 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日閲覧。
- ^ Budiu (2020年2月2日). “Dark Mode vs. Light Mode: Which Is Better? [ダークモードかライトモードか:どっちが優秀?]” (英語). Nielsen Norman Group. 2023年2月14日時点のオリジナルよりアーカイブ。2024年2月8日閲覧。
- ^ Walsh (2019年1月28日). “prefers-color-scheme: CSS Media Query [優先配色スキーム:CSS メディア クエリ]” (英語). David Walsh Blog. 2021年3月18日閲覧。
- ^ “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”
- 1 ダークモードとは
- 2 ダークモードの概要
- 3 ウェブ環境との相性
- 4 関連項目
ダークモード
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2022/01/05 02:34 UTC 版)
「macOS Mojave」の記事における「ダークモード」の解説
macOS Mojaveユーザーは、ダークモードに切り替えるとデスクトップUIを黒い配色に変えることができ、コントロールはバックグラウンドに後退し、ユーザーのコンテンツに焦点を当てることができる 。ユーザーは明るい画面か暗い画面かを切り替えることができ、メール、メッセージ、マップ、カレンダー、写真などの添付Macアプリケーションにはすべてダークモードのデザインが含まれる。macOS Mojaveには、デスクトップの壁紙を時刻に合わせ自動変更する新しいダイナミックデスクトップが搭載されている。 開発者がダークモードを実装できるように、APIが用意される。
※この「ダークモード」の解説は、「macOS Mojave」の解説の一部です。
「ダークモード」を含む「macOS Mojave」の記事については、「macOS Mojave」の概要を参照ください。
- ダークモードのページへのリンク