03/05 Типографика. Наложение текста поверх изображений

03.03.2016

Дни, когда изображения и текст были двумя отдельными объектами, прошли. Сегодня прием наложения текста на изображения может усилить оба эти элемента.

TMA-2

Источник: http://aiaiai.dk/

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

Human-Score

Источник: Reebok via awwwards

Ещё одним принципом является важность того, чтобы два этих элемента не затрудняли понимание смысла. Если, например, спортивный фотограф накладывает свое имя на своё лучшее фото – снимок Тома Брэди – то, конечно же, происходит путаница.

Творческое использование простых шрифтов

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

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

hotel-moscow

Источник: http://hotelmoscow.info/

Творческая типографика интересна по своей природе и сама по себе. Именно поэтому лучше комбинировать её с простым и ненавязчивым фоном, например, с одноцветными покрытиями («одеялами») как в примерах наверху. Вы же не хотите загромождать ваш экран чересчур большим количеством броских элементов, которые будут конкурировать за внимание вашего пользователя.

Теги: , , , ,