Дизајнот со темна боја се однесува на стил и пристап за создавање визуелен дизајн кој се потпира на употребата на длабоки, богати шеми на бои, обично со доминација на темни нијанси. Овој стил на дизајн стана популарен во последниве години и може да се користи во различни области, вклучувајќи веб дизајн, графички дизајн, внатрешен дизајн и други.

Затемнете ги светлата, опуштете ги очите и заштедете енергија. Темниот режим е еден од најпопуларните дизајнерски трендови, а брендовите од светска класа како WhatsApp, Instagram, Google, Facebook и Apple веќе се качија на возот за дизајн на темниот режим.

Ајде да погледнеме што прават овие врвни брендови и како можете да додадете интерфејс на темниот режим на вашите сопствени проекти. Ќе научите за добрите и лошите страни Најдобрите практики за развој на темниот режим и основниот темен режим за да се осигурате дека вашите веб-локации и дизајни на апликации изгледаат и функционираат совршено.

Печатен маркетинг материјал

Што е темниот режим? Дизајн во темни бои

Темниот режим е кориснички интерфејс (UI) со слаба осветленост што користи темна боја на позадината како главна боја боја - обично црна или нијанса на сива боја. Ова е сосема спротивно од стандардниот бел кориснички интерфејс што дизајнерите го користеа со децении. Како одговор на нашето зголемено време на екранот, програмерите открија дека интерфејсите со темни теми помагаат да се намали напрегањето на очите, особено во услови на слаба осветленост или ноќе. Помалиот напор на очите значеше помалку главоболки и подобро работно искуство.

Дизајн на апликацијата Instagram во темен режим Дизајн во темни бои

Инстаграм интерфејс за темниот режим

 

WhatsApp на дизајн на десктоп апликација во темен режим Дизајн во темни бои

WhatsApp во UI на десктоп темно режим преку What's App

Дизајн на апликацијата за темен режим на Google Fit

Кориснички интерфејс во темниот режим на Google Fit

 

Но, темниот режим не е навистина ништо ново.

Развој на постер. 5 правила

Се сеќавате на зелениот компјутерски код што врнеше на црна позадина во Матрикс? Ова беше знак на оригиналниот темен режим: старошколските монохроматски монитори на раните компјутери.

Ран домашен компјутер со зелен текст на црно

Раните домашни компјутери со зелен текст на црно беа темниот режим на OG.

 

Овој класичен темен изглед излезе од мода во 80-тите во корист на црн текст на бела позадина, симулирајќи мастило на хартија. Дизајн во темни бои

Што е видео рекламирање? Дефиниција, типови и трендови

Ова беше норма речиси три децении додека не се врати темниот режим во Windows Phone 7 во 2010 година. Откако Google потврди дека темниот режим заштедува батерија, тие ја додадоа функцијата на нивниот Android OS во 2018 година. Една година подоцна, Apple го следеше темниот режим на iOS и iPadOS.

Темниот режим и светлосниот режим во дизајнот на апликации за iOS 13

Темниот режим во iOS 13

Добрите страни на користење на темниот режим. Дизајн во темни бои

Темниот режим не само што е полесен за очите (ако се прави правилно), туку и заштедува времетраење на батеријата и може да биде дури и поздрав. Ајде да ги погледнеме практичните придобивки од темниот режим над режимот на светлина.

Го намалува напрегањето на очите

Не треба да ги чувствувате очите. Но, секој кој долго време ги анализира податоците од екранот знае дека по некое време ќе почнете да го правите тоа. Синдромот на компјутерска визија (CVS) вклучува болка во очите, заматен вид, двоен вид, главоболки, болки во вратот / грбот и многу повеќе. Кога станува збор за графикони и графикони, темниот режим буквално може да помогне да се намали болката.

Дизајн на апликација во темен режим Дизајн во темни бои

Ова зелено лого оди добро со овој дизајн на апликација за темна тема.

 

Ја зголемува видливоста при слаба осветленост

Ако спиете и некој запали силно светло, ќе ве боли глава. Истиот принцип важи и за луѓето кои работат пред компјутерски екран доцна навечер или рано наутро. Темниот режим го намалува овој отсјај и го олеснува прегледувањето на содржината во услови на слаба осветленост.

