Däischter Faarfdesign bezitt sech op e Stil an eng Approche fir e visuellen Design ze kreéieren deen op d'Benotzung vun déif, räich Faarfschemaen hänkt, normalerweis mat enger Iwwerhand vun donkelen Nuancen. Dësen Designstil ass an de leschte Joeren populär ginn a kann a ville Beräicher benotzt ginn, dorënner Webdesign, Grafikdesign, Interieurdesign an anerer.

Dim d'Luuchten, relax Är Aen a spuert Energie. Däischter Modus ass ee vun de populäersten Design Trends, a Weltklass Marken wéi WhatsApp, Instagram, Google, Facebook an Apple sinn schonn an den Däischter Modus Design Zuch ukomm.

Loosst eis e Bléck op wat dës Top Marken maachen a wéi Dir eng donkel Modus UI op Är eege Projete kënnt addéieren. Dir wäert léieren iwwer Fierdeeler an Nodeeler Däischter Modus a Basis Däischter Modus Entwécklung Bescht Praktiken fir sécherzestellen datt Är Websäit an App Designs perfekt ausgesinn a funktionnéieren.

Gedréckt Marketing Material

Wat ass däischter Modus? Design an donkel Faarwen

Däischter Modus ass eng Low-Light User Interface (UI) déi eng donkel Hannergrondfaarf als Haaptfaarf benotzt Faarf - normalerweis schwaarz oder Schatt vu gro. Dëst ass de komplette Géigendeel vun der Standard wäiss User Interface datt Designer fir Joerzéngte benotzt hunn. Als Äntwert op eis verstäerkte Bildschirmzäit hunn d'Entwéckler fonnt datt däischter Theme-Interfaces hëllefen d'Aenbelaaschtung ze reduzéieren, besonnesch a wéineg Liichtbedéngungen oder an der Nuecht. Manner Aen Belaaschtung bedeit manner Kappwéi an eng besser Aarbechtserfahrung.

Instagram App Design am donkele Modus Design an donkel Faarwen

Instagram Dark Mode UI

 

WhatsApp op Desktop Applikatioun Design am donkele Modus Design an donkel Faarwen

WhatsApp am Desktop Dark Mode UI iwwer What's App

Google Fit Dark Mode App Design

Google Fit Dark Mode User Interface

 

Awer däischter Modus ass net wierklech eppes Neies.

Affiche Entwécklung. 5 Regelen

Erënnert Dir Iech un de grénge Computercode, deen op engem schwaarzen Hannergrond an der Matrix reent? Dëst war e Wénkel op den ursprénglechen donkele Modus: déi al-Schoul Monochrom Monitore vu fréie Computeren.

Fréi doheem Computer mat gréngen Text op schwaarz

Fréi Heemcomputer mat gréngen Text op schwaarz waren den OG donkele Modus.

 

Dëse klassesche donkele Look ass an den 80er Joren aus dem Stil gaang fir e schwaarzen Text op engem wäissen Hannergrond, simuléiert Tënt op Pabeier. Design an donkel Faarwen

Wat ass Video Reklammen? Definitioun, Typen an Trends

Dëst war d'Norm fir bal dräi Joerzéngte bis den donkelen Modus am Windows Phone 7 am Joer 2010 zréckkoum. Nodeems Google bestätegt huet datt däischter Modus Batterie spuert, hunn se d'Feature op hir Android OS am Joer 2018 bäigefüügt. E Joer méi spéit ass Apple mat donkelen Modus op iOS an iPadOS gefollegt.

Däischter Modus a Liicht Modus am iOS 13 App Design

Däischter Modus am iOS 13

Virdeeler fir däischter Modus ze benotzen. Design an donkel Faarwen

Däischter Modus ass net nëmme méi einfach fir d'Aen (wann et richteg gemaach gëtt), awer et spuert och d'Batteriedauer a ka souguer méi gesond sinn. Loosst eis d'praktesch Virdeeler vum donkelen Modus iwwer de Liichtmodus kucken.

Reduzéiert Auge Belaaschtung

Dir sollt Är Aen net fillen. Awer jiddereen deen Écran Daten fir eng laang Zäit analyséiert, weess datt Dir no enger Zäit ufänkt dëst ze maachen. Computer Vision Syndrom (CVS) enthält Aen Schmerz, verschwonn Visioun, Duebelvisioun, Kappwéi, Hals / Réck Schmerz a méi. Wann et ëm Charts a Grafike kënnt, kann däischter Modus wuertwiertlech hëllefen de Schmerz ze reduzéieren.

Applikatioun Design an donkel Modus Design an donkel Faarwen

Dëse grénge Logo passt gutt mat dësem donkelen Thema App Design.

 

Erhéicht Visibilitéit bei nidderegen Liicht

Wann Dir schléift an iergendeen e helle Liicht schalt, kritt Dir Kappwéi. Dee selwechte Prinzip gëlt fir Leit, déi spéit owes oder moies fréi virum Computerbildschierm schaffen. Däischter Modus reduzéiert dës Blendung a mécht et méi einfach Inhalt an niddreg Liichtbedéngungen ze gesinn.

