Дизайн қою түстерде

Күңгірт түсті дизайн әдетте күңгірт реңктер басым болатын терең, қанық түс схемаларын қолдануға негізделген визуалды дизайнды жасау стилі мен тәсілін білдіреді. Бұл дизайн стилі соңғы жылдары танымал болды және әртүрлі салаларда, соның ішінде веб-дизайн, графикалық дизайн, интерьер дизайны және т.б. қолданылуы мүмкін.

Шамдарды сөндіріңіз, көзіңізді босаңсытыңыз және энергияны үнемдеңіз. Қараңғы режим - ең танымал режимдердің бірі дизайн тенденциялары, және WhatsApp, Instagram, Google, Facebook және Apple сияқты әлемдік деңгейдегі брендтер қараңғы режимді жобалау пойызына отырды.

Осы үздік брендтердің не істеп жатқанын және жеке жобаларыңызға қараңғы режимдегі пайдаланушы интерфейсін қалай қосуға болатынын қарастырайық. туралы білетін боласыз оң және теріс жақтары қараңғы режим және негізгі қараңғы режимді әзірлеудің ең жақсы тәжірибелері веб-сайтыңыз бен қолданба дизайнының тамаша көрінуі мен жұмыс істеуін қамтамасыз етеді.

Басылған маркетингтік материал

Қараңғы режим дегеніміз не? Дизайн қою түстерде

Қараңғы режим – негізгі түс ретінде күңгірт фон түсін пайдаланатын аз жарықты пайдаланушы интерфейсі (UI). түсі - әдетте қара немесе сұр реңк. Бұл дизайнерлер ондаған жылдар бойы пайдаланған стандартты ақ пайдаланушы интерфейсіне толығымен қарама-қайшы. Экран уақытының артуына жауап ретінде әзірлеушілер қараңғы тақырып интерфейстері әсіресе жарық аз жағдайда немесе түнде көздің шаршауын азайтуға көмектесетінін анықтады. Көздің аз шаршауы бас ауруы азайып, жұмыс тәжірибесі жақсы болды.

 

 

Бірақ қараңғы режим шын мәнінде жаңа нәрсе емес.

Постер әзірлеу. 5 ереже

Матрицадағы қара фонда жаңбыр жауып тұрған жасыл компьютер коды есіңізде ме? Бұл бастапқы қараңғы режимге: ерте компьютерлердің ескі мектептегі монохромды мониторларына бас иді.

 

Бұл классикалық қараңғы көрініс 80-ші жылдары стильден шығып, қағаздағы сияны имитациялайтын ақ фонда қара мәтіннің пайдасына шықты. Дизайн қою түстерде

Бейне жарнама дегеніміз не? Анықтамасы, түрлері және тенденциялары

Бұл 7 жылы Windows Phone 2010 жүйесінде қараңғы режим қалпына келгенше шамамен отыз жыл бойы қалыпты жағдай болды. Google қараңғы режим батареяны үнемдейтінін растағаннан кейін, олар бұл мүмкіндікті 2018 жылы Android операциялық жүйесіне қосты. Бір жылдан кейін Apple iOS және iPadOS жүйелерінде қараңғы режимге көшті.

Қараңғы режимді пайдаланудың артықшылықтары. Дизайн қою түстерде

Қараңғы режим көзге оңай (дұрыс жасалса) ғана емес, сонымен қатар батареяның қызмет ету мерзімін үнемдейді және тіпті сау болуы мүмкін. Қараңғы режимнің жарық режимінен практикалық артықшылықтарын қарастырайық.

Көздің шаршауын азайтады

Сіз өз көзіңізді сезбеуіңіз керек. Бірақ экран деректерін ұзақ уақыт талдайтын кез келген адам біраз уақыттан кейін мұны істей бастайтыныңызды біледі. Компьютерлік көру синдромы (CVS) көз ауруы, бұлыңғыр көру, қос көру, бас ауруы, мойын/арқа ауруы және т.б. Диаграммалар мен графиктерге келетін болсақ, қараңғы режим ауырсынуды азайтуға көмектеседі.

 

Төмен жарықта көрінуді арттырады

Егер сіз ұйықтап жатсаңыз және біреу жарқыраған шамды қосса, басыңыз ауырады. Дәл осындай принцип түнде немесе таңертең ерте компьютер экранының алдында жұмыс істейтін адамдарға қатысты. Қараңғы режим бұл жарқырауды азайтады және аз жарық жағдайында мазмұнды көруді жеңілдетеді.

Батарея қуатын үнемдейді

OLED экрандары бар кейбір сандық гаджеттер пайдаланылмаған кезде қара пикселдерді өшіруі мүмкін. Қараңғы режимде қара пикселдердің көбеюі пайдаланылады, бұл құрылғының қуатты аз тұтынуына әкеледі.

