Кирилл Беляев: заметки с тегом метод

Ещё один способ сделать плакат

Кирилл Беляев — Tue, 26 Mar 2019 09:07:03 +0300

Напечатанным на А0 плакат выглядел бы в разы круче.

«Динамо» разрабатывают актуальные шрифты и с графдизайном у них всё отлично. Думаю, что такие плакаты появляются, потому что инструменты стали заботиться о внешнем виде результата, который с их помощью делают, а с другой стороны, дизайнеры падки на способы сделать работу выразительно, но дёшево. Это прямо отдельный тренд, что ли — «как сделать не делая».

В прошлом выпуске — Браулио Амадо

Первый раз

Кирилл Беляев — Mon, 29 Oct 2018 10:54:06 +0300

Мы отдали сына в футбольную секцию. Через две недели я заметил, что он технично ведёт мяч перед собой при перемещении. Объясняю себе это тем, что с первой попытки его учили правильной технике, пропуская этап дворовой игры, где каждый делает, как получится.

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

Эти примеры о том, почему важно с первого раза учится делать правильно. Об этом почти вся книга «После трёх уже поздно».

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

Один из способов сделать плакат

Кирилл Беляев — Mon, 16 Jul 2018 14:09:35 +0300

Португалец Браулио Амадо работал в Пентограм, артдиректорил Блумберг Бизнесвик, потом работал в Виден+Кеннеди. Запустил свою студию и ведёт тумблер, в котором недавно опубликовал плакаты с «исходниками»:

Объекты показывают сами себя до абсурда

Кирилл Беляев — Wed, 03 May 2017 13:31:15 +0300

Пока писал разбор графиков с реальными объектами, понял, что если довести до абсурда приём «объекты показывают сами себя», то получатся «Избыточные часы» Джи Ли:

Интересно, что один приём трансформируется в другой. А ценность всё равно остаётся.

Межколонники суммируются

Кирилл Беляев — Thu, 30 Oct 2014 23:49:46 +0300

Йозеф Мюллер-Брокманн объясняет связь между кеглем, интерлиньяжем, длиной строки и высотой текстового блока. Комфортно читать строки длиной 7—10 слов. Следовательно, чем короче строка, тем меньше кегль. А чем выше блок текста (больше строк), тем больше будет интерлиньяж, но в диапазоне допустимого для выбранного кегля.

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

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

Чтобы организовать разнородную информацию на странице, Мюллер-Брокман делит её на колонки. Если информации много и она разнородна, подойдёт «швейцарский» четырёхколонник с колонками равной ширины и равными межколонниками. Такие колонки легко комбинировать: 1+1+1+1, 2+1+1, 2+2 или 3+1 (текст шириной в 4 колонки получается очень крупным, встречается редко). Чтобы быстро и аккуратно сверстать страницу, лучше взять флаговый набор (в узких колонках выключка по ширине всегда неаккуратна, оставим её для широкого формата). Описанные условия, приближают печатную страницу к странице на экране, поэтому метод вдвойне актуален.

В этом макете меня не устраивают узкие просветы от широких и средних блоков до соседей. Межколонники плохо справляются со своими задачами — крупный кегль просит больше воздуха справа. Кегль широкой колонки слишком большой. А контраст между кеглями широкой и узкой колонками привлекает много внимания.

Чтобы решить проблемы, отступаю от правил Мюллера-Брокманна и ввожу свои. Ширина блока в 3 колонки = ширина 3 колонок − ширина 2 межколонников:

В широком блоке межколонники между 1-й, 2-й и 3-й колонками не заполняются текстом, а суммируются с межколонником между 3-й и 4-й колонкой. Тот же принцип у блоков средней ширины

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

P. S. Это последняя заметка, которая выходит в обоих блогах. C ноября заметки о дизайнерском росте, типографике, подаче информации, интерфейсах, ведении проектов и городской среде читайте в блоге Кирилла Беляева (подробнее о переезде).

Не белый лист

Кирилл Беляев — Tue, 02 Jul 2013 20:15:28 +0300

В вакууме идею искать сложно. Прямых ассоциаций часто недостаточно для решения задачи. Нужна встряска, вмешательство из вне.

Инструменты в помощь: студийные «Блокнотус» и Матрица идей, и Эф5-эф5-эф5 Антона Шнайдера (к сожалению сейчас не работает). После несложного овладения этими инструментами, многие задачи решаются в разы быстрей.

Сам собой появился способ не требующий интернета и блокнота: собирать «остатки» от всех проектов в один файлик и начинать новые в этом файле. Получится такой самодельный «Блокнотус». Конечно, не надо туда складывать идеи, которые пошли в тираж или тысячу версий финальной полировки — только невнятные закорючки, странные сочленения форм и прочее в том же духе.

«Быстрый и эффективный дизайн»

Кирилл Беляев — Sat, 08 Jun 2013 19:38:34 +0300

Есть видео с лекции в БВШД, в котором прекрасный Людвиг учит, что идея стоит ноль и дизайн следует делать быстро (суть: 8:30—11:05).

К этому видео есть свежий пример из практики.

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

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

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

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

Нам повезло с адресом: он оказался коротким (7 букв с зоной) и симпатичным.

Быстро, просто, эффективно и бесплатно — клиент счастлив.

Тени в Фотошопе с помощью смарт-объектов

Кирилл Беляев — Tue, 24 Jul 2012 14:54:28 +0300

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

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

Но это не все плюсы. У фильтров, применённых к смартам, есть маски, которые позволяют делать воздействие фильтров частичным. Я использую эти свойства, например, когда рисую тени. Особенно это помогает, когда нет времени на многослойные «правильные» тени.

Например, вот такая тень от листа:

Я выделяю слой с листом, заливаю его градиентом от чёрно к прозрачному и трансформирую его с учётом желаемых направления и силы света. После перевожу этот слой в смарт-объект и применяю к нему размытие по Гаузу. Выделяю маску фильтра и заливаю её градиентом в том же направлении, что и сам слой. Теперь можно настраивать интенсивность размытия и карту маски.

При желании можно покрасить тень или добавить ей немного шума. Но нужно помнить, что шум, будучи фильтром, будет существовать в пределах первоначальной маски (у одного объекта — одна маска для всех его фильтров). Чтобы шум покрывал весь объект равномерно, нужно преобразовать смарт с фильтром в простой растровый слой или в новый смарт.

Сначала я хотел сделать скриншоты, но оказалось, видео с экрана делать быстрее.