🔧 Как поддерживать компоненты дизайн-системы после запуска

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Telegram опубликовал условия конкурса для дизайнеров

Призовой фонд: более $50,000, победители могут получить по $10,000 Срок сдачи: 15 декабря включительно Что нужно сделать: Telegram Nodes, отдельные пространства внутри Telegram для работы и сообществ, похожие на Discord или Slack, но встроенные прямо в приложение. В работе должны быть показаны экраны для iOS и Android, пользовательские и админские сценарии, светлая и тёмная темы, а также анимационное демо-видео интерфейса. Весь дизайн должен быть понятным, логичным и готовым к реальной реализации. Участвуете? 🖼️ Хороший интерфейс
Изображение поста

Как правильно оформлять портфолио? Какие мокапы использовать?

Привет, друзья! 👋🏼 На связи Юля – куратор и дизайнер студии UPROCK. Сегодня в видео мы разбираем тему, которая может как вытняуть ваш кейс, так и полностью его испортить – поговорим о том, как правильно подбирать мокапы. Очень часто у студентов шикарный проект, но в кейсе он выглядит блекло – просто потому, что был оформлен в неподходящих мокапах. И это очень обидно, ведь неправильная подача способна сделать работу слабее, чем она есть на самом деле. 📌 Поэтому давайте разберемся, как подойти к выбору мокапов так, чтобы они усиливали ваш проект, подчеркивали атмосферу и работали на идею, а не против нее. 🎥 В видео я показываю, на что обращать внимание: • Эмоции и настроение проекта. Мокапы – это продолжение вашей визуальной истории. Хотите передать уют, премиальность, драйв или спокойную уверенность? Мокап должен говорить об этом первым. • Цветовая палитра. Мокапы должны вписываться в ваш кейс, а не выбиваться из него. • Стилистика. Современный сайт в «олдскульном» мокапе всегда будет смотреться странно, также как и премиальный бренд в уличной эстетике. • Контекст. Показывайте проект в той среде, в которой он живет. 📌 Ресурсы, которыми вы можете пользоваться: — наша подборка мокапов на сайте UPROCK – удобная фильтрация по устройствам, стилистике, ориентации, фону и лицензии; — Behance – дополнительный источник демо-версий мокапов (только не забывайте проверять лицензии). Подбор мокапов – это финальный штрих, который превращает хороший проект в сильный, цельный и уверенный кейс. А также делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения: ⚡️Мария Орел – LITHA stone furniture website ⚡️Светлана Жеребцова – OSAE ⚡️Руслан Аверин – NovaBank ⚡️Никита Чариков – Grand Slam Tennis Academy ⚡️Яна Волкова – CONTEMPORARY ART GALLERY

Подборка портфолио дизайнеров

