Sergey Steblina

Потеря энергии

2022-02-05T10:19:55.831Z

#жиза

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

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

В этот момент надо себя тормознуть.

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

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

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

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

Баба-яга не против

2022-02-02T08:44:30.841Z

#wayfinding

#infographics

#birman

Илья Бирман и Егор Попов сделали интересную работу для «Видного»:

https://ilyabirman.ru/vidny/

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

Кустики — хуйня. Так рисуют пемзу или тест на дальтонизм. Даже в схеме метро Минска лутьшее. Я тоже так рисую кустики, а потом сажусь их перерисовывать.

Что происходит с освещением? Горка — солнечный полдень, а здание — пасмурные 17:00.

Что такое 7м 44 50?

Если это локатор-компас, то это крайне охуенная находка. Осталось сделать локатор поменьше пакмэном.

Почему здания парят над землей? Открытые калиточки — кайфец!

Птицы там реально в виде физических арт-объектов? Я их увижу, если пройду туда? Хочу селфануться.

Вот самый неприятный фрагмент, когда текст на желтой плашке подписывает аллею, находящуюся хуй знает где от места подписи. И «булавка» режет пополам всю красоту.

Вероятно, иначе нельзя было, но напоминаю простое правило: если у вас прямоугольная линейная графика, то «булавки» лучше загибать, чтобы разделить слои. Но все-таки правильнее подписывать объект прямо рядом.

Очень клево показана глубина здания за счет смены толщины линии. А вот бледный цвет квартир смотрится вяло. Черным ок.

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

Почему такой хлюпкий цвет тротуаров и перекрестков? Они появятся в будущем?

Ну и мелочи, типа трекинг 4 1к1.

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

Вот это бухгалтерское мышление писать Вита Аптека. Почему нельзя одним цветом написать Аптека «Вита», Универсам «Пятерочка»? И слева мини-логотипы поставить.

С любовью,

ваш С.

Креативное мышление

2021-09-21T08:59:56.576Z

#жиза

#дизайн

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

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

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

«Креативное мышление» — это единственное безкреативное словосочетание.

Приемы в иллюстрациях Билибина

2021-09-16T07:02:56.567Z

#билибин

#иллюстрация

Про Ивана Билибина и значение его работ можно прочесть в Википедии. Нас интересуют графические приемы и ходы, которые мы можем позаимствовать и применить в собственной работе.

У Билибина есть два периода, которые заметны по стилю графики. Сравните:

1900 год

1930 год

Переходный период в технике — примерно 1904–1906 гг. Даже через сто лет приемы, используемые в иллюстрациях, можно смело применить в современной работе.

Видно, как менялось отношение к деталям. Если сперва они передавались условно, предлагая зрителю додумывать, то позднее Билибин все прорисовывал. Раньше трава изображалась плоской заливкой с вкраплениями нескольких ростков, а позднее автор прорисовывает каждый стебель и добавляет скульптурное освещение. То же самое со складками в одежде.

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

Листву Билибин всегда упрощал до силуэта, что экономит время.

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

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

1. Скульптурная тень штриховкой.

Если таких объектов много и они пересекаются друг с другом, эффект становится сильнее:

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

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

Этот же ход можно увидеть в плакатах Культурного центра посольства республики Корея.

В следующий раз мы рассмотрим работу с цветом.

Будапешт

2021-08-26T08:10:53.490Z

#будапешт

#навигация

#дизайн

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

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

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

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

С тех пор я понял, что могу работать откуда угодно.

Иконки, пиктограммы, идеограммы, символы

2021-07-20T06:36:26.999Z

Стефан предлагает договориться вот так называть вещи:

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

На картинке выше у Стефана — пример идеограммы. Подразумевается действие, понятие, когда мы что-то отсылаем на печать. Мы можем отослать файл на принтер, плоттер, а можем и вовсе выгнать в пдф. Разные устройства обобщены одним понятным — принтером.

Устаревшая идеограмма сохранения тоже про явление. И если раньше ее можно было назвать иконкой (сохраняли-то на флоппи), то сегодня уже и сам процесс сохранения теряет актуальность.

Со времен Второй мировой мы договорились, что 1 включает, а 0 выключает.

«Индезит» буквально изобразил идеограмму у себя в логотипе.

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

сочувствие
безошибочность
устаревание

Символ

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

http://web.archive.org/web/20160606183113/http://www.steblina.com/journal/?go=all/referensy/

Я считаю, что % — это как раз символ; то, что у Стефана справа на картинке. Редуцирование обозначений приводит к символическому изображению. Жестикуляцию, кстати, тоже можно отнести к символам.

Змея вокруг чаши — символ медицины, в то время как крест — это пиктограмма скорой помощи.

Пиктограмма

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

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

Из прошлой жизни

2021-06-10T16:52:19.132Z

#дизайн2000

