Дизайн нужен для того, чтобы пользователь легко воспринимал информацию на лендинге.
Но эти ошибки испортят всё👇
⠀
1. Нет отступов
Ритм секциям задает воздух между ними. Когда текст и картинки слеплены, смысловые части не отделены друг от друга. Лендинг плохо читается, тем более его нельзя охватить одним взглядом.
⠀
2. Слишком много шрифтов
В идеале должно быть два шрифта: один шрифт для заголовков, другой для основного текста.
⠀
3. Слишком много цветов
Когда страница не выдержана в одном стиле, взгляд не сосредоточен на смысловых акцентах. Важное теряется за второстепенными элементами. Чтобы станица не выглядела слишком пестрой, выберите 3 основных цвета и используйте их.
⠀
4. Текст не читается
Неконтрастный цвет текста, слишком яркий фон — и ваше сообщение не читается. Изменяем цвет фона — затемняем/высветляем изображение или делаем его однотонным. Выбираем более контрастный цвет текста.
⠀
5. Истерика
Прописными буквами может быть набран только заголовок, в крайнем случае – подзаголовок. Весь текст СapsLock’ом — это истерика. Не создавайте панику, пишите спокойно. Важное сообщение выделите цветом или размером текста.
⠀
6. Всё Очень Важно
Писать прописными все первые буквы слов — тоже плохая идея. Взгляд тормозит на каждом слове, не дает воспринимать текст цельно. Поступаем так же как с тотальным СapsLock’ом: хотите выделить важное – сначала, определите, что именно важно, затем выделите это цветом или размером.
⠀
7. Слишком много форматирования
Жирный, курсив, подчеркивание, зачеркивание — переизбыток форматирования сбивает восприятие. Не увлекайтесь. Используйте курсив для отзывов и комментариев, выделяйте жирным что-то одно.
⠀
8. Яркий фон
Если вы используете картинку в качестве фона, затемняйте или высветляйте её, чтобы текст читался. Или поменяйте картинку на более нейтральную. Или сделайте фон однотонным.
⠀
9. Слишком много яркого фона
Две яркие картинки подряд сбивают смысловые акценты. Разделяйте их секциями с нейтральным фоном.
⠀
10. Маленькие картинки
Хороший размер для картинки-фона — с шириной 1920px. Допустимо использовать картинку с шириной 1024px, но при условии, что фон будет сильно затемняться.