Мамкин Дизайнер. Страница 8
2189
@uxrdesign
Говорим об интерфейсах, инструментах и дизайне
-
Мамкин Дизайнер
А вот и итоги 2021 Пока вы не начали нарезать салаты, поделюсь материалами за год. Сохраняйте себе, чтобы в свободное время почитать / посмотреть, если еще нет. Видео: – Лайфхаки и оптимизация работы в Figma // Friends of Figma – Прототипы в Figma // Usetech Meetup – Подробно об умных таблицах в Figma на AL и Variants – Привязка компонентов к прототипу Figma – Дизайн-система для всех // Friends of Figma – Интерактивные компоненты Figma – 120 вариантов кнопок в Figma за 5 минут – Воркшоп: взаимодействие дизайнера и разработчика // Podlodka Design Crew #1 – Улучшенный функционал копипасты в Figma Воркшоп: как подойти к разработке дизайн-системы // Podlodka Design Crew #2 – Вас много, а я один: как развивать дизайн-систему в условиях ограниченного ресурса // Podlodka Design Crew #2 Допы к видосам: – Умные таблицы на AL и Variants // (доп.материал к видео) – Прототипы в Figma // (доп.материал к видео) – Дизайн-система для всех // (доп.материал к видео) – Интерактивные компоненты Figma // (доп.материал к видео) Файлы Figma Community: – Бесконечный лоадер на интерактивных компонентах – Скелетон для подгрузки контента на интерактивных компонентах Посты: – NFT-коллекция Chelobricks – Верстать нельзя дизайнить – zeroheight – документация для дизайн-системы – Контент в дизайне: настоящий или фейковый? – NDA и дизайнер, запрет на портфолио – Интерактивные компоненты Figma – Оптимизируем работу с Figma Variants – Библиотека дизайнера: 57 книг – Пример работы дизайн-токенов – Пример переменных и операций в SCSS В этом году было два хакатона, где пришлось командой решать кейс в условиях 40 часов, прикладываю ссылку на первые посты, почитать и посмотреть – посты пониже: – 1 место в полуфинале – 2 место в финале – Говорим командой о хакатонах на радио А еще у нас есть подкаст "Дизайн Тусовка", который доступен на всех цифровых площадках, выберите где удобно слушать вам Еще раз, спасибо всем, кто был с нами в 2021, очень ценю ❤️ -
Мамкин Дизайнер
Думал, что в этом году обнов не дождусь, а нет, Паша порадовал. Перевод сообщений, спойлер в тексте и быстрые реакции: в каналах, чатах, личных сообщениях. Обновляйтесь! telegram.org/blog/reactions-spoilers-translations/ru -
Мамкин Дизайнер
«Глаза и мозг пользователей перенасыщены контентом. В схватке за внимание выигрывает тот, кто «подстроит» сайт — то есть сделает всё, чтобы воспринимать информацию было комфортно и легко.» Роман Горбачев, основатель и директор Логомашины, рассказал об иерархии погружения пользователя в дизайн вашего продукта и об удержании внимания на важных вещах. В статье он затронул ключевые моменты F/Z-паттерны, размеры и цвет. Новичкам к изучению, старичкам - для закрепления. -
Реклама
-
Мамкин Дизайнер
привет, мои хорошие 🥰 Активности закончились, по крайней мере до нового года, а значит можно вернуться в спокойное русло работы, записи материала, написание статей и полное возвращение в дизайн-пространство. Это значит, что не дам я вам покоя, так как в свободное время буду искать для вас годный материал и пушить его сюда. Сегодня гайд по Auto Layout: от хоткеев до мелких фишек, типа нулевого фрейма и минимальной ширины контрола. -
Мамкин Дизайнер
Вам приходилось когда-нибудь объяснять, чем вы занимаетесь? Людям не из вашей сферы, родителям или людям старшего поколения, а они вас не понимали? Давайте начну я. Помню случай, когда я ехал в машине и начался разговор про мою деятельность с человеком старшего поколения. Он долго меня допрашивал про работу: что я делаю, что за сфера, что конкретно. Я старался максимально простым языком рассказать, чтобы меня поняли. Человек долго переваривал информацию, молчал и после мучительной паузы, мне был задан всего лишь один вопрос, с которого я немного охренел: «Жень, а нормальную работу найти не хочешь?» Или вот история, которую я никак не могу нормально объяснить и на меня смотрят как на дурачка, когда я рассказываю, что рисую картинки для NFT-коллекций, где в среднем одна картинка стоит $1000. Предлагаю ниже, в комментах к этому посту, поделиться забавными историями о том, как вы пытались объяснить то, чем вы занимаетесь, чем зарабатываете и как на это реагировали? 👇 -
Мамкин Дизайнер
Ничеси! Сбер запустил дизайн-конфу, где собрал практики продуктового дизайна, архитектуры, моды, саунд-дизайна, CGI и выкатил записи всех 15 сессий за раз. Вообще, очень рад, что большие компании проводят толковые дизайн-конференции, повышая культуру и неся в массы знания и новые практики. Начинающим ребятам, даже не понять, что в недалёком прошлом такого, и близко не было. Когда в 2015 я пришёл по трудовой работать в компанию, я подумать о таком не мог, собирая самостоятельно по крупицам инфу с западных и русскоязычных источников. Спустя 6 лет, дизайн-культура в России резко выросла и это приятно: Podlodka Design Crew, 404, SberDesignConf, Fintech DesignConf Dribble Design, ProfsoUX - всего лишь малая часть того, что сейчас есть. Надеюсь, что когда-нибудь и я организую какой-нибудь UsetechDesignConf 😀 Конечно, все равно приходится рассказывать некоторым знакомым чем я занимаюсь, но уже реже. Держите наиболее значимые сессии (на мой субъективный взгляд): – Дизайн цифровых продуктов – Дизайн системы – CX/UX Research – Шрифтовой дизайн – Дизайн-менеджмент -
Мамкин Дизайнер
Главред Райфа, Александра Вельянинова, провела вебинар о тексте в интерфейсах: чтобы было просто, понятно, этично и при минимуме исследований 🤓 -
Мамкин Дизайнер
пожалуй, самый лучший календарь, эва, повешу себе такой на стенку Светлая и темная тема календаря есть в Figma Community, для любителей буквы Ё/Е версии тоже имеются Открыть в комьюнити -
Мамкин Дизайнер
Кстати, фигмач выкатил из бета-теста новый Figma Mirror. Теперь это не просто "Откройте приложение и выберите фрейм на комплюктере", теперь это мощный инструмент с файловым менеджером, запуском прототипов прямо из приложения, выбором флоу и переключением между командами и аккаунтами. Все это теперь доступно любому пользователю на: – iOS: https://apple.co/30bENw6 – Android: https://bit.ly/3oHKZWd Поддержка приложения на iOS и iPadOS начиная от версии 14, Android поддержка от версии 8 Узнать более подробно можно в доке -
Мамкин Дизайнер
видео рабочего решения в коде, и финальная презентация с нашим решением -
Мамкин Дизайнер
Снова 40 часовой спринт без сна и в этом году с хакатонами всё. Знаю, знаю, немного затянул с итогами кейса, но исправляюсь. Месяц назад мы уже были на хакатоне, это был тематический трек про путешествия, на котором мы заняли 1 место и получили возможность пройти в финал. Почитать об итогах можно тут. На прошлой неделе состоялся финал и мы опять взяли кейс от Ростелекома, про цифрового двойника и его метавселенную. В условиях жуткой конкуренции, среди 20+ лучших из лучших команд, наше решение получило второе место, чему мы несказанно рады. О кейсе: цифровой двойник это ваш близнец в сети интернет. Хотим мы этого или нет, но двойник формируется всегда. Сайты, где вы оставили комментарий, лайк под фоткой, упоминание вас — все это и есть ваш двойник и у него есть репутация. На кейсе предлагали решить задачу в виде сервиса, который собирает о вас данные: публикации, упоминания, комментарии, фотографии для дальнейшего анализа. Было три основных условия хакатона и в частности они касались backend-разработки: – развернуть свое решение в kubernetes,предоставленный Digital Energy; – использовать аутентификацию ЕСИА (Госуслуги); – интегрироваться с платформой Arenadata для работы с Hadoop (big data). В этот раз мы делали web, определив для себя минимальную функциональность: – упоминания по фотографии; – упоминание в СМИ; – упоминание в комментариях; – сводная статистика Так как речь идет о полноценной метавселенной, то и потребление контента метавселенной должно происходить иначе, а именно через виртуальную и дополненную реальности - VR / AR / XR. В кейсе, мы постарались отобразить, что наша система готова масштабироваться, прикрутив 3D-модель. На момент решения кейса, мы определили несколько ключевых портретов ЦА, которым важна репутация в интернете: – блогеры (лидеры мнений, инфлюенсеры); – публичные персоны (проф.сообщества, официальные представители); – активные пользователи соц.сетей. Дальнейшее масштабирование: – эмоциональный окрас упоминаний (негативный, положительный, нейтральный), на основе которых и будет строиться рейтинг; – улучшенный поиск по фото, выкладка стопок и дальнейшая фильтрация; – рекламная витрина блогеров, с возможностью фильтрации по рейтингам, ценам; – интеграция с сервисами развлечений, all-in-one (фильмы, игры, музыка) – интеграция с социальными сетями; – внедрение NFT-маркета; – внедрение полноценной механики для VR. Стек: – backend: .NET, Docker, Kubernetes, Hadoop, Solr, OpenID – frontend - Blazor, WebAssembly, WebXR – research/design - custDev, Figma Команда: – Сергей Колчин @Swamp1820 (PM / Backend Developer) – Дмитрий Орденов @monteybb (Fullstack Developer) – Андрей Макаров @mak100un (Fullstack Developer) Ребята, и вновь: я вас оч люблю ❤️ Материалы: – входящая задача (преза от кейсодержателя) – защита нашего решения (видео с таймкодом) – макеты в figma -
Мамкин Дизайнер
Вчера прошла лекция второго сезона Podlodka Design Crew на тему «Вас много, а я один: как развивать дизайн-систему в условиях ограниченного ресурса». Спасибо всем, кто был и кто поддержал. Рассказал про совсем не радужную историю сборки дизайн-системы, когда за плечами не отдельная дизайн-команда, а несколько человек, которые пилят функционал, ДС и еще на дудке играют. Рассказал про: — взаимодействие дизайнер-разработчик, процесс передачи компонентов; — взгляд на корпоративную дизайн-систему, которая существует в заказной разработке; — дизайн-система в продукте; — дизайн-токены: наглядное пособие. Дополнительно, делюсь с вами материалом из видео + доп.материалом, что посмотреть еще. О чем было на сессии: – Вводная статья про дизайн-токены – Перевод статьи про дизайн-токены, опыт Badoo – Лекция Юры Ветрова про дизайн-токены – Сервис Zeroheight для документации, с возможностью выгрузки дизайна из Figma – Библиотека Amazon Style Dictionary, которая преобразует JSON в необходимые платформы – Плагин Design Tokens для Figma – Плагин Figma Tokens для Figma Куда копать: – Базово - HTML / CSS, можно посмотреть Доку от ребят из Яндекса – Переменные из токенов, миксины, карты – SCSS Что еще посмотреть: – КОД - клуб отечественных дизайн-систем, можно пощупать как у других – Carbon от IBM – Spectrum от Adobe – Fluent от Microsoft – Дизайн-система Atlassian – Lightning от Salesforce И еще немного: – Первая часть видео с Podlodka от 1 декабря, вводная + воркшоп по компонентам -
Мамкин Дизайнер
Привет! Будни были насыщены! Вновь 40 часов кода, минимум сна и 2-ое место в финале хакатона 🥳 Завтра соберусь с мыслями, высплюсь и расскажу про кейс 🥰 Как всегда - моя команда ван лав ❤️ -
Мамкин Дизайнер
Когда у меня спрашивают, как я стал дизайнером, жиза Доброе утречко ☀️ -
Мамкин Дизайнер
Ррррррребята, начинаем трещать про дизайн-системы через 5 минут, приходите 🥰 https://youtu.be/5chaJIgDboE -
Реклама
-
Мамкин Дизайнер
Друзья! 1 и 8 декабря я вновь вещаю на Podlodka Design Crew! В этот раз про дизайн-системы. Мое выступление разбито на две части. ⚡ 1 декабря в 19:00 я рассказываю про ДС: подготовка к созданию, инвентаризация макетов и небольшой воркшоп по сборке компонентов в Figma. Эфир прямой, вы сможете задать мне вопросики, которые у вас остались. Участие бесплатно. Ссылка на трансляцию ⚡ 8 декабря в 10:00 моя основная лекция на Podlodka Design Crew. В этом блоке буду углубленно рассказывать про документацию, zeroheight и дизайн-токены (то, чем я делился с вами выше). Участие платное, но первым семи счастливчикам скидка 2000 рублей на недельное участие во втором сезоне Podlodka Design Crew по промокоду: design_crew_2_shevtsovКупить билет на весь сезон Приходите! Увидимся на Подлодке 🔥