Формообразование

Прохожу курс «Сетки» от Сергея Гурова — и первое задание заставило задуматься о том, как форма и пространство влияют на восприятие интерфейса. Нужно было сверстать мобильный модуль в четырёх стилях: плоский, рельефный, объёмный и комбинированный. Я выбрал две темы — карточку товара и галерею команды.

Разберём, как работают приёмы формообразования:

1. Плоский стиль. Чистота и минимализм: белый фон, чёткие границы, элементы прижаты к краям.

2. Рельефный стиль. Воздух и выпуклость: свободное пространство вокруг элементов, галерея слегка «приподнята» над фоном.

3. Объёмный стиль. Глубина и динамика: чёрный фон, перспектива «уходящей» вдаль галереи, текст подчеркивает её форму.

4. Комбинированный стиль. Гибридный подход: плоскость — белый фон и угловые элементы, рельеф — закруглённые блоки с фото, глубина — растянутое на весь экран изображение.

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

27

Сегодня мне 27. День рождение — отличный повод подвести итоги за год и сделать анонс.

Итоги:
— Сделал много проектов, появились постоянные клиенты (кайф)
— Стал больше выступать (кайф)
— Попал в финал всероссийского дизайн-конкурса (кайф)
— Прокачался ×3 в веб-дизайне и насмотренности (кайф)
— Появилось много новых подписчиков (кайф)
— Прокачался в переговорах с клиентами, но есть куда расти (норм)
— Понял, в какую сторону хочу профессионально развиваться. Теперь надо зафиксировать (норм)
— Попробовал новые инструменты, но их нужно глубже освоить (норм)

Анонс:
Ровно года назад я релизнул сайт Studio8. Сегодня анонсируя версию 2.0. На сайте обновились кейсы, а стиль теперь отражает моё восприятие дизайна в целом.

Новый сайт тут. Приходите за дизайном сайтов и айдентикой.

Чтиво №3

Много примеров крутой работы с типографикой в третьем номере журнала «Чтиво». Тема номера — понты, на обложке — главный дизайнер всея Руси.

1️⃣ Понтовая обложка с Тёмой
2️⃣ Просто красивый коллаж
3️⃣ Выделение цитаты за счет контрформы основного текста. И ещё обратите внимание на серый прямоугольник на фоне — даёт динамики за счёт диагональной формы и подчеркивает игривое настроение иллюстраций.
4️⃣ Сложная верстка текста по форме. Цитаты вокруг головы сразу бросаются в глаза, но более серьезная работа в основном тексте, особенно на левой странице. Посмотрите, как текст аккуратно огибает голову, к тому же без переносов слов.
5️⃣ Простой, но действенный приём — вкрапление иллюстраций прямо в строчки текста. Сейчас такое используют даже на сайтах.
6️⃣ Красивая геометрия текста в форме дыма из трубы.

Рационализация метафоры

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

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

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

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

В общем, выступил, получил кайф и, кажется, теперь у меня есть читательский билет в библиотеке Никитина.

Дизайнерский родмап

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

Ребята запустили проект «Как стать дизайнером»:

Это «дизайнерский родмап» — карта компетенций и программа самостоятельного обучения. Здесь будут главные книги, имена, статьи и другие источники.

Родмап отвечает сразу на два вопроса:
— как вообще стать дизайнером, если ты не дизайнер;
— как потом стать мультидисциплинарным дизайнером.

Текущая версия: 0.1. Структура тем и разделов готова! Теперь будут эфиры с экспертами, чтобы обогатить родмап знаниями, а заодно обсудить всякое интересное. К концу года ответ на этот бесценный вопрос будет доступен каждому желающему.

Всё будет здесь.

ШМП 2025

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

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

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

Кейс целиком

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

Дал небольшое интервью Вертикали для рубрики, где они публикуют истории представителей молодежи. Рассказал о себе и профессии дизайнера.

Это я внутри терема с наличниками и гжелью на школе актива «ШАНС» объясняю медийщикам зачем им дизайн. Удивительное сочетание места, темы и людей.

