Как сайт будет выглядеть в браузере после вёрстки? Этот вопрос задаёт себе каждый фронтендер, особенно если впервые применяет свои знания на практике.
Нередко бывает, что при сборке всего функционала, ресурс оказывается так себе. И внешний вид страницы играет в этом огромную роль. Люди вообще склонны доверять качественному, профессиональному дизайну.
Как же быстро поправить вид фронтенд-проекта? Лови несколько приёмов, которые помогут тебе в этом вопросе ⬇️
✔ Подбор шрифта.
Использование двух шрифтов для разных элементов на странице добавят контраста и облегчат восприятие в целом. На сайте Google Fonts всегда можно найти пару шрифтов, которые украсят твой веб-ресурс.⠀
✔ Подходящая цветовая гамма.
Цвет сильно влияет на первое впечатление от страницы. Например, комплиментарные цвета создают приятный контраст, аналоговые – это гармония и цельность. Для того, чтобы не ошибиться с выбором, воспользуйся специальным генератором Colormind.io со специальными шаблонами.⠀
✔ Негативное пространство.
Так называют пустое пространство между элементами на странице. Если правильно его использовать, оно здорово улучшит вид проекта из-за того, что делает его менее загромождённым.⠀
✔ Структура.
Её никогда не поздно добавить, если всё выглядит слишком хаотично. В помощь разделы, рубрики, разграничение элементов. Не упусти, что на мобильных устройствах отображение страницы тоже должно быть гармоничным.⠀
✔ Значки, изображения и анимация.
Это помогает пользователям ориентироваться на сайте и поддерживают целостность структуры. Важно, чтобы изображения вписывались в общую цветовую гамму!
Анимация добавляет интерактивности, но с ней главное не переборщить. Слишком много анимированных элементов могут раздражать пользователей.⠀
А ты обращаешь внимание на визуальное оформление страницы или считаешь это не главным?
#советы_от_methed