Тенденция дизайна: нарушение читаемости

В 2023 году становятся популярны стильные и интересные дизайны в сочетании с нечитаемым текстом. Эта тенденция выглядит гиперболизировано и необычно, но она однозначно привлекает внимание пользователей.

В этой статье мы рассмотрим несколько примеров нечитабельных дизайнов и покажем, как эффектно внедрить эту тенденцию в ваш дизайн-проект.  

Пример 1: Скрытые текстовые элементы

Затенение текста другими элементами — это один из способов влиять на читаемость текста. Если умело использовать эту тенденцию вы сможете создать интересный эффект без проблем с читаемостью. Главное не перестараться — важно, чтобы ваш текст был понятен и удобен для восприятия.   

В примере выше часть текста скрыта в двух местах: голова серфера скрывает часть буквы «А», а логотип App Store заползает в нижнюю строку текста. Все вместе выглядит очень стильно и интересно.

Пример 2: Текст поверх текста

Текст поверх текста — это полное нарушение читаемости, но несмотря на это, многие дизайнеры используют этот метод. На примере выше основной текст наслаивается на дополнительный текст в круге. Такое расположение текста выглядит очень стильно, эффектно и необычно, несмотря на то, что есть проблемы с читаемостью. 

Простой серый фон в сочетании с крупным блоком желтого текста и круговым красным текстом на нем выглядит интересно с точки зрения визуала, поэтому притягивает внимание пользователей.

Пример 3: Активная анимация

Когда текст сочетается с активной анимацией, то очень сложно прочитать текстовые элементы по мере их мелькания. В примере выше движение элементов очень быстрое, но есть несколько фрагментов, которые можно приостановить, чтобы прочитать. 

Если вы используете быструю анимацию или видеоролики на сайте, то мы рекомендуем добавлять кнопку паузы. Она пригодится тем пользователям, которые хотят остановиться и внимательнее изучить некоторые элементы на экране.

Пример 4: Нарушение ориентации

Нарушение ориентации — это тенденция дизайна, которую вы скорее всего чаще видите в печатных проектах, нежели на веб-сайтах. Но в 2023 году эта тенденция все чаще стала проявляться в цифровом пространстве.

Мы советуем вам использовать нарушение ориентации для коротких текстовых блоков — иначе вы рискуете, что пользователь просто закроет вашу страницу, если не разберет длинный перевернутый текст. 


Источник: designshack.net 

 

Условия передачи информации

Я даю согласие OOO «ЭсБилдер» (далее «BINN») на обработку моих персональных данных в соответствии со статьями 6, 9, 10, 18 Федерального закона от 27 июля 2006 года № 152-ФЗ «О персональных данных», указанных в онлайн-форме и/или предоставленных мною с целью:

Способы обработки персональных данных могут быть любыми, включая сбор, систематизацию, накопление, хранение, уточнение, обновление, изменение, воспроизведение, обезличивание, блокирование и уничтожение.

Настоящее согласие применяется в отношении обработки следующих данных: имя, номер телефона, адрес электронной почты (E-mail).

Настоящее согласие предоставляется сроком на пять лет. По истечении указанного срока действие согласия считается продленным на каждые следующие пять лет при отсутствии сведений о его отзыве.

Согласие может быть отозвано мною в любой момент путем направления в BINN подписанного мною письменного заявления.