Заштедува енергија од батеријата

Некои дигитални гаџети со OLED екрани може да ги исклучат црните пиксели кога не се користат. Темниот режим користи зголемен број црни пиксели, што предизвикува уредот да троши помалку енергија.

Дава емотивен поттик

Многу корисници на интерфејсот на темниот режим го избираат поради енергија и здравствени причини, а не од естетски причини. Темниот режим ги потсетува дека прават нешто поздраво, што им дава добро чувство - како она што го добивате кога ќе го вчитате вашиот уред за повеќекратна употреба шопинг торба или шише вода.

Спречува ADD. Дизајн во темни бои

Па... некако. Белата светлина и боите имаат тенденција да го одвлечат вашето внимание, што го отежнува завршувањето на задачата. Интерфејсот на темниот режим може да го подобри фокусот со насочување на вашата концентрација кон областите за содржина на вашиот интерфејс, дозволувајќи таа содржина да се појави и да избледи позадината.

Недостатоци на користење на темниот режим

Како и сè, темниот режим има свои недостатоци. Ајде да ги погледнеме причините зошто темната тема може да биде неповолна положба за вашите цели.

Може да ја намали емоционалната поврзаност. Дизајн во темни бои

Светла боите можат да предизвикаат живи емоции. Ако тоа е она што го бараат вашите гледачи, тогаш затемнувањето на боите може да создаде ментална бариера за нив. Потешко ќе направат емотивна врска со темна тема. Ако вашиот бренд е мотивациски, инспиративен или духовен по природа, интерфејсот на темниот режим може да биде коцкање. Додека светлите бои можат да предизвикаат силни емоции, може да биде спротивното. Значи, која е вашата публика? Не ги палете ако бараат лифт.

Компресира простор

Собите со темни ѕидови може да се чувствуваат клаустрофобично. На уред, темниот режим може да работи на ист начин. Ако се обидувате да создадете чувство на простор, темниот интерфејс може да направи просторот да изгледа помал.

Боите со низок контраст може да бидат тешки за читање. Дизајн во темни бои

Ако не ги разбирате правилно боите и контрастите кога развој на веб-страница или апликации со темна тема, ова може да го отежне текстот за читање, затоа имајте го ова на ум кога ја дизајнирате вашата е-пошта, апликација или веб-локација во темен режим.

Како да се користи темниот режим во дизајнот

Дизајнот на темниот режим може да работи насекаде. Од мобилни апликации до паметни часовници и ТВ интерфејси, овој тренд на дизајн може да го придвижи вашиот бренд напред. Добијте го правилно и темниот режим може да работи како гангбастери. Сфатете погрешно и вашиот дизајн може веднаш да ги исклучи корисниците. Еве неколку основни совети при дизајнирање темна веб-страница или интерфејс за апликација:

Кога да се користи темниот режим. Дизајн во темни бои

Изберете ги боите на вашиот бренд

Кога постоечката палета на бои бренд веќе компатибилен со темниот режим, боговите на темниот режим ви се смешкаат.

Дизајн на апликација за темен режим

Дизајн на апликација за темен режим

 

Размислете двапати дали ќе се стемните ако сметате дека треба да го промените брендот за да одговара на естетската. Исто така, ако вашиот бренд треба да користи широк спектар на бои, размислете за полесен интерфејс. Целосниот спектар на бои е тешко да се прочита на темна позадина.

Истакнете ја вашата индустрија. Дизајн во темни бои

Интерфејсот на темниот режим е исто така корисен за подобрување на одредени индустрии. На пример, брендовите фокусирани на ноќниот живот и забавата се идеални за темниот режим бидејќи нивната содржина со висока енергија честопати се поврзува со темни позадини во реалниот живот.

Одете минималистички

Ако вашата дизајнерска естетика е веќе минималистичка со ограничена содржина, вашата околина е погодна за темниот режим. Во ситуација кога текстот е главната содржина, темниот интерфејс може да го отежне читањето. Вообичаено, темниот режим го зголемува визуелниот неред, што го прави преполниот екран уште похаотичен.

Евоцирајте емоции

