Слишком много шрифтов
Три–пять гарнитур редко делают дизайн интереснее. Чаще они создают визуальный шум.
плохо
Hello design
world
world
→
лучше
Hello design
world
world
Что делать: 1–2 шрифтовые семьи, разнообразие — через размер, вес и начертание.
01 — Типографика
Сначала наведи порядок в тексте.
01
Случайные размеры текста
37, 23, 17, 13 px без логики выглядят как набор отдельных решений.
Что делать: создай типографическую шкалу и используй её во всём проекте.
Слишком много жирного
Если выделено всё — не выделено ничего. Bold должен помогать иерархии.
Что делать: оставь жирность для ключевых смыслов и заголовков.
Плохой межстрочный интервал
Слишком плотный текст тяжело читать, слишком рыхлый — теряет связь между строками.
Что делать: настраивай line-height под размер и назначение текста.
Слишком длинные строки
Абзац на всю ширину экрана утомляет и усложняет сканирование.
Что делать: ограничивай ширину длинных текстовых блоков.
02 — Пространство
Воздух — тоже элемент дизайна.
Текст вплотную к краям
Недостаток воздуха мгновенно создаёт ощущение тесноты.
плохо
Тексту нечем дышать
→
лучше
Воздух создаёт фокус
Что делать: используй внутренние отступы осознанно.
Случайные отступы
20 px здесь, 37 px там — глаз считывает отсутствие порядка, даже если пользователь не может его объяснить.
Что делать: задай spacing-систему и повторяй значения.
Всё одинаково важное
Большой заголовок, яркая кнопка, огромная фотография и цветная плашка одновременно заставляют элементы конкурировать.
Что делать: выбери главный элемент экрана. Остальные должны ему помогать.
03 — Цвет и эффекты
Эффект не заменяет систему.
Слишком много цветов
Большая палитра без функции быстро превращается в визуальный хаос.
плохо
ВСЁ АКЦЕНТ
→
лучше
Один фокус
Что делать: основной цвет + акцент + нейтральная палитра.
Чистый чёрный везде
#000 на белом может давать слишком жёсткий контраст, особенно в больших объёмах текста.
Что делать: используй тёмные нейтральные оттенки там, где максимальный контраст не нужен.
Слишком много градиентов
Градиент — приём, а не автоматический способ сделать интерфейс современным.
Что делать: оставляй его там, где он действительно поддерживает стиль.
Слишком много теней
Тяжёлые чёрные тени часто визуально утяжеляют интерфейс.
плохо
Card
→
лучше
Card
Что делать: мягкая тень с низкой непрозрачностью — или вообще без неё.
Слишком много скруглений
Разные радиусы у каждой кнопки, карточки и картинки разрушают целостность.
Что делать: задай небольшую систему радиусов.
Обводка вокруг всего
Не каждый блок обязан быть заключён в рамку.
Что делать: сначала разделяй элементы пространством, фоном и типографикой.
04 — Визуальный язык
Все детали должны говорить на одном языке.
Иконки из разных наборов
Тонкая, залитая и объёмная иконки рядом выглядят случайно.
Что делать: используй одну стилистическую систему.
Случайный визуальный стиль
Минимализм + 3D + винтаж + неон могут быть хороши отдельно, но не обязаны работать вместе.
Что делать: заранее определи визуальное направление и правила.
Стоковые фото без обработки
Разный свет, цвет и настроение изображений быстро выдают шаблонность.
Что делать: подбирай серию с единым характером и цветокоррекцией.
Изображения плохого качества
Пикселизация, растяжение и неудачный кроп портят впечатление от всего макета.
Что делать: проверяй исходники на реальных размерах экранов.
Контент «для заполнения места»
Лишние карточки и статистика не делают пустоту полезнее.
Что делать: если элемент ничего не сообщает и не помогает — убери его.
Слишком много декора
Звёздочки, стрелки, круги, шум и стикеры работают только пока у них есть роль.
Что делать: убери половину украшений и сравни результат.
05 — UX и композиция
Пользователь должен понимать, куда смотреть и что делать.
Кнопки без иерархии
Если пять действий одинаково яркие, ни одно не выглядит главным.
Что делать: разделяй primary, secondary и менее приоритетные действия.
Слишком много CTA
«Купить», «Написать», «Записаться», «Узнать больше» на одном экране конкурируют.
плохо
КупитьПодробнееНаписать
→
лучше
Получить консультацию
Что делать: определи одно главное действие экрана.
Выравнивание «на глаз»
Небольшие расхождения особенно заметны в минималистичном дизайне.
Что делать: используй сетку, направляющие и общие линии.
Игнорирование сетки
Без структуры элементы начинают «плавать», а композиция распадается.
Что делать: строй на колонках и контейнерах, нарушай сетку намеренно.
Копирование трендов без контекста
Bento, glassmorphism, 3D или гигантская типографика не обязаны решать задачу.
Что делать: спрашивай: «Этот приём помогает задаче?»
Каждый экран пытается впечатлить
Если всё кульминация — кульминации нет.
Что делать: чередуй акцентные и спокойные участки, создавая ритм.
Дизайн без системы
Главная ошибка. Красивые шрифты, цвета и фото не спасут проект, если каждое решение принимается отдельно.
Что делать: повторяй правила — отступы, типографику, радиусы, компоненты, палитру и иерархию. Именно последовательность превращает набор элементов в дизайн.
