Как же бесит…
Хорошая новость: статья не только про сайты. Она про всё — сайты, упаковку, презентации, вывески и страницу соседской кофейни в социальных сетях.
Плохая новость: назад дороги уже не будет. После неё вы будете видеть эти мелочи буквально везде.
Мозг не знает названий правил. Но нарушение порядка чувствует мгновенно.
Он не знает профессиональных терминов. Но он прекрасно считывает две вещи: порядок и заботу.
Как только их нет — где-то внутри щёлкает тревожная кнопка «здесь халтура». Дальше уже не мысль. Просто раздражение. Вот его источники.
Висячий предлог
Строка кончается на «и», следующее слово падает вниз, предлог торчит один, как забытый на вешалке носок. Мозг не читает эту строку. Он об неё спотыкается.
визуальные решения
Вдова
Так называют последнюю строку абзаца, которая осталась одна в начале новой страницы или колонки. Весь абзац уже закончился, а его хвост переехал и теперь встречает читателя в гордом одиночестве.
Сирота
Это первая строка нового абзаца, которая осталась в самом низу страницы или колонки, пока весь остальной абзац переехал дальше. Начало есть. Продолжения нет. Читателю предлагают перевернуть страницу ради второй половины мысли.
Пять шрифтов в одном макете
Заголовок — одна гарнитура, подзаголовок — другая, кнопка — третья, потому что «так красивее». В итоге страница выглядит как коллективное письмо, которое писали пять человек и забыли договориться заранее.
Радиусы кнопок вразнобой
Одна кнопка со скруглением 4px, другая — 12px, третья вообще квадратная. По отдельности незаметно. Рядом — будто их делали в разных компаниях и склеили страницу скотчем.
Когда всё по центру
Центрирование — это не стиль. Это отказ принимать решение. Заголовок по центру, текст по центру, кнопка по центру, потому что так «безопаснее». В итоге ничего не ведёт взгляд, всё одинаково важно — то есть не важно ничего.
Мы создаём лучшие решения
Для компаний, экспертов, магазинов, производств, услуг и вообще всех, кто хочет стать заметнее.
Оптический центр
Вы идеально выровняли логотип. По линейке. По координатам. Всё математически безупречно.
Рваный вертикальный ритм
Отступ сверху блока — 24 пикселя, снизу — 40 пикселей, у соседнего блока наоборот. Разницу в отдельных отступах заметит не каждый. Но мозг слышит ритм страницы, как музыку, и сбитый такт ощущается как фальшивая нота.
Растянутое лицо на фото
Картинку впихнули в баннер не по пропорциям, и человек на фото стал на 15% шире, чем в жизни. Это замечает вообще каждый, потому что распознавание лиц — не эстетика, а инстинкт.
Однообразный дизайн нейросетей
Открываешь десять новых сайтов подряд — и все выглядят как один и тот же сайт. Тот же цветовой переход, тот же округлый шрифт, та же карточка с тенью. Раньше бесила стоковая фотография. Теперь бесит стоковый вкус целиком.
Слишком идеальная карточка товара
Ровный свет, идеальный фон, ни одной морщинки на упаковке, улыбка ровно на 32 зуба. Чем совершеннее картинка, тем меньше ей верят. Мозг подозревает подделку раньше, чем находит доказательства.
Логотип точно по сетке
Казалось бы, вот оно, совершенство — логотип выставлен математически точно. Но глаз воспринимает форму не как координаты. Иногда ему нужна микрокоррекция, чтобы всё наконец стало выглядеть ровно.
Видео, которое включается само
Открыл вкладку в наушниках в тихом опенспейсе — и на весь этаж грянула реклама. Единственный пункт, который не просто раздражает, а пугает физически.
Почему это вообще работает именно так
Ни один из этих пунктов не связан с грамотностью в дизайне. Они связаны с тем, как мозг ищет два сигнала: «здесь порядок» и «здесь про меня подумали».
Самое интересное: идеальность бесит так же часто, как небрежность. Слишком ровное читается как фальшивое, слишком неровное — как брошенное.
Хороший дизайн живёт где-то посередине — там, где всё выглядит просто, но на самом деле выверено до миллиметра, который никто не должен заметить.
Именно поэтому хороший дизайн — это не про то, что добавить. Это про то, что вовремя убрать.