Се обидувате да предизвикате специфичен емоционален одговор? Како мистерија или мала драма? Бидејќи слабата видливост создава љубопитност и ја зголемува емоционалната напнатост, темниот режим може да биде совршен медиум за вашиот бренд.

Тема за темен веб дизајн Дизајн во темни бои

Темниот веб дизајн

 

Симбол за статус. Дизајн во темни бои

Ако сакате да создадете чувство за статус, интерфејсот на темниот режим може да биде ефективна алатка. Потемните бои предизвикуваат емоции поврзани со луксуз и богатство. Ако сакате да привлечете внимание на фината работа, размислете за интерфејсот на темниот режим.

Темна тема Дизајн на веб-локација за бренд на луксузни часовници

Елегантен, висококвалитетен дизајн на веб-локација со темна тема

 

Најдобри практики за дизајн на темен режим

Постојат одредени процеси кои мора да работат правилно кога креирате интерфејс за темниот режим. На крајот на краиштата, сакате вашиот производ да биде одличен, нели? Ајде да ги провериме сите полиња на нашата листа за проверка на најдобри практики во темниот режим:

1. Не затемнувајте премногу. Дизајн во темни бои

Издавачите на книги не користат чиста бела хартија бидејќи контрастот со црното мастило е премногу груб. Ова предизвикува кривогледство и може да предизвика главоболки. Исто е и со дигиталните уреди. Останете подалеку од чиста црна боја. Тешко е да се погледне на екран со висок контраст. Добрите бои на темниот режим се нијанси на сива боја во комбинација со дезаситени бои.

Дизајн во темни бои Дизајн на мобилно дигитално списание во апликацијата Dark Mode

Дизајн на темна апликација

 

2. Имајте го вистинскиот контраст

Заднината во темниот режим мора да биде доволно темна за да се прикаже бел текст. Предлог од Google Material Design е да користите ниво на контраст на текст во позадина од најмалку 15,8:1.

3. Дезаситете ги боите. Дизајн во темни бои

Останете подалеку од целосно заситени бои на темна позадина. На темни површини, нијансите често се чини дека „вибрираат“. Наместо тоа, користете незаситени бои како пастели и пригушени бои - нијанси со додадени сиви и бели.

Дополнително, размислете за промена на палетата на бои на вашиот бренд. Сината боја на вашата компанија може да се чита поинаку на црно отколку на бело. Боите во темниот режим честопати треба да се прилагодат за да се добие истиот одговор како во режимот на светлина.

4. Користете ги вистинските бои „вклучено“

Која боја? Оној што се појавува на врвот на елементите и клучните површини. Боите „вклучено“ обично се користат за букви. Стандардната боја на интерфејсот на темниот режим е чиста бела (#FFFFFF). Не користете го ова. #FFFFFF се чини дека вибрира кога се гледа на темна позадина. Изберете светло сива боја.

5. Не само превртувајте. Дизајн во темни бои

Ако се префрлите на темниот режим од стандардниот режим, најверојатно има вредни визуелни знаци во оригиналната тема. Немојте само да ги превртувате боите за да добиете темна тема. Можеби ги претворате боите кои имаат психолошка намена во бесмислени пригушени бои. Изберете боја свесно.

6. Нурнете подлабоко

Колку е повисок слојот, толку полесен треба да биде. Ова ќе создаде визуелна хиерархија во темниот режим, кој оди од најчесто користените елементи на вашиот екран до најмалку користените.

Визуелна хиерархија на темниот режим

Посветлите бои на врвот создаваат визуелна хиерархија

 

7. Искусете и понудете слобода. Дизајн во темни бои

Тестирајте ги и темните и светлите верзии на вашиот дизајн. Експериментирајте со секој стил и направете промени соодветно врз основа на повратните информации од корисниците. На крајот на краиштата, преференциите на луѓето може да бидат непредвидливи, затоа не го ставајте товарот на вашите корисници. Дозволете им да го префрлат својот екран од режим на светло во режим на темно. Ова им дава на корисниците контрола врз нивното искуство и ги прави да се чувствуваат поперсонализирани.

 

Ваш асистент во компанија за деловно рекламирање и печатење "АЗБУКА«