Сергей Ткач

Работы Сергея Ткача:

Сергей Ткач

Эстетика табличек

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

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

Вот возьму типичную табличку из медицинского центра и, с вашего позволения, восстановлю её в удобном ракурсе:

Из того, что мы видим, можно сделать предположение о ходе мысли того, кто утверждал дизайн этой таблички:

— За стоимость изготовления таблички нужно получить максимум: максимально крупный текст и занять текстом всё доступное пространство. Не даром же деньги платим.

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

Итак, ограничимся форматом: нужно внести все правки, не меняя цвета и размеры таблички. То есть остается только вёрстка и шрифт.

Шаг первый: уберём лишнее

Видно, что нет никакого резона использовать рамки. Они были использованы с одной целью: попытаться отделить номер кабинета от его названия. Убираем:

Шаг 2: определим главное

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

Шаг 3: причешем шрифт

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

Шаг 4: правило близости

Отлично: уже и номер крупный, и текст стал читабельнее. Теперь применим правило близости, которое гласит, что смысловые элементы должны быть приближены друг к другу и отдалены от элементов, не родственных по смыслу. По сути нужно правильно перераспределить отступы. Какие у нас проблемы сейчас:

  1. Очень похожие расстояния между буквами в слове «автоклав» и от слова до числа «208». На деле расстояния до числа «208» должно быть значительно больше, чем расстояния межу буквами слова «автоклав». Так мы четко сгруппируем элементы.
  2. Расстояния до краёв таблички и между строчками приблизительно похожи. А нужно, чтобы текст был ближе друг к другу, а границы таблички были дальше. При этом нельзя нарушить выводы из первого пункта.

Вношу все правки:

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

В качестве ориентира я использовал ширину буквы «Т» в слове «автоклав» и всё выровнял по ней. Шрифт поменял на PT Sans просто потому, что он красивый:

Межбуквенный интервал равен ширине крыла той же буквы «Т»:

Вот что получилось в итоге:

Обсудить в фейсбуке →

Красота, чё!