Как работать с референсами при создании визуальной концепции

Референсов обычно много: сохраняем сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, как превратить эту папку «красивое» в собственное решение. В этом эфире поговорили с Олегом Бухтияром — продуктовым дизайнером, ex дизайн-лидом hh.ru и основателем Screen Gallery, сервиса с реальными мобильными интерфейсами и пользовательскими сценариями. Разобрались: — как смотреть на референсы не только через «нравится / не нравится»; — как замечать конкретные приёмы: композицию, типографику, цвет, ритм, плотность, иерархию; — чем полезен разбор не отдельного экрана, а целого пользовательского сценария; — как отделять принцип, который можно применить в своей работе, от внешней оболочки конкретного продукта; — как не скатиться в копирование и собрать на основе референса собственный интерфейс; — как хранить и искать референсы, чтобы они работали в нужный момент; — как AI и MCP могут ускорить поиск, сравнение и первичный разбор интерфейсных решений; — как Олег развивает SCRN как самостоятельный продукт: от идеи и первых гипотез до монетизации и новых инструментов. В практической части взяли референс известного дизайнера и попробовали пройти путь: увидеть принцип → разобрать его → применить по-своему. Если после просмотра захочется не просто собирать красивые картинки, а точнее видеть, почему интерфейс работает, — эфир точно пригодится. Кроме того, Олег дал домашку по рисованию визуального концепта — перерисовать экран в стиле дизайнера. Результатами можно делиться тут в комментариях! t.me/o_bukhtiyar t.me/scrn_gallery 🎞 Смотреть на Youtube 🎞 Смотреть в VK Видео #эфир 🍑Явно.Дизайн

Что там по передаче макетов в разработку.

В Фигме вот вернулись к традиционному) Rogie King из Фигмы рассказал, как они делали генеративные плагины и шейдеры. Он хотел начинать каждый дизайн с рабочего прототипа: собрал с нейронкой, потыкал, поправил и показал команде. Но разработчикам, продактам и остальным участникам оказалось неудобно использовать такие прототипы как основу для обсуждения. Дизайнерам они помогали проверять идеи, а договариваться всей командой было сложнее. Поэтому сначала стали раскладывать состояния в статичных макетах и согласовывать поведение, а потом переходить к прототипам в коде. Ведь по работающему экрану ещё надо понять, что именно предусмотрел дизайнер. Нажал кнопку, всё загрузилось, пошёл дальше. А если: – Запрос упал; – Данных пока нет; – У пользователя нет доступа; – Вместо двух слов в названии приехала простыня. Это уже мои примеры. Даже если дизайнер всё предусмотрел, разработчику надо как-то добраться до каждого варианта. Тут нажми, сюда введи вот это, теперь подожди. Ой, сработало, а надо было, чтобы упало)) И так по каждому экрану. На макетах можно положить состояния рядом и сразу увидеть, где забыли ошибку или куда пропала кнопка. Меня бы тоже напрягало постоянно звать кого-то, чтобы он провёл экскурсию по прототипу. Хочется открыть файл, посмотреть нужный экран, оставить коммент и пойти дальше. А прототип уже потыкать, когда проверяешь переходы и само взаимодействие. Команда Фигмы в итоге так и стала работать. А вы сейчас как передаёте макетики? У кого какие лайфхаки, делитесь в комментах, интересно посмотреть ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Сегодня стартовал новый поток курса по Adobe Illustrator 🎉

