Дизайн 360° | Pragmatica

Дизайн 360° | Pragmatica

@senior_designer_pragmatica
Изображение канала: Дизайн 360° | Pragmatica
15 991 подписчик
24 поста
Посты
3/4 все начинается с НО
Lebowski by Pragmatica начали собирать с «Н» и «О» — именно с этих букв обычно рисуют шрифты. «Н»задает логику прямых штрихов и расстояний между ними, а «О» помогает определить пропорции, напряжение овалов и характер округлых форм. в этих двух буквах уже зашиты почти все основные решения будущего алфавита. внутри этих букв задавали ритм, ширину и расстояния. затем расширяли знаковый состав: сначала прямоугольные буквы (Е, F), потом круглые (С, G), затем их комбинации и более сложные формы (D, P).
2/4 первые эскизы
на этапе поиска вектора команду не ограничивали: каждый рисовал скетчи так, как видит проект. собрали большой блок эскизов — вышло элегантно, но слишком сложно. а нужен был интерфейсный шрифт: удобный рабочий инструмент. Наш Lebowski был не единственным эскизом в этом процессе — еще одно направление в ⚪️ бюробукв сохранили, развили и готовят к выпуску зимой.
1/4 how to make
нормальной кириллицы мало — с этим мы уже определились. обычно все уходит в крайности: либо стерильно и безопасно, либо слишком декоративно, и через три экрана от шрифта уже устаешь. поэтому задача звучала немного противоречиво — сделать практичный интерфейсный шрифт, но оставить в нем живость. рассказываем, как создавали Lebowski by Pragmatica
хорошей кириллицы настолько мало, что ⚪️ денис уже вышел на улицы искать ее…
справился, нашел и выдаст на воркшопе по кириллическим шрифтам в ui. завтра, 10 июня, в 18:00 (gmt+3) ждем в онлайне 🦅 обсудим, как использовать выразительные кириллические шрифты в цифровых продуктах, искать шрифтовые пары и добавлять характер интерфейсу. ⚪️ регайся в боте
хороших кириллических шрифтов для интерфейсов мало. еще меньше — понятных примеров, как использовать их в реальных продуктах ✏️
10 июня в 18:00 (gmt+3) делаем открытый воркшоп про кириллицу в ui. вместе с дизайн-лидами pragmatica ⚪️ дианой кузнецовой и ⚪️ денисом суворовым расширим базу кириллических шрифтов, разберем, как работают шрифтовые пары, и научимся применять выразительный шрифт, чтобы добавить характер интерфейсу✏️ формат: 1,5 часа онлайн, теория + практика будем работать с макетами участников и с интерфейсами большой практики, где есть кириллица: покажем, как применять Lebowski by Pragmatica и другие дополняющие шрифты пять человек попадут на разбор своих работ, для этого нужно пройти регистрацию и заполнить анкету. зрители тоже смогут тренироваться и пробовать миксовать шрифты на готовых макетах от нас ⚪️ регистрация в боте collective
3/3
сейчас выпустили начертание regular, а в сентябре выйдет thin и bold. залетайте на сайт и оставляйте почты, чтобы не пропустить релиз в сентябре! отмечайте нас на макетах и присылайте, как тестите шрифт в чат. мечтаем собрать свою галерею работ с Lebowski.
2/3
Lebowski by Pragmatica создан для интерфейсов, брендинга и цифровых продуктов — ведь именно в цифровой среде и живет наша коммуникация сегодня. мы хотели сделать его самодостаточным, чтобы он задавал настроение макету, но при этом удобным для реальной работы. он выразительный, но не супер-нарядный. в нем есть характер, плотность и немного странности, чтобы цеплял глаз в макетах. а ещееее это шрифт бесплатный! скачивайте его, чтобы использовать и в личных, и в коммерческих проектах, но продавать его нельзя 🚫
1/3
ловите небольшой сторител, почему мы вообще создали Lebowski by Pragmatica кириллических шрифтов в целом не так много: всего 286 семейств внутри Google Fonts из двух тысяч. а действительно сильных из них ещё меньше. поэтому мы решили сделать свой вклад в рынок кириллицы — и выпустили наш бесплатный Lebowski by Pragmatica. нам было важно создать универсальный и характерный шрифт, который бы хорошо работал в диджитале. когда-то ⚪️ Бюробукв разработали нам крутейший логотип, так что в выборе партнера для работы мы не сомневались ☕️
⚫️⚫️⚫️⚫️⚫️⚫️⚫️⚫️⚫️⚫️
Lebowski by Pragmatica — OUT NOW! скачать шрифт >>>>> сюдаааа
➕➕➕➕➕➕➕➕
ура, это новый сезон в senior designer! вместе с ⚪️ бюробукв мы сделали шрифт Lebowski by Pragmatica — кириллицу для цифры, которой не хватало — отдаем её комьюнити бесплатно. название появилось на втором звонке: вспомнили сцену из «большого лебовски» 🎳, где герой говорит про ковёр, который really tied the room together это была идеальная метафора — шрифт не главный объект системы, а вещь, которая задаёт характер и стиль всему макету. в ближайшие две недели расскажем, как создавали шрифт, где его можно применять и как использовать. ещё collective захэдят воркшоп про кириллицу в ui и будет конкурс. призы — жир. в общем, погрузим на 360. как забрать шрифт? шрифт выйдет в открытый доступ 2 июня — но до релиза его заберут те, кто отметится в боте senior designer. кажется речь о тебе, dude
отвлекаем вас от работы на весь оставшийся день дайджестом последних сезонов
скоро глоуапнем название и аватарку по причине «новый сезон» — не пугайтесь и снимайте мьютики 👄 ⚪️ ai-сезон — 6 недель контента о том, как мы используем нейронки в команде. показали, как в соло доносить проект от макета до netlify, вайбкодить сайты, генерить гиперреалистичную кожу и собирать свои тулзы. выжали максимум — вам осталось просто взять и сделать ⚪️ зеленый сезон — полный бэкстейдж большого редизайна: рассказали как концептили, дизайнили, вайбкодили новую главную для зелёного банка и что такое web os. показали то, чего не видел даже клиент ⚪️ дизайн 360 — собрали для вас шоты с проектов прагматики. можно бесконечно скроллить, вдохновляться, чекать приёмы в своих проектах и расширять фан реф-базу ⚪️ неделя с мемами — рассказали, как податься на гражданство фигмы в связи с количеством проведенных в ней лет (мы пошутили) накиньте бустов, коллеги!
ЕСЛИ АМБИЦИИ СИЛЬНЕЕ ТРЕВОЖКИ — ОПЕН МАЙК НА КАЙФЕРЕНЦИИ 19 ИЮЛЯ ЖДЁТ
в прошлом году коллеги говорили то, что в linkedin не напишешь, и уходили с новыми знакомствами, подписчиками и репутацией. лучший нетворкинг случается, когда ты ещё не подошёл, а тебя уже знают. повторим и этим летом — стать спикером может каждый. тема любая: факапы, эпизоды прайма и все, что не влезло в портфолио. один слайд, пять минут, зал голосует. победитель забирает 50К (в сумке у папы). хочешь забронировать сцену? до 15 июня пришли тему и слайд, а 3 июля объявим, кто на нее поднимется. участие фри. ⚪#speaker">️ #speaker">стань спикером
на воркшопе с дизайн-командой из мтс финтех разработали идеи для сайтов мтс банк и мтс деньги.
два дня, 20+ дизайнеров из мтс, ⚪️ ⚪️ ⚪️ ⚪️ ⚪️ от нас и задача: новый формат навигации главной страницы, который будет отражать реальные потребности клиента, а не продуктовую линейку. на выходе получилось пять концептов, и один особенный — тиндер-механика. в финтехе, где интерфейсы обычно как налоговая, это выглядит свежо и бьёт в главную метрику: рост подключений продуктов. разве можно устоять перед этим кастомом карт? 💕 обычно вся соль таких b2b-воркшопов — дизайнить без оглядки на привычные установки. для мтс это был предварительный этап подготовки к редизайну. в моменте важно было создавать реализуемые решения. отдельные тейки команда ⬜️ андрея уже на воркшопе начала фреймить под внутренний питчинг. мы это всё к чему: ⚪️ ждём, как это докрутят в проде ⚪️ если нужно поштурмить над продуктом — пишите ⚪️ элис, она организует
картинка с запахом видео со звуком
рассказываем как можно загрузить свои картинки в сферу — тул, который навайбкодил под конец ai-сезона ⚪️ миша, дизайнер pragmatica и 5heads ⚫️⚫️⚫️ основная задача сферы — быстро собрать разрозненный визуал в интерактивную композицию. базовую версию я сделал за 4–8 часов. на добавление функционала загрузки работ времени ушло больше: хотелось сделать не просто дроп файлов, а понятный и красивый инструмент с коротким, но динамичным шоу-рилом + дать возможность встраивать эту сферу в свои сайты и портфолио. затестить << sphere.5heads.ai >> шерьте процесс и свои сферы в комментах! 🌹
19 ИЮЛЯ СВОБОДНЫЕ СЛОТЫ В КАЛЕНДАРЕ БУКАЕМ ПОД КАЙФЕРЕНЦИЮ ОТ ПРАГМАТИКИ
год назад собрали 420 дизайнеров, арт-директоров и всех, кто делает цифру руками. пришли серьёзные, ушли с баром внутри и новыми знакомствами. этим летом будет еще плотнее и кайфовее: больше команд и студий, дизайн-батл, оупен майк, стендап, бар и призы. встречаемся офлайн, в москве можно просто затусить. можно выйти на сцену соло. можно собрать команду и разнести на батле, за деньги да! ПЕРВЫЙ ДРОП БИЛЕТОВ ПО ЦЕНЕ РАННИХ ПТАШЕК ЗДЕСЬ
pragmatica растёт быстрее, чем мы успеваем рассказывать об этом
в среднем коллеги из hr ⚪️ ⚪️ ⚪️ ⚪️ ⚪️ ⚪️ ⚪️ закрывают 15 ролей в месяц, поэтому мы сделали спешл-канал pragmatica careers для тех, кто вступил в эру найма или хочет поглядывать за рынком. << все сюда >> там будем анонсить наборы на кэмпы и стажировки, ревьюить портфолио, делиться экспертизой, а главное — постить вакансии прагматики. первая пачка уже в канале, ждем откликов на позиции: • продуктовый дизайн-лид middle коммуникационный дизайнер middle/ senior бренд-дизайнерsenior продуктовый дизайнер в аутстафф
ai-сезон — всё ⚫️⚫️⚫️
6 недель мы делились хот тейками, кейсами, тулами и инсайтами про работу с нейронками в дизайне. собрали для вас самые жирные посты, сохраняйте: — как завайбкодили сайт 5heads меньше чем за 10 часовтутор: как создавали айдентику и глитчевых чуваков для «кайференции»как собрали генеративный инструмент под айдентику проектакакие ai-тулы добавить в свой базовый минимум (или роскошный максимум, сами решайте) и пайплайнпро навыки нейрокреаторов, которые на рынке сегодня просто mustтутор: как генерить реалистичную кожу через токены, json-промпты и enhancorкак из айдентики бренда вырос 3d-рыцарь на нейронкахподелились процессом создания ресайзератутор: как навайбкодить эффект и пошерить его на netlifзапись нашего первого воркшопа по вайбкодингу и результаты в чатестатья с мнениями о том, как ai меняет профессию дизайнера, процессы и рынок дизайн-студий спасибо, что ставили 🙉 котов на посты, задавали интересные вопросы в комментах и поддерживали нас! кликайте сферу из поста дальше за делами ai юнита можно будет подглядывать в тг-канале 5heads
если собираетесь на наш бесплатный воркшоп по вайбкодингу во вторник, вот вам способ изучить базу: продуктовый лид ⚪️ лёва сделал видео на ютуб, где за несколько шагов с помощью вайбкодинга собирает эффект для сайта.
на практике показал путь от макета в Figma до готового для шера с друзьями эффекта на Netlify — это без единой строчки кода вручную. пайплайн такой: макет в Figma → спека через Claude → план в Cursor → генерация кода → паблишинг на Netlify. <<< смотреть видос >>>
⚫️ ХОТ ТЕЙК:
НЕЙРОНКА УМЕЕТ ДЕЛАТЬ РЕСАЙЗЫ. НО ПОКА НЕ УМЕЕТ ДУМАТЬ О КОМПОЗИЦИИ наш creative technologist ⚪️ влад решил собрать ресайзер, который генерит баннеры под разные форматы прямо в фигме. идея была такая: взять мастер-макет и отдать его llm-модели, чтобы она пересобрала композицию под нужный размер. на практике: оказалось, что нейронка не очень понимает композицию. элементы остаются на месте, но что-то уезжает, странно масштабируется или теряет аккуратность. влад попросил модель делать несколько вариантов баннера, чтобы было из чего выбирать. параллельно задали более жёсткие условия: где остаются ключевые элементы, как они масштабируются, что нельзя сдвигать или перекрывать. добавил базовые проверки — чтобы элементы не накладывались, не вылезали за границы и сохраняли читаемую структуру. если результат не устраивал, дорабатывали его повторными запросами. в итоге сложилась простая цепочка: сгенерили → выбрали лучшие варианты → попробовали поправить. качество выросло, но было что улучшать. лучший результат получили, когда начали работать с моделью через чат и давать ей доступ к макету. так она меньше ломает структуру и аккуратнее собирает баннер. сейчас дорабатываем ресайзер до продукта внутри студии и считаем экономику — где нейронки ускоряют работу, а где пока нет. итог: ресайз через ai выглядит вполне реальным. но как сделать его комфортным для использования — пока вопрос открытый⚫️