01. Плохо считывается визуальное разделение блоков
Берите большие отступы 120-180px и отделайте блоки цветами
02. Разные отступы
Отступы между блоками должны быть одинаковыми, так страница выглядит аккуратно и блоки равнозначны
03. Плохой контраст текста наложенного на фото
Можно добавить небольшой фильтр, что бы повысить читаемость текста или использовать другое более контрастное изображение
04. Очень много стилей
Большое количество стилистических элементов, цветов и типографики затрудняет восприятие пользователя и выглядит неаккуратно. Ограничьтесь 1-2 шрифтами, 1-2 насыщенностей шрифта, одним акцентным цветом.
05. Злоупотребление цветными блоками
Выделением цветом узких элементов разделяет смысловые блоки, если нужно выделить заголовок более крупной типографики или насыщенности будет достаточно, а цветом лучше выделять весь смысловой блок
06. Большой объем текса в карточках
Лучше переписать этот текст на 1-2 предложения, что бы не получалось елочек или вытянутых блоков. Они визуально не красивы и сложно воспринимаются.
07. Большой объем текста выровненного по центру
Большой объем очень сложно воспринимать, рекомендуется не более 1-3 предложений
08. Текст или элементы накладываются на важные элементы изображения
Если это человек или какой-то объект типа стула и на него накладываются элементы сайта, лучше их сместить или подобрать более удачное изображение
09. Визуальная иерархия
Заголовок на обложки (h1) в первом блоке должен быть больше чем внутренние в блоках заголовки (h2), то же самое с заголовками третьего и четверного уровня. Описания, не должно быть больше заголовка
10. Слишком длинный крупный заголовок
Крупный шрифт подходит только для коротких заголовков, для длинных лучше это шрифт сделать меньше
11. Лишние обводки на кнопке
Обводки нужны только на прозрачных кнопках, в остальных случаях это бесполезный элемент ухудшающий восприятие
15. Перегруженное меню
Не используйте более 5-7 пунктов меню
16. Большой сплошной текст
Не надо вставлять текст, так как вам кинул заказчик. Посидите, подумайте как его можно разбить на абзацы, что можно выделить или разбавить изображением.
17. Ключевая фраза в тексте
Не стесняйтесь ее сделать крупнее от основного текста на 10-15px
18. Отступы между картинками
Если полноэкранные картинки идут друг за другом не нужно делать отступ между ними, граница и так будет видна
19. Огромное количество выделение в тексте
Акценты работаю хорошо только тогда, когда их мало в тексте
20. Неуместное использование курсива
Курсив используется для того, чтобы выделить слово или короткую фразу в тексте. Он не так сильно бросается в глаза, как жирное начертание, но позволяет сделать акцент в определенном месте. Набирать весь текст или заголовки курсивом не следует. В текстах, набранных шрифтами без засечек, курсив лучше не использовать совсем
Больше полезностей для дизайнеров в моем телеграм канале