A sötét színek tervezése a látványterv létrehozásának stílusára és megközelítésére utal, amely mély, gazdag színsémák használatán alapul, általában a sötét árnyalatok túlsúlyában. Ez a tervezési stílus az elmúlt években népszerűvé vált, és számos területen használható, beleértve a webdizájnt, a grafikai tervezést, a belsőépítészetet és egyebeket.
Tompítsa el a lámpákat, lazítsa el a szemét, és takarítson meg energiát. A sötét mód az egyik legnépszerűbb tervezési trendek, és olyan világszínvonalú márkák, mint a WhatsApp, az Instagram, a Google, a Facebook és az Apple már felszálltak a sötét módú tervezési vonatra.
Vessünk egy pillantást arra, hogy mit csinálnak ezek a legnépszerűbb márkák, és hogyan adhat hozzá sötét módú felhasználói felületet saját projektjeihez. Meg fogod tanulni érvek és ellenérvek sötét mód és alapvető sötét mód fejlesztési bevált gyakorlatok, amelyek biztosítják, hogy webhelye és alkalmazásai tökéletesen nézzenek ki és működjenek.
Mi az a sötét mód? Tervezés sötét színekben
A Sötét mód egy gyenge megvilágítású felhasználói felület (UI), amely sötét háttérszínt használ fő színként szín - általában fekete vagy szürke árnyalatú. Ez teljesen ellentéte a szabványos fehér felhasználói felületnek, amelyet a tervezők évtizedek óta használnak. A megnövekedett képernyőidőre válaszul a fejlesztők azt találták, hogy a sötét témájú felületek segítenek csökkenteni a szem megerőltetését, különösen gyenge fényviszonyok mellett vagy éjszaka. A kevesebb szem megerőltetése kevesebb fejfájást és jobb munkatapasztalatot jelentett.
De a sötét mód nem igazán újdonság.
Emlékszel a fekete háttérre eső zöld számítógépes kódra a Mátrixban? Ez rábólintott az eredeti sötét módra: a régi számítógépek régimódi monokróm monitoraira.
Ez a klasszikus sötét megjelenés a '80-as években kiment a divatból, és a fehér alapon fekete szöveget szimulálva papíron tintával. Tervezés sötét színekben
Mi az a videóhirdetés? Definíció, típusok és trendek
Ez volt a norma közel három évtizedig, amíg 7-ben vissza nem tért a sötét mód a Windows Phone 2010-ben. Miután a Google megerősítette, hogy a sötét mód kíméli az akkumulátort, 2018-ban hozzáadták a funkciót Android operációs rendszerükhöz. Egy évvel később az Apple követte a sötét módot iOS és iPadOS rendszeren.
A sötét mód használatának előnyei. Tervezés sötét színekben
A sötét mód nemcsak a szemnek könnyíti meg (ha jól csinálja), de az akkumulátor élettartamát is kíméli, és még egészségesebb is lehet. Nézzük meg a sötét mód gyakorlati előnyeit a világos móddal szemben.
Csökkenti a szem megerőltetését
Nem szabad éreznie a szemét. De aki hosszú ideig elemzi a képernyő adatait, tudja, hogy egy idő után elkezdi ezt csinálni. A számítógépes látás szindróma (CVS) magában foglalja a szemfájdalmat, a homályos látást, a kettős látást, a fejfájást, a nyak- és hátfájást és még sok mást. Ha diagramokról és grafikonokról van szó, a sötét mód szó szerint segíthet csökkenteni a fájdalmat.
Növeli a láthatóságot gyenge fényviszonyok mellett
Ha alszol, és valaki erős lámpát kapcsol fel, fejfájást fog kapni. Ugyanez az elv vonatkozik azokra az emberekre is, akik késő este vagy kora reggel a számítógép képernyője előtt dolgoznak. A Sötét mód csökkenti ezt a tükröződést, és megkönnyíti a tartalom megtekintését gyenge fényviszonyok mellett.
Az akkumulátor energiáját takarítja meg
Egyes OLED-képernyőkkel rendelkező digitális eszközök kikapcsolhatják a fekete képpontokat, ha nem használják őket. A Sötét mód több fekete képpontot használ, aminek következtében az eszköz kevesebb energiát fogyaszt.
Érzelmi löketet ad
Sok sötét módú felhasználói felület inkább energia- és egészségügyi okokból választja ezt, mint esztétikai okokból. A sötét mód emlékezteti őket arra, hogy valami egészségesebbet csinálnak, ami jó érzést kelt – mint amilyet akkor kap, amikor betölti az újrafelhasználható eszközt. bevásárló táska vagy egy üveg vizet.
Megakadályozza az ADD. Tervezés sötét színekben
Hát... valahogy. A fehér fény és a színek hajlamosak elvonni a figyelmét, megnehezítve egy feladat elvégzését. A sötét módú kezelőfelület javíthatja a fókuszt azáltal, hogy a koncentrációt a kezelőfelület tartalmi területeire irányítja, lehetővé téve a tartalom megjelenését és a háttér elhalványulását.
A sötét mód használatának hátrányai
Mint mindennek, a sötét módnak is megvannak a maga hátrányai. Nézzük meg, miért jelenthet hátrányt a sötét téma az Ön céljainak szempontjából.
Csökkentheti az érzelmi kapcsolatot. Tervezés sötét színekben
fényes a színek élénk érzelmeket válthatnak ki. Ha ezt keresik a nézők, akkor a színek elsötétítése mentális akadályt jelenthet számukra. Nehezebb lesz érzelmi kapcsolatot kialakítani egy sötét témával. Ha márkája motiváló, inspiráló vagy spirituális jellegű, a sötét módú felhasználói felület szerencsejáték lehet. Míg az élénk színek erős érzelmeket válthatnak ki, ennek ellenkezője is igaz lehet. Szóval ki a közönséged? Ne égesse el őket, ha liftet keresnek.
Tömöríti a helyet
A sötét falú szobák klausztrofóbiás érzést keltenek. Egy eszközön a sötét mód ugyanúgy működhet. Ha térérzetet szeretne kelteni, a sötét felület kicsinyítheti a teret.
Az alacsony kontrasztú színek nehezen olvashatók. Tervezés sötét színekben
Ha nem érti helyesen a színeket és a kontrasztokat, amikor weboldalfejlesztés vagy sötét témájú alkalmazások, ez megnehezítheti a szöveg olvashatóságát, ezért tartsa ezt szem előtt, amikor e-mailjeit, alkalmazását vagy webhelyét sötét módban tervezi.
Hogyan használjuk a sötét módot a tervezésben
A sötét módú kialakítás bárhol működhet. A mobilalkalmazásoktól az okosórákig és a TV-felületekig ez a tervezési trend előremozdíthatja márkáját. Tedd jól, és a sötét mód úgy működhet, mint a bandaroham. Ha rosszul csinálja, a tervezés azonnal kikapcsolhatja a felhasználókat. Íme néhány alapvető tipp sötét webhely vagy alkalmazásfelület tervezéséhez:
Mikor érdemes sötét módot használni. Tervezés sötét színekben
Válassza ki a márka színeit
Amikor a meglévő színpaletta márka már kompatibilis a sötét móddal, rád mosolyognak a sötét mód istenei.
Kétszer is gondolja meg, hogy elsötétül-e, ha úgy érzi, hogy meg kell változtatnia a márkáját, hogy illeszkedjen az esztétikai stílushoz. Hasonlóképpen, ha márkájának széles színválasztékot kell használnia, fontolja meg a világosabb felületet. A teljes színspektrumot nehéz leolvasni sötét háttér előtt.
Emelje ki iparágát. Tervezés sötét színekben
A sötét módú felhasználói felület bizonyos iparágak fejlesztéséhez is hasznos. Például az éjszakai életre és szórakoztatásra összpontosító márkák ideálisak a sötét módhoz, mivel nagy energiájú tartalmuk a való életben gyakran sötét háttérrel párosul.
Legyen minimalista
Ha a tervezési esztétika már minimalista, korlátozott tartalommal, környezete alkalmas a sötét módra. Olyan helyzetben, amikor a fő tartalom a szöveg, a sötét felület megnehezítheti az olvasást. A sötét mód jellemzően növeli a vizuális zűrzavart, ami még kaotikusabbá teszi a zsúfolt képernyőt.
érzelmet vált ki
Speciális érzelmi reakciót próbál kiváltani? Mint a rejtély vagy egy kis dráma? Mivel az alacsony láthatóság kíváncsiságot kelt és fokozza az érzelmi feszültséget, a sötét mód tökéletes eszköz lehet márkája számára.
Státusz szimbólum. Tervezés sötét színekben
Ha állapotérzetet szeretne kelteni, a sötét módú felhasználói felület hatékony eszköz lehet. A sötétebb színek a luxushoz és a gazdagsághoz kapcsolódó érzelmeket váltanak ki. Ha fel szeretné hívni a figyelmet a remek munkára, fontolja meg a sötét módú felhasználói felületet.
A sötét módú tervezés legjobb gyakorlatai
Vannak bizonyos folyamatok, amelyeknek megfelelően kell működniük a sötét módú felhasználói felület létrehozásakor. Végül is azt szeretné, hogy a terméke fantasztikus legyen, igaz? Jelöljük be az összes négyzetet a sötét mód bevált gyakorlati ellenőrzőlistáján:
1. Ne sötétedj túl. Tervezés sötét színekben
A könyvkiadók nem használnak tiszta fehér papírt, mert a kontraszt a fekete tintával túl durva. Emiatt hunyorog, és fejfájást okozhat. Ugyanez a helyzet a digitális eszközökkel. Maradjon távol a tiszta feketétől. Nehéz nézni egy nagy kontrasztú képernyőt. A jó sötét mód színei a szürke árnyalatai telítetlen színekkel kombinálva.
2. Legyen megfelelő a kontraszt
Sötét módban a háttérnek elég sötétnek kell lennie ahhoz, hogy fehér szöveg jelenjen meg. A Google Material Design javaslata szerint legalább 15,8:1-es szöveg-háttér kontrasztot használjon.
3. Telítetlenítse a színeket. Tervezés sötét színekben
Maradjon távol a teljesen telített színektől sötét háttéren. Sötét felületeken az árnyalatok gyakran „rezgőnek” tűnnek. Ehelyett használjon telítetlen színeket, például pasztellszíneket és tompított színeket – szürkével és fehérrel kiegészített árnyalatokat.
Ezenkívül fontolja meg márkája színpalettájának megváltoztatását. Előfordulhat, hogy az Ön cégének kék színe másképp jelenik meg feketén, mint fehéren. Sötét módban a színeket gyakran be kell állítani, hogy ugyanazt a reakciót adják, mint a világos módban.
4. Használja a megfelelő színeket „be”
Milyen színű? Az, amelyik az elemek és a kulcsfelületek tetején jelenik meg. A "Be" színeket általában a betűkhöz használják. A sötét mód alapértelmezett felhasználói felületének színe a tiszta fehér (#FFFFFF). Ne használja ezt. Az #FFFFFF úgy tűnik, hogy vibrál, ha sötét háttér előtt nézzük. Válasszon egy világos szürke színt.
5. Ne csak fordítsd meg. Tervezés sötét színekben
Ha normál módból sötét módra vált, valószínűleg értékes vizuális jelzések találhatók az eredeti témában. Ne csak fordítsa meg a színeket, hogy sötét témát kapjon. Lehet, hogy a lélektani célú színeket értelmetlen tompa színekké változtatja. Válasszon színt tudatosan.
6. Merüljön mélyebbre
Minél magasabb a réteg, annál világosabbnak kell lennie. Ez létrehozza vizuális hierarchia sötét módban, amely a kijelző leggyakrabban használt elemeitől a legkevésbé használt elemig terjed.
7. Tapasztalja meg és kínálja fel a szabadságot. Tervezés sötét színekben
Tesztelje a design sötét és világos változatát. Kísérletezzen az egyes stílusokkal, és a felhasználói visszajelzések alapján végezzen módosításokat. Végül is az emberek preferenciái kiszámíthatatlanok lehetnek, ezért ne hárítsa a terhet a felhasználókra. Hagyja, hogy a kijelzőjüket világos módról sötét módra váltsák. Így a felhasználók irányíthatják élményeiket, és személyre szabottabbnak érzik magukat.
Szólj hozzá!