Эмоционалды заряд береді

Көптеген қараңғы режимдегі UI пайдаланушылары оны эстетикалық себептерден гөрі энергия мен денсаулық себептері үшін таңдайды. Қараңғы режим олардың денсаулыққа пайдалы нәрсе істеп жатқанын еске салады, бұл оларға жақсы сезім береді, мысалы, қайта пайдалануға болатын құрылғыны жүктеген кездегідей. сауда сөмкесі немесе бір бөтелке су.

ADD алдын алады. Дизайн қою түстерде

Ал... бір түрлі. Ақ жарық пен түстер сіздің назарыңызды аударып, тапсырманы орындауды қиындатады. Қараңғы режимдегі пайдаланушы интерфейсі концентрацияңызды интерфейстің мазмұн аймақтарына бағыттау арқылы фокусты жақсарта алады, бұл мазмұнның пайда болуына және фонның өшіп қалуына мүмкіндік береді.

Қараңғы режимді пайдаланудың кемшіліктері

Барлығы сияқты, қараңғы режимнің де кемшіліктері бар. Қараңғы тақырыптың сіздің мақсаттарыңыз үшін кемшілігі болуы мүмкін себептерін қарастырайық.

Эмоционалды байланысты төмендетуі мүмкін. Дизайн қою түстерде

Жарқын түстер жарқын эмоциялар тудыруы мүмкін. Егер сіздің көрермендеріңіз осыны іздейтін болса, онда түстерді қоюлау олар үшін психикалық кедергі тудыруы мүмкін. Олар қараңғы тақырыппен эмоционалды байланыс орнату қиынырақ болады. Егер сіздің брендіңіз мотивациялық, шабыттандыратын немесе рухани сипатта болса, қараңғы режимдегі пайдаланушы интерфейсі құмар ойын болуы мүмкін. Ашық түстер күшті эмоцияларды тудырса, керісінше болуы мүмкін. Сонда сіздің аудиторияңыз кім? Егер олар лифт іздесе, оларды өртемеңіз.

Кеңістікті қысады

Қараңғы қабырғалары бар бөлмелер клаустрофобияны сезінуі мүмкін. Құрылғыда қараңғы режим бірдей жұмыс істей алады. Егер сіз кеңістік сезімін жасағыңыз келсе, қараңғы интерфейс кеңістікті кішірек етіп көрсетуі мүмкін.

Төмен контраст түстерді оқу қиын болуы мүмкін. Дизайн қою түстерде

Түстер мен контрасттарды дұрыс түсінбесеңіз веб-сайтты әзірлеу немесе қараңғы тақырыбы бар қолданбалар, бұл мәтінді оқуды қиындатады, сондықтан қараңғы режимде электрондық поштаны, қолданбаны немесе веб-сайтты жобалау кезінде мұны есте сақтаңыз.

Дизайндағы қараңғы режимді қалай пайдалануға болады

Қараңғы режим дизайны кез келген жерде жұмыс істей алады. Мобильді қолданбалардан бастап смарт сағаттар мен теледидар интерфейстеріне дейін бұл дизайн үрдісі брендіңізді алға жылжытады. Дұрыс орнатыңыз және қараңғы режим бандиттер сияқты жұмыс істей алады. Қателесіңіз және дизайныңыз пайдаланушыларды бірден өшіруі мүмкін. Қараңғы веб-сайтты немесе қолданба интерфейсін жобалау кезінде кейбір негізгі кеңестер:

Қараңғы режимді қашан пайдалану керек. Дизайн қою түстерде

Бренд түстерін таңдаңыз

Қолданыстағы түстер палитрасы болған кезде бренд қараңғы режиммен үйлесімді, қараңғы режим құдайлары сізге күлімсіреді.

 

Егер сіз өзіңіздің брендингіңізді эстетикаға сай өзгерту керек деп ойласаңыз, қараңғы болу туралы екі рет ойланыңыз. Сол сияқты, сіздің бренд түстердің кең ауқымын пайдалану қажет болса, жеңілірек интерфейсті қарастырыңыз. Толық түс спектрін қараңғы фонда оқу қиын.

Өз салаңызды белгілеңіз. Дизайн қою түстерде

Қараңғы режимдегі UI белгілі бір салаларды жақсарту үшін де пайдалы. Мысалы, түнгі өмір мен ойын-сауыққа бағытталған брендтер қараңғы режим үшін өте қолайлы, өйткені олардың жоғары энергиялық мазмұны нақты өмірде жиі қараңғы фонмен жұптастырылған.

Минималист болыңыз

Дизайныңыздың эстетикасы шектеулі мазмұнмен минималистік болса, сіздің ортаңыз қараңғы режимге жарамды. Мәтін негізгі мазмұн болған жағдайда қараңғы интерфейс оқуды қиындатады. Әдетте, қараңғы режим визуалды тәртіпсіздікті арттырады, бұл ретсіз экранды одан да хаотикалық етеді.

