Веб-дизайн, як використовувати чорний фон

Ми бачили це в попередній статті: у веб-дизайні найважливішим при виборі фону є читабельність.

використовувати

Потрібен графічний дизайнер ?

Опублікуйте своє оголошення на Graphiste.com і отримайте п’ятнадцять цитат.

Пітер Бірс
3D-модельєр

Жульєн Рамбальдіні
Відеодизайнер

Лулі Лабат
Дизайнер упаковки

Кевін Бенабдельхак
Веб-дизайнер

Джульєтта Бультель
Графічний дизайнер 2D Animator

Джонатан Зуарі
UX Designer

Олександра Керрек
Іконописець

Як, у цьому випадку, використовувати темний фон, відомий цілим сегментом користувачів Інтернету? Можливо, на основі порад у цій статті.

Пограйте з контрастами

Контраст - це те, що покращить читабельність. Ось чому чорний текст на світлому фоні також читається.

На чорному тлі ви можете використати такі кольори, які будуть виділятися більше за інші:

    Білий Червоний Помаранчевий Жовтий Зелений Фіолетовий

Якщо заглибитися в нього трохи глибше, то незабаром зрозумієте, що на темному тлі більше кольорів добре виділяється, ніж на світлому. Отже, у вашому розпорядженні буде більш повна палітра. !

Але ви все одно можете покращити ці ефекти ...

Як поліпшити контрасти ?

Чорний схильний ковтати текст, який він містить. Тому у ваших інтересах використовувати більш товсті шрифти (так, чорний навіть робить типографіку тоншою!)

Для комфорту очей також бажано трохи затемнити ваші тексти: забудьте про яскраво-білий і додайте 5% сірого. Він все ще буде сприйматися як білий, але менше болітиме очі. Так само темний не означає лише чорний !

Також не забувайте залишати достатньо місця між різними елементами: чорний поглинає яскравість кожного з них, і цей додатковий простір дозволить їм краще виділятися.

Які елементи найкраще виділяються на темному тлі ?

Джерело: Who Cares

Не дарма портфелі, у тому числі паперові, часто подаються на чорному тлі. Темні відтінки виявляють те, що на них покладено.

І ось як у веб-дизайні ви будете зацікавлені у використанні того самого принципу, щоб виділити свої зображення, фотографії та різні дизайни. Навіть графік набуває зовсім іншого вигляду за цих обставин.

Темний, глибокий темний фон створить атмосферу розкоші, серйозності та навіть елегантності вашого веб-сайту. Це приверне увагу, змусить користувача сконцентруватися, приділити більше уваги своєму вмісту.

Цей тип фону також покращує сприйняття зорової ієрархії. За умови, як завжди, коли ми говоримо про веб-інтерфейс, перевірити його на всіх носіях і типах екранів, подумати про звичайні обставини, в яких він буде використовуватися ... і не перевантажувати сторінку.

Якщо ви дотримувались усіх цих порад, лише тоді ви можете подумати про перехід на темну сторону.