Солнечный круг
OTVET

В агентстве «Ответ» умеют делать крутой мерч. Ребята не просто наносят лого на футболку и шопер, а разрабатывают креативную концепцию под конкретного клиента. Поэтому особым вызовом стала разработка идеи для их собственной торговой марки с фарфоровыми изделиями.

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

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

#идентичность

Айфон 16е

Вчера «Эппл» презентовали новый айфон. Ничего революционного в плане технологий — просто очередной «бюджетник» (от $600). Но, как всегда, компания показала мастер-класс по тому, как круто подать даже проходной продукт. Расскажу, что интересного было в презентации с точки зрения дизайна.

1️⃣ Бенто-слайд. «Эппл» снова использует свой любимый стиль — слайды в духе «бенто». В этот раз плашки с фишками нового айфона стали ещё более объёмными за счёт теней и градиентов. Это такая лёгкая отсылка к скевоморфизму, который «Эппл» когда-то сама и популяризировала.

2️⃣ Кнопка активностей. Анимация, которая показывает, как работает многофункциональная кнопка. Она простая, но со вкусом. Если вам нужно что-то подобное в своей презентации — берите на заметку. Даже в статике этот элемент смотрится хорошо.

3️⃣ Увеличенная батарея. Тут «Эппл» показала, как можно креативно подать скучную техническую характеристику. Вместо сухого «батарея стала больше», они сделали промо-блок, который буквально визуально увеличивает батарею. Заодно ненавязчиво напомнили про свой стриминговый сервис.

4️⃣ Цвета и чехлы. Пример, как можно превратить ограничение в преимущество. У 16e всего два цвета — чёрный и белый. Но вместо того, чтобы акцентировать внимание на этом, компания сделала упор на кастомизацию с помощью чехлов.

Чтиво №2

В честь праздника показываю красивости из второго номера журнала «Чтиво», темой которого стала Любовь.

— Баста 1. Приятно сочетание контрастов на развороте: большой текст — маленький Баста / маленький текст — большой Баста.
— Баста 2. Крутое сочетание фона, доминанты и субдоминанты. Плюс текст расположен так, что сразу считывается, что это мысли героя.
— Коллаж. Простой, но действенный способ объединить несколько фото в композицию — добавить обводки (красные и белые в данном случае)
— Мужик из рилсов. Во-первых, это красиво, во-вторых, интеллигентное внедрение изображения в форму текстового блока
— Музы. Тут сразу подумал, как это можно адаптировать под веб. Отдельный лайк букве У, придумаёт женственности и артистичности всему развороту.
— Исторические факты. Пример нескучного оформления списка. Плюс тут можно посмотреть, как работает айдентика всего журнала, а не конкретной темы.

#красивости

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

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

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

4. Человек в центре
Фигура человека в центре композиции подчеркивает антропоцентричность дизайна. Это может символизировать, что блог ставит человека и его потребности в центр внимания, что дизайн — это прежде всего для людей.

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

6. Простота и сложность
Витрувианский человек — это одновременно простая и сложная фигура. Она проста в своей геометрической чистоте, но сложна в своей философской глубине. Это может отражать суть дизайна: сочетание простоты форм и глубины идей.

7. Время и вечность
Леонардо да Винчи создал этот рисунок в XV веке, но он до сих пор остаётся актуальным. Это может символизировать, что блог о дизайне стремится создавать контент, который будет актуален и через годы, а также уважает исторические корни дизайна.

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

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

10. Минимализм и глубина
Витрувианский человек — это минималистичный, но глубокий символ. Это может отражать философию блога: даже в простоте можно найти глубину и смысл.

Ну ладно. Этот канал прошел проверку, его действительно читают дизайнеры. Там в комментах за полсекунды несколько человек ответили правильно — витрувианский человек Леонардо да Винчи.

Какого-то суперсокрального смысла там нет. Просто захотел перерисовать звездочку из прошлого лого. Вспомнил про рисунок да Винчи. Там фигура человека вписана в круг и квадрат одновременно. Прикольно выглядит.