Эмоцияларды ояту

Белгілі бір эмоционалды реакцияны тудыруға тырысасыз ба? Жұмбақ немесе кішкене драма сияқты ма? Төмен көріну қызығушылық тудырып, эмоционалды шиеленісті күшейтетіндіктен, қараңғы режим брендіңіз үшін тамаша құрал бола алады.

 

Күй белгісі. Дизайн қою түстерде

Күй сезімін жасағыңыз келсе, қараңғы режим UI тиімді құрал бола алады. Қараңғы түстер сән-салтанат пен байлықпен байланысты эмоцияларды тудырады. Жақсы жұмысқа назар аударғыңыз келсе, UI қараңғы режимін қарастырыңыз.

 

Қараңғы режимді жобалауға арналған ең жақсы тәжірибелер

Қараңғы режим пайдаланушы интерфейсін жасау кезінде дұрыс жұмыс істеуі керек белгілі бір процестер бар. Ақыр соңында, сіз өзіңіздің өніміңіздің керемет болғанын қалайсыз, солай емес пе? Қараңғы режимдегі ең жақсы тәжірибелерді тексеру тізіміндегі барлық ұяшықтарды белгілейік:

1. Тым қараңғы түспеңіз. Дизайн қою түстерде

Кітап баспалары таза ақ қағазды пайдаланбайды, себебі қара сиямен контраст тым қатал. Бұл сіздің көзіңізді қысып, бас ауруын тудыруы мүмкін. Сандық құрылғылармен де солай. Таза қарадан аулақ болыңыз. Жоғары контрастты экранға қарау қиын. Жақсы қараңғы режим түстері қанықпаған түстермен біріктірілген сұр реңктері болып табылады.

 

2. Дұрыс контрастқа ие болыңыз

Қараңғы режимдегі фон ақ мәтінді көрсету үшін жеткілікті қараңғы болуы керек. Google Material Design ұсынысы - кем дегенде 15,8:1 фон контраст деңгейіне мәтінді пайдалану.

3. Түстерді қанықсыздандырыңыз. Дизайн қою түстерде

Қараңғы фонда толық қанық түстерден аулақ болыңыз. Қараңғы беттерде реңктер жиі «дірілдегендей» көрінеді. Оның орнына, пастель және дыбыссыз түстер сияқты қанықпаған түстерді пайдаланыңыз - сұр және ақ түстер қосылған реңктер.

Сонымен қатар, брендтің түстер палитрасын өзгертуді қарастырыңыз. Компанияңыздың көк түсі ақ түске қарағанда қара түсте басқаша оқуы мүмкін. Қараңғы режимдегі түстерді жарық режиміндегідей жауап беру үшін жиі реттеу керек.

4. «Қосу» дұрыс түстерді пайдаланыңыз.

Қандай түс? Элементтер мен негізгі беттердің үстінде пайда болатын. «Қосулы» түстер әдетте әріптер үшін пайдаланылады. Әдепкі қараңғы режим UI түсі таза ақ (#FFFFFF). Мұны қолданбаңыз. #FFFFFF қараңғы фонда қараған кезде дірілдеген сияқты. Ашық сұр түсті таңдаңыз.

5. Жай ғана аударып алмаңыз. Дизайн қою түстерде

Егер стандартты режимнен қараңғы режимге ауыссаңыз, бастапқы тақырыпта құнды көрнекі белгілер болуы мүмкін. Қараңғы тақырыпты алу үшін тек түстерді төңкеріп алмаңыз. Сіз психологиялық мақсаты бар түстерді мағынасыз дыбыссыз түстерге айналдыруыңыз мүмкін. Түсті саналы түрде таңдаңыз.

6. Тереңірек сүңгу

Қабат неғұрлым жоғары болса, соғұрлым жеңілірек болуы керек. Бұл жасайды визуалды иерархия қараңғы режимде, ол дисплейдегі ең жиі қолданылатын элементтерден ең аз пайдаланылғанға дейін өтеді.

 

7. Тәжірибе жасаңыз және еркіндікті ұсыныңыз. Дизайн қою түстерде

Дизайныңыздың қараңғы және ашық нұсқаларын тексеріңіз. Әрбір стильмен тәжірибе жасап, пайдаланушы пікіріне сәйкес өзгертулер енгізіңіз. Өйткені, адамдардың қалауы күтпеген болуы мүмкін, сондықтан пайдаланушыларыңызға ауыртпалық түсірмеңіз. Оларға дисплейді жарық режимінен қараңғы режимге ауыстыруға рұқсат етіңіз. Бұл пайдаланушыларға өз тәжірибесін бақылауға мүмкіндік береді және оларды жекелендірілген сезінеді.