Возможно, среди них вы найдёте того, с кем захотите поработать 🤍 ● Владимир Хансен — 3D-художник, специализируюсь на hard-surface моделировании: техника, роботы, автомобили ● Анита Мигачёва — UI/UX и продуктовый дизайнер. Есть опыт с продуктами разной сложности и в разных сферах: финтех, b2b, e-comm, образование, культура. ● Илья Бальзам — иллюстратор/дизайнер. Работал с такими людьми как Big Baby Tape, Slava Marlow, различные стримеры и тд. ● Александра Гончарова — графический дизайнер. Могу создавать: айдентику и логотипы, дизайн упаковки и другой полиграфической продукции, инфографику, презентации и оформление для соц. сетей. → Все исполнители на одной страничке Заполняйте анкету по ссылке, и мы опубликуем ваше портфолио в канале. #портфолио
Изображение поста
Стажёры тут? Ваше время пришло
Design Camp для UX/UI дизайнеров от цифрового юнита Прагматики. Это бесплатная практика для продуктовых и ux/ui-дизайнеров. Участники пройдут два спринта c задачами от vk и прагматики, получат фидбек от лидов и шанс попасть в студию или продукт на стажировку. ❤️ Что вас ждет: - 2 спринта практических задач от ВК/Прагматики; - Регулярный развернутый фидбек от дизайн-лидов Прагматики 1 раз в неделю в Zoom и асинхронно в чатах в течение недели по доработкам - дата асинхронного фидбека зависит от ментора; - Встреча с заказчиком для брифинга и обратной связи. ❤️ Что ждут от вас: - Знаете, что такое Figma и умеете работать с компонентами; - Понимаете, как строится UI; - Имеете минимум 2-3 проекта в своем портфолио; - Готовы уделять кэмпу время каждую неделю. 🔘 Как проходит: – Делаете тестовое задание и записываете короткий лум на 3-5 минут. – Отвечаете на вопросы из анкеты – При положительном результате с вами свяжутся и добавят в чат Длительность: 1 месяц Старт: 10 ноября Формат: онлайн из любой точки мира, созвоны с заказчиками и менторами по московскому времени И да, успевайте, заявки принимают до 5 ноября, 12:00 по мск 🔜 А если остались какие-то вопросы или что-то не понятно, пишите сюда: @sladkiy_pirozhok ➡️ Податься на кэмп ➡️ Податься на кэмп ➡️ Податься на кэмп
Изображение поста
#UI_ревью 9. Interactive Login Form
Работа: Outcrowd Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая. + Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно. + Эффект усиливается их реакцией на ситуацию: пароль неверный или видимый. Забавно отыграны такие эмоции как сочувствие, фрустрация, неловкость, и от этого мы начинаем сопереживать им обратно. + Мультяшный стиль с ярким применением принципов анимации Уолта Диснея. + Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм. + Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно. – Что будет сложно реализовать: движение каждой формы вроде зрачка, лица или рта придётся привязывать к курсору по отдельности, это существенная ручная работа. Дизайн настолько удачный, что его даже плагиатят. Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен. По теме: Анимация приложения для горных прогулок @slashdesigner #первые_шаги #UI_анимация
#UI_ревью 8. Mail app
Работа: Geex Arts Автор ревью: Любовь Жидких + Картинка почти во весь экран выглядит эффектно. Нравится, что часть элементов вынесена за пределы изображения, что позволяет не перекрывать его. + Нравится легкий градиент на фоне. Нейтральный цвет, не перетягивающий на себя внимание, но придающий стиля. + Интересный приём с таббаром без подложки, придает легкости. + На втором экране воздух в верхней части карточки помогает сбалансировать более перегруженную нижнюю часть. + Крупная типографика выглядит современно и придет стиля интерфейсу, чувствуется швейцарский стиль. – Прием с пролистыванием медиа не даёт представления о том, сколько фото приложено к письму, тут мог бы лучше сработать паттерн из сторис с линиями. Помимо отображения количества материалов, он бы помог еще больше разгрузить карточку. – Возможно получится перебор с рамками на экранах с фото. Телефон сам по себе имеет рамку + две рамки в интерфейсе. – Таббар без подложки ограничен в использовании. Для этого экран обязательно должен быть сделан так, чтобы отделять зону таббара. – Карусель в карточках может быть не самым удобным решением. Преимущество привычного списка в том, что можно охватить взглядом несколько писем сразу и выбрать нужное для прочтения письмо. Тут же придется долго листать одно за другим пока не найдешь нужное. Поэтому данный прием может быть использован в качестве дополнительного. По теме: зачем делать дейли ревью, из чего состоит UI. @slashdesigner #первые_шаги #UI
Изображение поста
🧠 Как сделать формы простыми
Команда Nielsen Norman Group объясняет, почему заполнение форм выматывает людей и как это исправить. Они выделили 4 простых правила, которые снижают умственную нагрузку и увеличивают конверсию. Проверено на реальных примерах: Slack, Stripe, Etsy. Главная мысль: форма должна вести человека как хороший собеседник. Показывать что спрашиваем, объяснять зачем, и не заставлять лишний раз думать. Работает даже для сложных многостраничных анкет. Внутри: – Как группировать поля, чтобы не путать; – Почему одна колонка лучше двух; – Как показать прогресс и снизить тревогу; – Как писать подсказки, которые не исчезают; – Когда показывать ошибки и как их исправлять; – Примеры форм, которые люди заполняют с удовольствием. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
#madeontilda. Выпуск №137
Новые проекты #madeontilda: сайт бухгалтерской компании, лендинг студии записи, интернет-магазин экипировки для сноубординга и другие. 20-30camp 👉 20-30camp.ru/camp Сайт компании по организации выездных лагерей для взрослых Glassman 👉 glassman.ru Интернет-магазин оптики Pro Bro 👉 buhbro.pro Сайт бухгалтерской компании Счастье есть 👉 schastye-est.ru Интернет-магазин подарков Сладкие белки 👉 sladkiebelki.ru Лендинг стартапа, разрабатывающего подсластитель с натуральным белком Radiator Center 👉 radiator.center Сайт производства трубчатых радиаторов Red Pepper Events 👉 redpepperevents.ru Сайт event-агентства kaiju 👉 kaijuu.ru Интернет-магазин экипировки для сноубординга Началово 👉 nachalovo.com Сайт питомника растений в Астрахани Оперпост 👉 operpost.ru/studio Лендинг студии записи подкастов и видео в Москве Отправляйте свои сайты через кнопку «Предложить сайт» на странице https://tilda.cc/ru/madeontilda 🧡
Градсовет Петербурга рассмотрел проект реконструкции базы отдыха «Маяк», которая располагается на территории Гладышевского заповедника в окружении корабельных сосен. Для многочисленных объектов будущего оздоровительного комплекса бюро Slavyaninov Architects предложило использовать разные стили и единый материал.
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Slam — набор трехмерных изображений, который включает в себя технологии и элементы виртуальной реальности для дизайнерских проектов.
craftwork.design/downloads/slam/ 💙 Профессия Дизайнер
Анимации всех эффектов вкладки Distort
Одновременно и Шпаргалка и вдохновляшка из эффектов After Effects 🤗 Список эффектов: Bezier Warp, Bulge, Corner Pin, Displacement Map, Liquify, Magnify, Mesh Warp, Mirror, Offset, Optics Compensation, Polar Coordinates, Reshape, Ripple, Smear, Spherize, Transform, Turbulent Displace, Twirl, Warp, Wave Warp, CC Bend It, CC Bender, CC Blobbylize, CC Flo Motion, CC Griddler, CC Lens, CC Page Turn, CC Power Pin, CC Ripple Pulse, CC Slant, CC Smear, CC Split, CC Split 2, CC Tiler Автор: @NickMoGraph #полезность #вдохновение #AE
#PremierePro #Элементы
Clapperboard Slate Opener. Шаблон с хлопушкой. MOGRT, 4К, 0:08, альфа канал. Скачать 554,6 мб
Slack
Ваша цифровая штаб-квартира  → Жанр: #LandingPage → Сложность: #средний → Язык: #EN → Адаптив: Нет @figma2html
🔗 ogfolio
Кураторская библиотека из 500+ Open Graph изображений — идеальных превью для соцсетей, Slack, Telegram и т.д. Есть в версиях светлый, тёмный, цветной — быстро подойдёт под любой бренд и стиль. Не нужно рисовать — просто выбираешь. #og #визуал #соцсети #превью #ресурсы #дизайн #инструмент Посмотреть 🔗
AI Music OS
🚀 Вступайте в наш Telegram-канал 
3D STL Модели. SLA – мир 3D-печати ждёт вас! 🚀 🔥 В канале вас ждёт: ✔ Уникальные STL-модели – только лучшие дизайны. ✔ SLA-печать – секреты, настройки и лайфхаки для идеального результата. ✔ Эксклюзивные раздачи – бесплатные модели. 💡 Хотите печатать как профессионал? Тогда вам точно к нам! 🔗 Подписывайтесь прямо сейчас: https://t.me/FFF_Free_STL?erid=2W5zFFzEWet">https://t.me/FFF_Free_STL?erid=2W5zFFzEWet Не упустите шанс стать частью крутого 3D-комьюнити! 🚀✨
Изображение поста
Шрифт Certa Serif
Динамичный slab-serif с выразительными засечками и классической структурой. Бесплатная версия включает две начертания — Medium и Medium Italic, чего вполне достаточно для заголовков и текстов с акцентом. Полная семья состоит из 16 стилей — от Thin до Black с курсивами. Подходит для оформления журнальных разворотов, титулов, бренд-документации и других проектов, где важна читаемость и элегантная подача. Рекомендуем для сочетания: Certa Sans, Spectral, PT Astra Serif, Merriweather Автор: Glen Jan Лицензия: Для личного и коммерческого использования Скачать семейство
Актуальные #вакансии на этой неделе:
🔹#stk-1">Арт-директор в Slava 🔹#stk-2">Старший продуктовый дизайнер в «Авито» 🔹#stk-3">Продуктовый дизайнер в Lamoda 🔹#stk-4">Дизайнер презентаций в МТС 🔹#stk-5">Дизайнер автомобильных интерфейсов в Navio Для начинающих: 🔹#stk-6">UX/UI-дизайнер — стажёр в Ozon Если вы хотите попасть в наш дайджест, оставьте заявку здесь.
Изображение поста
Шрифт Bellota
Орнаментальный гротеск с лёгкими формами и акцентом на декоративные детали. Основан на шрифте Snippet, передаёт мягкость и немного игривости. Доступен в двух подсемействах — Bellota и Bellota Text, каждое из которых включает 9 насыщенностей. Может украсить детские проекты, баннеры, открытки, упаковку и всё, где важны уют и дружелюбный характер. Рекомендуем для сочетания: Comfortaa, Chava, Raleway Dots, Cyntho Slab Pro Автор: Kemie Guaida Лицензия: Для личного и коммерческого использования Скачать семейство