Дизайн 360° | Pragmatica

Дизайн 360° | Pragmatica

@senior_designer_pragmatica
Изображение канала: Дизайн 360° | Pragmatica
15 991 подписчик
27 постов
Посты
😮 собрали все полезные ролики на 🖥 youtube by Pragmatica с туторами, лекциями и стримами — от базы в фигме до генератива и вайбкодинга.
дизайн-концепции и референсы 1. как создать дизайн-концепцию — простой способ придумывать концепты. 2. смотрим на референсы по-новому — инструмент работы с рефами, чтобы ускорить процессы. 3. как создаются концепции сайтов на пресейле — от мудборда и первых направлений до прототипа для защиты. 4. рисуем интерфейс циферблатов — экраны смарт-часов под конкурс CMF by nothing. figma и прототипы 5. этапы работы над проектом в figma — разбор структуры рабочей фигмы. 6. кликабельный прототип в figma — от настройки базовых связей до микроанимаций и пушей. 7. интерактивные макеты в figma и principle — как быстро оживить лендинг для презентации заказчику и передать моушен в разработку. анимация и верстка 8. верстка на readymag и анимации shots — особенности верстки и создание 3d. 9. пиксельная анимация в after effects — разработка анимации для сайта-заглушки. ai и вайбкодинг 10. айдентика кайференции на нейронках — визуал через связку krea, runway и gpt. 11. как убрать пластиковый эффект кожи в AI — пайплайн генерации реалистичной текстуры. 12. вайбкод для дизайнеров: интерактивный UI-эффект — как без опыта в коде быстро собрать эффект с нуля. 13. создаем сайт с помощью нейросетей — вайбкодим и тестируем инструменты. карьера и портфолио 14. портфолио дизайнера: что и как показывать — упаковка кейсов сегодня, выделяемся при найме. 15. карта компетенций и система грейдов — оценка и критерии роста в студии. 16. рисуем вместе кейс на behance — собираем и упаковываем проект в портфолио. 👍 если полетело в избранные!
дизайн-директор ⚪️ леша пьянков разложил базу про найм, упаковку кейсов и то, какое портфолио работает сегодня.
<< смотреть на youtube >> от шаблонных решений в ноушене у лидов уже слепота, а собирать коллекцию красивых картинок в стол не имеет смысла. внутри видео: как докрутить неудачный коммерческий кейс до крутого концепта, как правильно подсветить свою роль в команде и как делить платформы под разный контент. бонусом — история о том, как сам леша устроился в студию без классического портфолио. ⚪️ какой формат портфолио сейчас юзаете? делитесь в комментах ⚪️
БИТВА ТИТАНОВ: ЧТО БУДЕТ НА ДИЗАЙН-БАТЛЕ КАЙФЕРЕНЦИИ
собрали команды, от состава которых визжат эйчары. побатлятся сильнейшие инхаус-сборные: СберДизайн, Т-Банк, Домклик, МТС и Флаувау. задачу принесли Авито. нужно спроектировать интерфейс визуального поиска на базе ai, чтобы приложение мгновенно находило товары по реальному снимку. фокус на опыте пользователя, жизнеспособности идеи и узнаваемости компании. ребята получили тз за три недели. а вот на сцене у них будет 10 минут на защиту перед жюри и полная свобода самовыражения — в прошлом году ради победы снимали короткометражки и хаслили в костюмах акул. наблюдать, как тяжеловесы выдают креатив под давлением и за кэш — легендарный вид кайфа. ⚪️ го, сделаем солдаут?
хэд маркетинга ⚪️ оля рассказала, как мы вместе с ⚪️ Бюробукв закрыли пятилетний гештальт и создали интерфейсный шрифт Lebowski by Pragmatica.
приличные шрифты стоят сотни долларов, поэтому для инди-проектов и небольших студий типографика — вечный компромисс. а тут мы, отвечаем рынку классным гротеском с открытой лицензией. ⚪️ спойлерить не будем — читайте на Deziiign
ГЛОУАПНУЛИ ЛЕНДОС КАЙФЕРЕНЦИИ
и продолжаем это делать каждый день. обновили не только глитчевых чуваков, но и лайн-ап гостей и команд. ⚪️ на сцене женя яровой из pragmatica, маша троицкая из т-банка, катя тюхай из атома и британки. и художник арсений попов с докладом «гробы для кошек и другие способы стать собой» — мы в курсе что это, а ты? ⚪️ упаковали дизайн-батл: пять команд (мтс, т-банк, флаувау, сбер дизайн, домклик) режут задачу от авито. подробности задачи будут совсем скоро, но планка уже где-то под потолком. по мелочам: заказали барную карту, диджейские сеты, и… хватит пока новостей, скорее забирай свой тикет у спекулянта на сайте. в том году они кончились за две недели до ивента. 19 июля, москва, офлайн.
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 >> шерьте процесс и свои сферы в комментах! 🌹