▪️ А это пример работы нашей студентки Алёны Шилиной по уроку Fashion Illustration. Сначала создаем fashion-иллюстрацию в Illustrator, а если потом добавить немного ИИ и движения, из учебной работы получается уже полноценный эффектный ролик. Мне очень нравится именно эта связка: Illustrator дает контроль и профессиональную базу. ИИ помогает оживить работу и расширить возможности ее подачи. И раз новый поток стартовал, отвечу на один из частых вопросов новичков: Какая техника нужна для Adobe Illustrator? ✦ Mac или Windows? Подойдут оба варианта. Интерфейс немного отличается, но к этому быстро привыкаешь. Если в дальнейшем планируете работать еще и в конструкторских САПР, я бы смотрела в сторону Windows: многие профессиональные программы этой категории на Mac не работают. ✦ Ноутбук или стационарный компьютер? Можно работать и там, и там. Главное не формат устройства, а его характеристики. ✦ Нужен ли графический планшет? Нет. Для курса и полноценной работы в Illustrator достаточно обычной удобной мышки. ✦ Можно ли пройти курс на iPad? Нет. Illustrator для планшета существует, но интерфейс и набор функций отличаются от полноценной компьютерной версии. Для обучения нужен компьютер или ноутбук. ✦ Какой ноутбук выбирать? Для комфортной работы я рекомендую ориентироваться примерно на: 16 ГБ оперативной памяти SSD от 512 ГБ экран 15–16″ Для дизайнера хороший большой экран особенно важен: чем комфортнее вы видите детали, линии и несколько рабочих окон, тем удобнее работать. Мне нравятся Lenovo и Huawei, хорошо подходят и многие игровые ноутбуки, но привязываться к конкретной марке необязательно. Если покупаете компьютер в магазине, можно просто показать консультанту эти характеристики и сказать: «Мне нужен ноутбук для комфортной работы в Adobe Illustrator и Photoshop». 👉🏻И еще раз: вам не нужен суперкомпьютер, дорогой графический планшет или специальное оборудование, чтобы начать. Нужен нормальный компьютер, мышка и желание научиться. А дальше начинается самое интересное: от Illustrator до собственных fashion-иллюстраций, технических эскизов и проектов, которые сегодня можно еще и оживлять с помощью ИИ. Вы еще успеваете👇🏻 Узнать подробности и присоединится по ссылке

Новый отделочный материал из лигнина, цветовой прогноз Dulux, девайс для мониторинга здоровья семьи и тамагочи на пальце: рассказываем, что интересного произошло в дизайне.