Если хотите символизма, то вот вам Дипсик написал↓

Обновил лого канала. Как думаете, что обозначает знак? Пишите в комментарии. Ответ напишу через пару дней.

Баланс геометрии и формы

Продолжаю делиться инсайтами с курса «Сетки». На последней лекции затронули тему предыдущего поста — баланс между инженерным и художественным подходом.

Любой дизайн можно разместить на линии (шкале), соединяющей две точки.

Первая точка — «геометрия»: строгие сетки, прямоугольные формы, четкая структура. Такой подход характерен для корпоративного дизайна, ориентированного на широкую аудиторию. Он максимально утилитарный, понятный, но при этом лишен индивидуальности.

Вторая точка — «форма»: сложные композиции, нестандартные фигуры, яркие художественные приемы. Это экспериментальный дизайн, созданный художником для себя. Он хаотичный, смелый и сложный для восприятия.

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

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

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

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

Я дизайнер, я так вижу

Делал портфолио-ревью участников форума «Медиарельность». Работы были неплохими, но объединяло их одно — отсутствие системности. Был набор приёмов, которые то дружили друг с другом, то нет, и менялись от макета к макету.

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

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

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

Ещё в коктейле есть долька бизнесовости, но об этом в следующий раз.

Решение задач и проблем

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

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

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

1. «Сиделка» — дизайн-поддержка. Решение простых задач клиента на постоянной основе: нарисовать баннер, поменять, текст, добавить кнопку и т.д. Здесь минимум творческой инициативы, всё работает по брендбукам и гайдлайнам. С этим справится даже начинающий дизайнер.
Сложность 1/4. Стоимость 2/10

2. «Фармацевт» — типовые проекты. Решение комплексных задач клиента: новый сайт, новый брендинг, новая навигация и т.д. Здесь уже есть творческая свобода, но опирается она на тренды рынка и референсы. Работает тут дизайнер средней руки или небольшая команда.
Сложность 2/4. Стоимость 3/10

3. «Хирург» — индивидуальные проекты. Решение проблемы клиента через дизайн. Здесь дизайнер (опытный арт-директор) предлагает решение, которое отличается от среднего по рынку и подходит только конкретному клиенту. Очень часто именно такие решения побеждают на дизайн-премиях. Высокая степень творческой свободы и высокие шансы ошибки.
Сложность 3/4. Стоимость 6/10

4. «Психотерапевт» — консалтинг. Решение проблемы клиента через опыт. Этот уровень уже не про дизайн, здесь специалист должен разбираться, как работает бизнес в целом (финансы, менеджмент, реклама). Обычно, это крупные агентства, которые помогают перезапустить бизнес с новым позиционированием и подходом.
Сложность 4/4. Стоимость 10/10.

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

Запись лекции

Как начать карьеру в дизайне

Выступал на форуме «Медиарельность» для начинающих дизайнеров (студенты первых курсов и СПО) с лекцией «Как начать карьеру в дизайне». Сделал выжимку из лекции:

Освойте базу: типографика, композиция, цвета, сетки, визуализация, текст, подготовка к печати. Это основа для любого направления дизайна. Базу не обязательно осваивать через курсы, всё это есть в открытом доступе.

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

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

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

А ещё подготовил для ребят подборку инструментов, которыми пользуюсь сам. С вами тоже делюсь.

Подборка инструментов

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

Конструктор

У каждого дизайнера есть причина, по которой он полюбил дизайн. Иногда это деньги (сомнительно), иногда слава (еще более сомнительно). Но обычно первая тяга к дизайну появляется в детстве. Если не рефлексировали по этому поводу, вспомните, что любили, когда были ребенком. Всё из детства.

У меня такой первопричиной стал конструктор. Любил собирать все виды: кубики, болты и гайки, лего. Особенно лего «Звездные войны». Даже сейчас второй год подряд жена дарит мне лего на Новый год.

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

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