Как сделать выразительным. Часть 4

Из прошлых заметок

Выразительность — это когда информация быстро воспринимается. Формула выразительности: информация делить на время. Смысл такой: если информации много и она быстро считывается, объект выразительный:

Один из способов сделать выразительнее — упростить восприятие. Для этого уберите всё лишнее:

Когда так упрощаешь, сталкиваешься с ограничениями носителей. О них в этой заметке.

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fru.pinterest.com%2Fpin%2F3940718415847382%2F&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Пост на пинтересте</a>, 刘 痕1987, и перерисованная версия с тонкими линиями
Пост на пинтересте, 刘 痕1987, и перерисованная версия с тонкими линиями

Ограничения носителей

Вот картинка с человечками:

Как сделать выразительным. Часть 4

Упростим восприятие. Чтобы сделать её выразительнее, уберём всё что не раскрывает мысль «влюблённые»:

Как сделать выразительным. Часть 4

Ушла дорога и тела человечков. Дорога не связана с влюблённостью. Тела не нужны, потому что достаточно рук — и так ясно, что руки кому-то принадлежат.

Остались три элемента: держащиеся руки, чёрные линии и белый фон. Руки нельзя убрать потому что как раз они передают мысль «влюблённые».Линии и фон нельзя убрать, потому что без них нельзя сделать картинку. Получится просто пустота.

Линии и фон — ограничения носителя информации, картинки. Они будут у любой картинки.

Что делать с ограничениями

Можно увеличить выразительность сильнее. Есть три способа:

  1. Сделать ограничения незаметнее.
  2. Полезнее.
  3. Выйти за рамки.

Сделать ограничения незаметнее

Идея в том чтобы ограничения меньше обращали на себя внимание.

Девушка нарисована внутри молнии:

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

Как сделать выразительным. Часть 4

Чтобы увеличить выразительность, контур становится незаметнее — линия становится тоньше:

Как сделать выразительным. Часть 4

Теперь молнию чётко видно, и она не отвлекает внимание от деталей лица.

На рисунке Нурии Помпейи беременная женщина:

Как сделать выразительным. Часть 4

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

На постере у коробки и ростков толстые линии:

Линии рябят. С ними сложно и прочитать текст, и увидеть что нарисовано.

Скорее всего это сделано нарочно, такой арт-приём. Постер зовёт на выставку в галлерею искусств. Приём интересный, но мешает смотреть. Если сделать линии тонкими, станет видно и текст, и рисунок:

Как сделать выразительным. Часть 4

Когда делают стикеры, машина может их неровно вырезать. Для этого стикерам делают обводку. Обводка — ограничение стикера. Большая белая обводка обращает на себя внимание:

Как сделать выразительным. Часть 4

Чтобы стать незаметнее, обводка становится как можно тоньше:

Как сделать выразительным. Часть 4

Сделать ограничение полезнее

Для этого ограничения должны нести в себе информацию.

Траектория полёта превратилась в текст:

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.commarts.com%2Fproject%2F19799%2Fonce-more-to-the-lake&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Разворот книги</a>, Дизайн-студия Комьюникейшн-артс
Разворот книги, Дизайн-студия Комьюникейшн-артс

Вот супрематический крест художника Покраса Лампаса. Форма креста — это манифест Казимира Малевича, написаный белыми буквами:

Фотография <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fwww.instagram.com%2Fural_geographic%2F&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Урал-джеографик</a>
Фотография Урал-джеографик

Рамка стала частью картины Хуана Видала — она как окно, через которое смотришь на город:

Как сделать выразительным. Часть 4

Любому пакету нужны ручки — это ограничение носителя. Здесь ручка делает пакет выразительнее — увеличивает букву О:

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fru.pinterest.com%2Fpin%2F84442561754569764%2F&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Пост на Пинтересте</a> Алины Лутаевой
Пост на Пинтересте Алины Лутаевой

Контур стикера со львом неоновый, как и морда — будто лев светится:

Как сделать выразительным. Часть 4

Контур в любом случае был нужен. Белый отвлекал бы внимание, неоновый добавляет смысла. Выразительность увеличилась.

Выйти за рамки носителя

Изменить носитель информации — чтобы ограничение исчезло.

Ограничение листовки — прямоугольная форма листа. Чтобы увеличить выразительность, объявление становится необычной формы:

<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fru.pinterest.com%2Fpin%2F235946467969166842%2F&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Пост на Пинтересте</a> Джени Медины
Пост на Пинтересте Джени Медины

Обычно на бутылках воды в магазине есть этикетка с логотипом. Чтобы сделать бутылку выразительнее, Солан-де-кабрас убрали этикетку и сделали рельефный логотип — прямо на пластике. Состав поместился на горлышке:

Как сделать выразительным. Часть 4

Чтобы в доме был свет, нужна лампа. Форма лампы — ограничение. Чтобы выйти за рамки, лампы прячутся в потолок:

Интерьер квартиры <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fkomanda-m.by%2F&postId=483887" rel="nofollow noreferrer noopener" target="_blank">Команды мастеров</a>
Интерьер квартиры Команды мастеров

Получается, что свет в доме есть, а лампы нет.

1212
1 комментарий

Спасибо за все статьи. Мне как UX/UI дизайнеру с опытом, внезапно понадобилось разобраться в теме выразительного. Сделал полезные выводы на основе ваших статей, спасибо!

Ответить