🔶 Благоустройство как система сценариев от студии Артемия Лебедева. В новой концепции благоустройства для квартала «Арт» в Екатеринбурге объединили детские и спортивные площадки, тихие зоны, озеленение и маршруты, а часть функций перенесли на эксплуатируемую кровлю. Для вывесок предусмотрели разные правила в городской среде и интерьерах: более свободные — снаружи, более строгие и согласованные с навигацией — внутри. 🔶 Dulux назвал цвет 2027 года. Им стал Soulful Sage — приглушённый зелёный оттенок, который бренд связывает с природой, спокойствием и стремлением к более «лёгким» пространствам на фоне информационной перегрузки. В палитре интерьеров такой цвет можно рассматривать не как акцентный тренд, а как базу для тактильных, неброских сочетаний с тёплым деревом, молочными оттенками, металлом и сложными земляными тонами. 🔶 Лигнин превратили в отделочный материал. Финская компания Elementic представила материал для облицовки MO6 — лёгкие толстые плитки почти чёрного цвета с грубой фактурой. Его производят из лигнина — побочного продукта лесной и деревообрабатывающей промышленности, который часто сжигают для получения энергии. MO6 пока предлагают для сухих интерьеров, в первую очередь гостиниц и ресторанов, но компания стремится к расширению его возможностей. 🔶 AI cleanup становится отдельной востребованной услугой. Компании всё чаще привлекают фрилансеров не для генерации, а для исправления нейросетевого контента: графики, видео и текстов. На Freelancer.com число вакансий с запросами на исправление ошибок ИИ с августа 2025 года по июнь 2026-го выросло на 87%. Чаще всего работа связана с графическим дизайном. Для специалистов важно фиксировать в смете, что «доработать генерацию» может означать полноценную пересборку композиции, типографики, анатомии объектов или бренд-системы и не равно быстрой правке. 🔶 Шуховская башня: профессиональное сообщество просит о научной реставрации. Архитекторы, инженеры, реставраторы и исследователи опубликовали обращение о сохранении подлинности Шуховской радиобашни на Шаболовке. Авторы выступают против масштабной замены исторического металла в проекте реконструкции и предлагают вернуть оригинальные металлические конструкции, заклёпочные соединения и технологические особенности в предмет охраны. Свою подпись можно оставить по ссылке. 🔶 Компания Fitbit разработала гаджет для мониторинга здоровья всей семьи. Основатели Fitbit, бренда носимой электроники для фитнеса и здоровья, представили Luffu Link — браслет без экрана, который объединяет данные нескольких членов семьи в приложении. Элегантное устройство отслеживает активность, сон, пульс, дыхание и геолокацию, а одна голосовая кнопка позволяет фиксировать симптомы, приём лекарств, настроение и другие повседневные заметки. Интересен сам сдвиг в продуктовой логике: гаджет проектируют не как индивидуальный трекер, а как часть общей семейной системы коммуникации и заботы. 🔶 Мануфактура «Ракета» и театр «Современник» выпустили совместную модель часов. Коллекция из 100 экземпляров посвящена 70-летию театра и 65-летию фабрики. Нестандартный циферблат рассказывает историю «Современника» в словах и цифрах. Тем самым подчеркивается сила слова - первостепенная установка театра. Слова «один», «девять», «пять» и «шесть» отмечают 1956 год основания театра, а выделенные цифры 7 и 0 — его юбилей. Семёрка также отсылает к традиционному времени начала спектакля. «Ракета» отвечает за предметную часть: фирменные треугольные стрелки и механизм с автоподзаводом. 🔶 Тамагочи стал кольцом. Японская компания Bandai выпустил Tamagotchi Ring — миниатюрный носимый гаджет к 30-летию культовой игры. Устройство почти вдвое меньше оригинального Tamagotchi 1996 года, оснащено цветным экраном и доступно в золотом, серебряном и перламутрово-розовом вариантах. [Фабрика Дизайна]
#рефлексия
Мы с Борей Шилиным из Щёлочь® готовили небольшой перформанс про фестивальную айдентику — в формате кулинарного шоу на G8. План был один, а в реальности всё довольно быстро пошло по-своему: не сразу подключилась презентация, ноутбук с тулзой не сразу увидел экраны, поэтому пришлось импровизировать. В какой-то момент мы решили подключить зал: люди выкрикивали ингредиенты, а я смешивал их в приложении. Параллельно Боря раздавал печенья с нашими портретами, что-то спрашивал у зрителей и просто создавал дополнительное движение, заполняя поузы генерации. И, кажется, как интерактивное микро-шоу это сработало. Люди смеялись, аплодировали, включались в происходящее. По крайней мере, надеюсь, что наше выступление запомнилось. Но осталось двойственное ощущение. С одной стороны, мы не рассказали какого-то большого полезного секрета и не показали полноценный метод создания айдентики. Получилось скорее небольшое событие ради события — с ошибками, импровизацией и не до конца отрепетированной механикой. С другой стороны, возможно, я слишком строго оцениваю формат пятнадцатиминутного выступления. Не каждое появление на сцене обязано превращаться в лекцию с конкретными выводами. Иногда задача — создать энергию, вызвать улыбку, немного расшатать привычный формат и дать людям пережить что-то вместе. И, может быть, это тоже вполне достаточный результат. Особенно если помнить, что мы говорили о фестивальной айдентике, которая должна не просто изображать фестиваль, а вести себя как фестиваль. В этом смысле наше выступление, со всеми его случайностями, как раз стало маленьким фестивалем внутри фестиваля. Отдельно понял, что на такие события, вероятно, стоит приезжать не только «на свои 15 минут», но и оставаться на весь день. Пообщаться с другими выступающими, знакомыми, случайными людьми, просто побыть внутри профессионального контекста. В этот раз после выступления мне пришлось довольно быстро уехать на рабочую встречу, и, кажется, я упустил важную часть самого события. В общем, не уверен, что мы приготовили идеальное блюдо. Но, кажется, получилось достаточно живо, чтобы его попробовали. И это уже неплохо.
Минутка нашего:
Полное впечатление, что иллюстрация про настоящее — терминалы, экраны, транспортеры, дроны, коммуникации.
Claude или Codex? А что у вас вообще настроено?)
Просишь агента собрать экран по своей дизайн-системе. Он что-то делает, ты открываешь Фигму, а там компоненты свои, стили свои. Пишешь ещё раз, прикладываешь скрин, объясняешь. Потом думаешь, что надо попробовать другого агента, может, тот поймёт быстрее. Только новому тоже придётся показать, где лежат файлы, какие компоненты брать и по каким правилам всё собирать. Иначе опять объясняешь одно и то же в каждом чате. Сначала вроде терпимо, потом хочется уже нормально настроить и заниматься задачами. Вчера, кстати, статейку как раз от Фигмы выкладывал, они там тоже таким занимались с Coinbase, почитайте. В общем, Даня Шишко собрал бесплатный гайд по настройке агентов для дизайнеров. С файлами, которые можно скачать и использовать у себя, подключением Фигмы и разбором того, что делать, когда агент снова ничего не видит. Как обычно, бесплатно и с пользой. 📌 Что внутри - Стартовые файлы и инструкции для повторяющихся задач; - Подключение Фигмы, чтобы агент видел компоненты и стили; - Разница между Claude и Codex и выбор под свои задачи; - Три кейса: прототип из брифа за день, экраны по дизайн-системе и прототип раньше макетов; - Что проверить, если агент не находит файлы или делает что-то не то. Если пока настраивали всё по ходу дела, можно пройтись по гайду и сравнить со своей сборкой. А если только начинаете, будут готовые файлы и примеры, с которых можно стартовать. Газ настраивать 👍 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте
Ну что, мы готовы рисовать презентации голосом, надиктовывать промпт для создания игры, параллельно заказавая еду? То есть, полностью подключать Chat GPT к своей жизни?
Кстати, крутая историческая отсылка к первым интерактивно-управляемым интерфейсам в начале ролика, когда мужчина просит нарисовать желтыц круг и появляется надпись 1979. Это был эксперимент, когда человек одновременно говорил и показывал рукой компьютеру, куда поместить объект. То есть, компьютер объединял голос + жест + изображение на экране + контекст. Главное революционное отличие 2026: человек просто говорит, что хочет получить, а Astra GPT сама ходит по программам вашего компьютера, выполняет задачу и отдает результат. Будущее уже точно тут, с нами, в одной комнате.
🧩 Когда приложение уходит, а сценарий остаётся
Михаил Харитончик из Сбера разбирает, почему мы сами стали API-шлюзом между картами, такси, трекером и календарём. Каждое приложение оптимизирует свою функцию, а реальное намерение пользователя живёт между ними: доехать домой, успеть на тренировку и не выжечь остаток внимания на выбор тарифа. Дальше появляется агент со skills и памятью, но текстовый ответ снова превращает человека в парсера. Нужен GenUI: интерфейс, который собирается под текущее намерение из готовых компонентов, с явным подтверждением опасных действий и без генерации HTML с нуля. Внутри: – Почему набор приложений заставляет пользователя склеивать сценарий вручную; – Чем агент отличается от супераппа и где нужна персонализация по целям; – Как выглядит GenUI как визуальный ответ на намерение; – Зачем модели декларативный протокол вместо генерации интерфейсного кода; – Что останется дизайнеру и продукту, когда экран собирается на лету. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
До конца 2026 года дизайнеров интерфейсов станет намного меньше
Клиенты почти перестали приходить «за экранами». Бизнес платит за понимание, почему пользователи уходят и где ломается сценарий. Интерфейс становится способом реализовать решение — но уже не главным результатом проекта. Читать на дизайнерс | #UX
Почему через год дизайнеры будут работать без Figma
Figma перестаёт быть центром работы. Ценность смещается туда, где ещё нет макета: разбор проблемы, исследования и работа с контекстом в Claude. Сборка экрана становится последним — и иногда необязательным — шагом. Читать на дизайнерс | #AI
🧭 AI в дизайне 2026: от «сгенерируй» к «что я упускаю»
Разговор сместился с иллюстраций к процессу целиком. Nielsen Norman Group пишет: объект дизайна теперь правила и границы системы, а сценарий внутри них часто собирает ИИ. Дизайнер остаётся автором суждения: что можно, что нельзя и что считается хорошим результатом. Параллельно растут временные экраны, агентные интерфейсы с предпросмотром действий и сценарии без явного ввода. Отчёт Figma показывает, что ИИ сильнее всего меняет совместную работу дизайна и разработки, а не скорость одного человека. Инструменты становятся агентными: держат контекст и принимают точечные правки. Дизайнеры всё чаще собирают свои скиллы под повторяющиеся задачи, а не только пользуются чужими сервисами. Внутри: – Чем «ИИ как процесс» отличается от «ИИ как эстетика»; – Как меняются роли, когда дизайн и код живут на одном канвасе; – Почему полезнее диалог «что я упускаю», чем генерация с нуля; – Как дизайнерские скиллы закрывают цикл от исследования до аудита; – Где ИИ ускоряет состояния и текст, а где суждение остаётся за человеком; – Почему точечная правка в контексте важнее более мощной генерации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Какая техника нужна для Adobe Illustrator
Компьютер, ноутбук, планшет, телефон? ▪️ Давайте покажу свой парк техники.. 1) Стационарный с огромным экраном на винде - на нем установлен полный пакет Adobe по подписке 2) MacBook Air - незаменимая вещь, я часто перемещаюсь, бываю на даче, в поездках или пока жду сына с тренировок. Тут тоже стоит полный пакет Adobe по подписке. ➡️ Это одна подписка на 2 компьютера. Немного отличается управление. Comand вместо Ctrl, другое переключение языка, в винде управление в правом верхнем углу, в оси в левом. Но к этому быстро привыкаешь, я могу работать даже на 2х параллельно. 3) Компьютеры дополнены мышками удобными под мою руку. Граф планшет у меня есть, но практически не используеся. 4) На планшете типа Ipad можно установить Adobe Illustrator , но программа будет выглядеть по другому и с моим курсом не стыкуется ❕ 5) Adobe Illustrator в России - есть некоторые проблемы при установке, но они решаются, мы про это подробно говорим в обучении, заранее ничего делать не нужно. Я тому подтверждение - у меня официальная версия по подписке со всеми ИИ. Так же хочу отметить, что работодатели продолжают использовать Adobe в работе и это очень важный аргумент в выборе программы и монетизации своего навыка. Если у вас появились вопросы по поводу техники для работы - задавайте я с радостью отвечу.
🛠️ Дизайнер будущего умеет собрать работающий продукт
Иван Прохоров из Сбера рассуждает о том, как ИИ меняет профессию дизайнера. Генерация картинок, текстов и отдельных экранов постепенно становится обычной автоматизацией. Ценность дизайнера смещается в сторону понимания задачи, работы с бизнесом и пользователями, проверки идей и выпуска продукта. Следующий шаг он видит в роли дизайнера-мейкера. Такой специалист может собрать рабочий прототип или MVP, проверить его за одну-две недели и оценить реальный эффект. Для этого придётся разбираться в коде, продукте и метриках, а также постоянно осваивать новые инструменты. Внутри: – Какие дизайнерские задачи ИИ уже помогает автоматизировать; – Чем отличаются поддерживающие, развивающие и прорывные задачи; – Почему дизайнеру важно понимать бизнес и экономику решений; – Как вайб-кодинг меняет состав и скорость продуктовых команд; – По каким результатам можно оценивать качество дизайна. ➡️ Смотреть видео (можно смотреть с Я.Браузером с переводом) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Согласовано архитектурно-градостроительное решение (АГР) Центрального дома кино на Васильевской улице
Композиция сложена из двух объёмов разного масштаба и характера. Прозрачное общественное основание соотносится с окружающей застройкой и становится своеобразным городским экраном: через крупноформатное остекление внутренняя жизнь Дома кино остаётся визуально связана с улицей. Над ним поднимается жилая башня с мягко скруглённым силуэтом и изменяющейся геометрией этажей, формируя новую высотную доминанту района. Дом кино — место с очень сильной собственной идентичностью, и нам не хотелось переводить тему кино в буквальные архитектурные символы. Гораздо интереснее было работать с самим принципом кинематографического восприятия — временем, движением, сюжетом, сменой впечатлений. Поэтому архитектура раскрывается постепенно: здание нельзя считать с одной точки, его образ возникает только в движении вокруг него. Для нас это и стало способом связать новую архитектуру с историей и функцией Дома кино. С помощью преломления света и реакции на него структуры фасада, создаётся эффект голографической открытки: здание и прозрачное и материальное одновременно, — в зависимости от угла зрения и ракурса восприятия. Этот визуальный приём многомерности, глубины и динамичности работает как эффект 25-го кадра, напоминая об основном импульсе эстетики здания — искусстве кино. Николай Переслегин, партнёр Kleinewelt Architekten Девелопер: Компания «Первый девелопер» #kleineweltarchitekten #Первый_девелопер
📋Урок-практика 4. «Адаптивность сайта и практика в Figma: создание мобильной версии сайта»
Урок по адаптивности сайта: базово разберемся, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы вдруг пропустили 1, 2 и 3 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта: главного экрана или всего сайта (3 блока + подвал)! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»
Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник
Готовы ли AI-агенты к реальной работе дизайнера?🤷‍♂🤷‍♂🤷‍♂
Просишь Claude или GPT собрать экран, а в ответ получаешь набор компонентов, который потом все равно приходится переделывать руками. Цвета не из палитры, отступы не по сетке, у кнопок нет состояний. После пары таких попыток легко решить, что агенты пока не готовы к нормальной работе. Но тут есть нюанс: возможно, дело не только в самой модели, а в том, как мы ее используем. 😇 20 августа Pixel Perfect проведут бесплатный эфир: возьмут большую дизайн-систему банка и прямо в Figma попробуют собрать по ней новые экраны. Сначала попробуют собрать экраны без каких-либо настроек, а потом подготовят среду специально под эту задачу. И сравнят два результата. Заодно покажут, как дизайн-система попадает в среду, почему ее нельзя просто закинуть агенту целиком и как потом проверить результат. А еще посмотрят, где агент уже справляется сам, а где все-таки приходится вмешиваться руками. Все скиллы с эфира можно будет забрать и использовать в своих задачах, даже если большой дизайн-системы у вас нет. ↗20 августа, 18:00 мск. Эфир пройдет в телеграм канале, подписывайся!
Усильте историю в своих проектах с помощью конструктора кейсов
Те, кто регулярно упаковывает проекты в кейсы, знают — что это трудоёмкая и ресурсозатратная работа. Можно потратить десятки часов ещё до начала сборки, чтобы решить, что поставить первым, где добавить воздуха, как распределить акценты и чем закончить презентацию. Чтобы упростить этот процесс, Александр Лагута, сооснователь Dprofile и руководитель «Плюс к уровню», запустил Case DP — конструктор композиционной основы кейса. Он помогает увидеть будущую презентацию целиком ещё до того, как вы начнёте собирать экраны. Конструктор пригодится, если: — Не знаете, с чего начать оформление кейса; — Сложно выстроить ритм длинной презентации; — Хочется попробовать несколько вариантов композиции; — Проект большой и нужно понять, как распределить материалы; — Кейсы для Dprofile каждый раз собираются с нуля. В Case DP можно задать длину кейса, цвета, плотность, форму блоков и типы материалов — а на выходе получить композиционный каркас с обложкой, блоками, местами для экранов, мокапов, видео и финала. А главное — вы сразу видите всю последовательность целиком. Это позволяет оценить темп повествования, чередование перегрузки и «воздуха». Открыть конструктор Если хотите подробнее узнать о Case DP и как упрощать работу с упаковкой своих проектов — читайте статью Александра на «Дизайнерс». Пробуйте, экспериментируйте и делитесь полученным результатом!
Хочу сделать традицией, чтобы мои любимые кураторы рассказывали вам полезные темы про дизайн.
Сегодня Елена расскажет про аспект, который кажется очевидным, пока не начинаешь делать большой проект, — как сохранить единый стиль на всех страницах. Потому что когда у тебя не 2–3 экрана, а большой проект, очень легко начать каждый следующий экран собирать заново. Тут шрифт поменял, там форму другую придумал, здесь еще что-то добавил. И вроде все само по себе красиво, а вместе уже какая-то солянка 😅 Поэтому в каждом проекте нужно собирать свою систему: цвета, типографику, сетку, формы, композицию, работу с элементами. И чем лучше ты это продумал в начале, тем меньше потом приходится изобретать велосипед. 🎙️ В видео Елена на двух реальных интернет-магазинах показывает, из чего вообще складывается эта система и как она работает на разных страницах. ➡️ Также напоминаю, что сегодня в 19:00 по МСК начало бесплатного интенсива от Утопии по созданию ИИ-видео и работе с Seedance 2. Для участия регистрируйтесь в боте.