Собрать лендинг из готовых блоков нан конструкторе в Тильде или Wordpress может любой новичок. Казалось бы, какие ошибки тут можно еще сделать? Как показывает практика, без знания основ дизайна, накосятичь можно всегда... Разберем наиболее частые ошибки, независимо от того, где вы собираете вашу страницу.
1. Плохая читаемость текста
Начнем с первого экрана. Если текст наложен на фотографию, то он не должен сливаться с задним фоном. Располагайте текст таким образом, чтобы он попадал на, более контрастный участок изображения. Если изображение имеет слишком неспокойную текстуру, можно наложить на задний фон фильтр высветляя или затемняя фон по отношению к тексту.
2. Слишком много стилей
Наиболее частая ошибка новичков — использование разных стилей типографики и оформления на одной странице. Это не только губительно для целостности стиля страницы, но также затрудняет восприятие информации. Используйте 1-2 шрифта и один стиль для иконок. Подходящие шрифты можно подобрать тут.
Также применяйте ограниченную палитру цветов используя максимум два цвета для выделения важных элементов.
3. Недостаточно отступов
Отсутствие достаточного отступа между смысловыми блоками дробит страницу на части, внося беспокойство. Также не стоит пытаться ужать контент внутри блоков уменьшая отступы, это только ухудшит восприятие информации.
4. Слишком много текста
Большинство посетителей не очень любят читать длинные тексты лэндингов. Чаще всего пользователи просто «сканируют» страницу цепляясь за ключевые фразы. Помогите вашим пользователям — сократите текст до минимума или разбейте его на несколько смысловых блоков. Оптимальной длиной текста для чтения считается 50-60 символов в строке. Также стоит избегать слишком много текста в узких колонках и заголовках.
5. Информация не разделена на смысловые блоки
Визуально отделяйте смысловые блоки с помощью разного цвета заднего фона и используя отступы как минимум 120px. Если этого не делать блоки будут сливаться в единый массив без какой либо структуры ухудшая восприятие информации.
6. Не соблюдена иерархия в типографике
Без соблюдения иерархии в тексте пользователю будет трудно понять какая информация наиболее важная.
Структурируйте текстовые элементы в зависимости от их важности. Первый доминирующий заголовок должен быть всегда больше последующих подзаголовков. Текст описания имеет наименьший размер. Также используйте достаточный пробел между строк для удобства чтения.
В данной статье мы рассмотрели всего несколько примеров применения универсальных законов дизайна при создании лендинга. Однако не стоит забывать, что для полного успеха необходимо сосредоточиться на потребностях и ожиданиях вашей целевой аудитории, создать уникальное предложение, которое выделяется на фоне конкурентов. Об этом я рассказал в другой статье – Как создать продающий лендинг по формуле AIDA. Надеюсь, что советы помогут вам при проектировании будущих проектов.