Spuert Batterie Muecht

E puer digital Gadgeten mat OLED Schiirme kënnen schwaarz Pixel ausschalten wann se net benotzt ginn. Däischter Modus benotzt eng erhéicht Zuel vu schwaarze Pixelen, wat verursaacht datt den Apparat manner Kraaft verbraucht.

Gëtt en emotionalen Boost

Vill däischter Modus UI Benotzer wielen et aus Energie- a Gesondheetsgrënn anstatt ästheteschen Grënn. Däischter Modus erënnert hinnen datt se eppes méi gesond maachen, wat hinnen e gutt Gefill gëtt - wéi deen deen Dir kritt wann Dir Är Wiederverwendbar lued Shopping Sak oder eng Fläsch Waasser.

Verhënnert ADD. Design an donkel Faarwen

Gutt ... Zort vun. Wäiss Liicht a Faarwen tendéieren Är Opmierksamkeet ze distractéieren, wat et schwéier mécht eng Aufgab ze kompletéieren. Eng donkel Modus UI kann de Fokus verbesseren andeems Dir Är Konzentratioun op d'Inhaltsberäicher vun Ärem Interface dirigéiert, sou datt den Inhalt eran kënnt an den Hannergrond verschwannen.

Nodeeler fir däischter Modus ze benotzen

Wéi alles huet däischter Modus seng Nodeeler. Loosst eis d'Grënn kucken firwat en donkelt Thema en Nodeel fir Är Zwecker ka sinn.

Kann emotional Verbindung reduzéieren. Design an donkel Faarwen

Hell Faarwen kënne lieweg Emotiounen opruffen. Wann dat ass wat Är Zuschauer sichen, dann däischter d'Faarwen kann eng mental Barrière fir si kreéieren. Si wäerten et méi schwéier hunn eng emotional Verbindung mat engem donkelen Thema ze maachen. Wann Är Mark motivéierend, inspiréierend oder spirituell an der Natur ass, kann däischter Modus UI e Spill sinn. Iwwerdeems helle Faarwen staark Emotiounen evokéiere kënnen, kann de Géigendeel wouer sinn. Also wien ass Är Publikum? Verbrennt se net wa se no engem Lift sichen.

Kompriméiert Plaz

Zëmmer mat däischter Maueren kënnen klaustrofobesch fillen. Op engem Apparat kann däischter Modus déiselwecht funktionnéieren. Wann Dir probéiert e Gefill vu Raum ze kreéieren, kann eng donkel Interface de Raum méi kleng maachen.

Faarwen mat nidderegen Kontrast kënne schwéier ze liesen sinn. Design an donkel Faarwen

Wann Dir Faarwen a Kontraster net richteg verstees wéini Websäit Entwécklung oder Apps mat engem donkelen Thema, dëst kann Text schwéier ze liesen maachen, also haalt dëst am Kapp wann Dir Är E-Mail, App oder Websäit am donkelen Modus designt.

Wéi benotzen d'Däischter Modus am Design

Däischter Modus Design kann iwwerall schaffen. Vun mobilen Apps bis Smartwatches an Fernsehschnëttplazen, kann dësen Designtrend Är Mark no vir bréngen. Gitt et richteg an däischter Modus ka funktionnéieren wéi Gangbuster. Gitt et falsch an Ären Design kéint d'Benotzer direkt ausschalten. Hei sinn e puer grondleeënd Tipps wann Dir eng donkel Websäit oder App-Interface designt:

Wann Dir däischter Modus benotzt. Design an donkel Faarwen

Wielt Är Mark Faarwen

Wann déi bestehend Faarfpalette Mark scho kompatibel mat Däischter Modus, d'Däischter Modus Gëtter laachen op Iech.

Däischter Modus App Design

Däischter Modus App Design

 

Denkt zweemol drun däischter ze goen wann Dir Iech fillt datt Dir Äre Branding muss änneren fir d'Ästhetik ze passen. Och wann Är Mark eng breet Palette vu Faarwen muss benotzen, betruecht eng méi hell Interface. De ganze Faarfspektrum ass schwéier géint en donkelen Hannergrond ze liesen.

Highlight Är Industrie. Design an donkel Faarwen

Den donkelen Modus UI ass och nëtzlech fir spezifesch Industrien ze verbesseren. Zum Beispill, Marken, déi op Nuetsliewen an Ënnerhalung fokusséiert sinn, sinn ideal fir däischter Modus, well hiren héijen Energiegehalt dacks mat donkelen Hannergrënn am richtege Liewen gepaart ass.

Gitt minimalistesch

Wann Är Design Ästhetik scho minimalistesch mat limitéierten Inhalt ass, ass Äert Ëmfeld gëeegent fir däischter Modus. An enger Situatioun wou Text den Haaptinhalt ass, kann eng donkel Interface et schwéier maachen ze liesen. Normalerweis vergréissert d'Däischtert Modus de visuelle Knuewel, wat e clutteréierten Ecran nach méi chaotesch mécht.

Evokéieren Emotiounen