Недавно увидел в продаже салфетки, дизайн которых я делал аж в 2005-м.

Компания до сих пор производит упаковку с моими рисунками (первые три):

В 2006-м я им же сделал дизайн, который считал клевым, но клиент отказался. Тогда я отправил Теме на рецензию.

https://www.artlebedev.ru/kovodstvo/business-lynch/2006/12/18/

Потом я сменил место работы, и следующим знаком стал логотип парфюмерии «Жан». Вроде 2007–2008 годы. До сих пор используют.

Примерно тогда же я сделал химчистке «Кимс» прекрасный бессмертный логотип с фоновыми изображениями.

Спустя 10+ лет ребята зачем-то поменяли его на логотип мусоропереработки:

Кругом-бегом прошло 15+ лет, а прошлое иногда меня настигает.

Оценка дизайна

2021-04-14T12:47:07.308Z

#дизайн

#жиза

#линч

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

Меня спросили

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

Совет: вообще нет ни одной причины бросаться что-то комментировать, даже если спросили лично вас. Работа без комментария — это тоже информационный посыл.

Менторский зуд

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

Сделали без меня

Когда комментатор видит, что рядовой дизайнер сделал оформление для «Роскосмоса» или «Вольво». Кто-то делает топчики, а я здесь колбасу оформляю. Тут же срабатывает триггер обиды, что и видно в комментарии: неконструктивные придирки, несоблюдение тональности общения, переход на личности. В моей голове такие комментаторы выглядят как бабки на скамейке, обсуждающие «очередную проститутку».

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

Когда я смотрю чью-то работу, я задаюсь несколькими вопросами: зачем сделано так, что это может значить, какой ход мыслей был у автора. Ответы на эти вопросы помогают увидеть картину в целом. Логотип выглядит таким простым, потому что автор специально усушил смыслы или потому что он кроме квадрата не умеет дальше мыслить? Множество деталей — страх простоты или изобразительный прием?

Оценивать нужно исключительно работу, а не статус автора или способ получения проекта. Единственный правильный импульс для комментария: какой совет улучшит работу?

(Дельфины тут ни почему, просто картинка из хлама).

Волчок

2021-03-09T09:37:58.763Z

#жиза

#дизайн

#волчок

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

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

Очередным вечером смотрю фильм, и в каком-то случайном моменте натыкаюсь на подходящий смысл. Бинго! Работаешь над айдентикой для бухгалтерии, неделю не можешь ничего подходящего придумать. Потом смотришь Inception — бля, волчок! Закручены, замотаны в работе бухгалтера, выкручиваются из сложных ситуаций. Короче, идеально.

Главное потом перепроверить, не посмотрели ли еще 150 дизайнеров Inception до тебя.

Проходит время, и я думаю: «А почему это должен быть объект? Почему это не может быть абстрактное понятие?»

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

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

Сажусь снова за работу и отгоняю любые попытки волчка вернуться в мое сознание: «Так, рисуем круг, прямоугольник, треугольник, делаем compound path... блядь, волчок получился.» Начинаю думать, может, волчок — это все-таки хороший образ, раз он так зацепился, м?

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

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

— Вам не обязательно именно сейчас решать. Переспите с мыслью, а завтра дадите ответ.

— Кстати, мы вчера обсуждали и наш менеджер придумал волчок. Попробуете поработать в этом направлении?

Прокси-объекты

2021-02-15T17:19:44.956Z

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

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

В «Иллюстраторе», при сохранении в EPS, можно указать Preview Format: none, b&w или 8-bit color.

Это влияет на размер файла:

В настройках «Иллюстратора» можно указать низкое разрешение для подлинкованных епс-файлов. Подлинкованный епс-файл будет выглядеть как зернистая графика.

В «Индизайне» система прокси-объектов гораздо гибче и позволяет настраивать режимы отображения: fast, typical или high display. Это особенно удобно, так как «Индизайн» использует систему линков, а не внедряет объекты.

Сравните три режима:

В первом режиме все линки показаны серым квадратом. В третьем — хайрез. А в среднем режиме можно увидеть лесенку.

Кроме этого, в «Индизайне» можно настроить поведение объектов во время работы Hand Tool. Например, когда перемещаетесь по документу, вся графика и текст будут превращаться в серые прямоугольники.

Аналогом прокси-объектов в «Фотошопе» можно считать Smart Objects, но лишь с точки зрения хранения оригинала в отдельном файле. Отображение графики регулировать нельзя.

Когда нужны прокси-объекты

При верстке сложного материала, в видео-монтаже, 3D-графике. Например, если вы сверстали 50 полос журнала с фотографиями, «Индизайн» будет забирать много ресурсов, чтобы на лету прорисовать весь материал. Посмотрите, не включен ли хайрез-режим в меню View—Display Performance.

Естественно, на выводе программа обращается к исходному файлу и заменяет прокси-объекты на хайрезы.