Дизајн у тамним бојама

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

Пригушите светла, опустите очи и уштедите енергију. Тамни режим је један од најпопуларнијих трендови дизајна, а брендови светске класе као што су ВхатсАпп, Инстаграм, Гоогле, Фацебоок и Аппле већ су се укрцали у тамни мод дизајна.

Хајде да погледамо шта раде ови врхунски брендови и како можете додати корисничко сучеље тамног режима у своје пројекте. Научићете о за и против најбоље праксе за развој тамног режима и основног тамног режима како бисте осигурали да дизајн ваше веб странице и апликације савршено изгледа и функционише.

Штампани маркетиншки материјал

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

Тамни режим је кориснички интерфејс (УИ) при слабом осветљењу који користи тамну боју позадине као главну боју боја - обично црна или нијансу сиве. Ово је потпуна супротност стандардном белом корисничком интерфејсу који дизајнери користе деценијама. Као одговор на наше продужено време испред екрана, програмери су открили да интерфејси тамних тема помажу у смањењу напрезања очију, посебно у условима слабог осветљења или ноћу. Мање напрезање очију значило је мање главобоља и боље радно искуство.

 

 

Али тамни режим заправо није ништа ново.

Израда постера. 5 правила

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

 

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

Шта је видео оглашавање? Дефиниција, врсте и трендови

Ово је била норма скоро три деценије док се тамни режим није вратио у Виндовс Пхоне 7 2010. Након што је Гоогле потврдио да тамни режим штеди батерију, додали су ову функцију свом Андроид ОС-у 2018. Годину дана касније, Аппле је следио тамни режим на иОС-у и иПадОС-у.

Предности коришћења тамног режима. Дизајн у тамним бојама

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

Смањује напрезање очију

Не би требало да осећаш очи. Али свако ко дуго анализира податке са екрана зна да после неког времена почнете да радите ово. Синдром компјутерског вида (ЦВС) укључује бол у очима, замагљен вид, двоструки вид, главобоље, бол у врату/леђа и још много тога. Када су у питању графикони и графикони, тамни режим може буквално помоћи да се смањи бол.

 

Повећава видљивост при слабом осветљењу

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

Штеди енергију батерије

Неки дигитални уређаји са ОЛЕД екранима могу да искључе црне пикселе када се не користе. Тамни режим користи повећан број црних пиксела, што доводи до тога да уређај троши мање енергије.

Даје емоционални набој

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

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

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

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

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

Може смањити емоционалну везу. Дизајн у тамним бојама

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

Компримује простор

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

Боје са ниским контрастом могу бити тешке за читање. Дизајн у тамним бојама

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

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

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

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

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

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

 

Размислите двапут о затамњењу ако осећате да треба да промените свој бренд како би се уклопио у естетику. Исто тако, ако ваш бренд треба да користи широк спектар боја, размислите о лакшем интерфејсу. Пун спектар боја је тешко читати на тамној позадини.

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

УИ у мрачном режиму је такође користан за побољшање одређених индустрија. На пример, брендови фокусирани на ноћни живот и забаву идеални су за мрачни режим јер је њихов високоенергетски садржај често упарен са тамном позадином у стварном животу.

Иди минималистички

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

Изазива емоције

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

 

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

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

 

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

Постоје одређени процеси који морају да раде исправно када креирате кориснички интерфејс у ​​мрачном режиму. На крају крајева, желите да ваш производ буде сјајан, зар не? Хајде да означимо сва поља на нашој контролној листи најбољих пракси у мрачном режиму:

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

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

 

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

Позадина у тамном режиму мора бити довољно тамна да прикаже бели текст. Предлог Гоогле Материал Десигн-а је да користите ниво контраста између текста и позадине од најмање 15,8:1.

3. Обесити боје. Дизајн у тамним бојама

Држите се даље од потпуно засићених боја на тамној позадини. На тамним површинама, нијансе често изгледају као да "вибрирају". Уместо тога, користите незасићене боје као што су пастелне и пригушене боје - нијансе са додатком сивих и белих.

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

4. Користите праве боје „укључено“

Коју боју? Онај који се појављује на врху елемената и кључних површина. "Он" боје се обично користе за натписе. Подразумевана боја корисничког интерфејса тамног режима је чисто бела (#ФФФФФФ). Не користи ово. Чини се да #ФФФФФФ вибрира када се гледа на тамној позадини. Изаберите светло сиву боју.

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

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

6. Зароните дубље

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

 

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

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