Probéiert eng spezifesch emotional Äntwert ze ruffen? Wéi Geheimnis oder e klengen Drama? Well geréng Visibilitéit Virwëtz schaaft an emotional Spannung erhéicht, kann däischter Modus dat perfekt Tool fir Är Mark sinn.

donkel Webdesign Thema Design an donkel Faarwen

Däischter Webdesign

 

Status Symbol. Design an donkel Faarwen

Wann Dir e Gefill vu Status wëllt erstellen, kann d'Däischtermodus UI en effektiv Tool sinn. Däischter Faarwen erënneren Emotiounen, déi mat Luxus a Räichtum verbonne sinn. Wann Dir op déi fein Aarbecht opmierksam wëllt zéien, betruecht eng donkelmodus UI.

Däischter Thema Websäit Design fir eng Luxus Auer Mark

Elegant, héichwäerteg Websäit Design mat engem donkelen Thema

 

Beschte Praktiken fir Dark Mode Design

Et gi verschidde Prozesser déi richteg musse funktionnéieren wann Dir en Däischtermodus UI erstellt. Nodeems Dir alles wëllt, datt Äert Produkt fantastesch ass, richteg? Loosst eis all d'Boxen op eiser Dark Mode Best Practices Checklëscht iwwerpréiwen:

1. Gitt net ze däischter. Design an donkel Faarwen

D'Buchverëffentleche benotzen kee pure wäisse Pabeier, well de Kontrast mat schwaarzer Tënt ze haart ass. Dëst bewierkt Iech ze squint a kann Kappwéi verursaachen. Et ass d'selwecht mat digitale Geräter. Bleiwen ewech vun reng schwaarz. Et ass schwéier op en héije Kontrastbildschierm ze kucken. Gutt donkel Modus Faarwen sinn Schatten vu gro kombinéiert mat desaturéierte Faarwen.

Design an donkel Faarwen Design vun engem mobilen digitale Magazin an der Dark Mode Applikatioun

Däischter App Design

 

2. Huet de richtege Kontrast

Den Hannergrond am donkelen Modus muss donkel genuch sinn fir wäissen Text ze weisen. E Virschlag vum Google Material Design ass en Text zum Hannergrond Kontrastniveau vun op d'mannst 15,8:1 ze benotzen.

3. Desaturéiert d'Faarwen. Design an donkel Faarwen

Bleift ewech vu voll gesättigte Faarwen op engem donkelen Hannergrond. Op däischter Flächen schéngen d'Schatten dacks ze "vibréieren". Amplaz benotzt desaturéierte Faarwen wéi Pastell a gedämpfte Faarwen - Schatten mat addéierte Grau a Wäiss.

Zousätzlech, betruecht d'Faarfpalette vun Ärer Mark z'änneren. D'blo Faarf vun Ärer Firma kann anescht op schwaarz liesen wéi op wäiss. D'Faarwen am donkelen Modus mussen dacks ugepasst ginn fir déiselwecht Äntwert ze produzéieren wéi am Liichtmodus.

4. Benotzt déi richteg Faarwen "op"

Wéi eng Faarf? Deen, deen uewen op Elementer a Schlësselflächen erschéngt. "On" Faarwen ginn normalerweis fir Schrëften benotzt. Déi Standard donkel Modus UI Faarf ass pure wäiss (#FFFFFF). Benotzt dëst net. #FFFFFF schéngt ze vibréieren wann se op en donkelen Hannergrond gekuckt ginn. Wielt eng hellgrau Faarf.

5. Flitt net nëmmen. Design an donkel Faarwen

Wann Dir op däischter Modus vum Standardmodus wiesselt, ginn et wahrscheinlech wäertvoll visuell Hiweiser am Original Thema. Invertéiert net nëmmen d'Faarwen fir en donkelt Thema ze kréien. Dir kënnt Faarwen, déi e psychologeschen Zweck hunn, an sënnlos gedämpfte Faarwen verwandelen. Wielt Faarf bewosst.

6. Daucht méi déif

Wat méi héich d'Schicht ass, dest méi hell soll et sinn. Dëst wäert schafen visuell Hierarchie am donkelen Modus, dee vun den am meeschte benotzten Elementer op Ärem Display op déi am mannsten benotzt gëtt.

Visuell Hierarchie vum donkelen Modus

Méi hell Faarwen uewen erstellen visuell Hierarchie

 

7. Erfahrung an Offer Fräiheet. Design an donkel Faarwen

Test souwuel donkel wéi hell Versiounen vun Ärem Design. Experimentéiert mat all Stil a maacht Ännerungen deementspriechend baséiert op Benotzer Feedback. No allem kënnen d'Präferenze vun de Leit onberechenbar sinn, also setzt d'Belaaschtung net op Är Benotzer. Loosst se hiren Affichage vum Liichtmodus an däischter Modus wiesselen. Dëst gëtt Benotzer Kontroll iwwer hir Erfahrung a mécht hinnen méi personaliséiert fillen.

 

Ären Assistent bei der Geschäftsreklamm an der Dréckerei "АЗБУКА«