🧰 UI-кит для дизайнера: что в него складывать и как поддерживать
UI-кит собирает повторяющиеся решения интерфейса: цвета, типографику, кнопки, поля, иконки, карточки и навигацию. Он помогает быстрее собирать новые экраны и сохранять единый стиль, но сам по себе ещё не становится полноценной дизайн-системой.
В статье советуют начинать с базовых стилей и самых частых компонентов, сразу продумывать состояния и варианты, а потом постепенно расширять библиотеку. Важно следить, чтобы в ней не появлялись дубли, лишние настройки и устаревшие элементы, которые уже расходятся с продуктом.
Внутри:
– Чем UI-кит отличается от библиотеки компонентов и дизайн-системы;
– Какие элементы стоит добавить в первую очередь;
– Как продумать состояния, варианты и атомарную структуру компонентов;
– Почему UI-кит нужно собирать с самого начала проекта;
– Какие ошибки превращают библиотеку в набор разрозненных макетов.
➡️ Читать статью
———
💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Наш проект MOD уже давно живёт своей жизнью.
В квартирах живут люди, во дворах создаются и меняются привычные маршруты, а теперь еще и расположились объекты искусства.
Всегда особенно интересно наблюдать этот момент — когда архитектура становится частью чьей-то повседневности.
#kleineweltarchitekten
#MOD
⏰ Готовая преза за 34 минуты, как вам такое?)
Половину времени я пил кофе и играл в героев)))
В видосе — как это выглядит. Даю три промпта, пачку референсов и жду.
Чутка ручной доработки и у меня готовая дизайн-концепция в редактируемом PowerPoint с морфами.
Будущее уже здесь.
Если вы пока так не умеете, я бы рекомендовал научиться как можно быстрее))
Потому что рядом уже работают дизайнеры, которые умеют.
При этом кнопку «сделай красиво» всё ещё не завезли. Нужно понимать, что попросить у нейросети, как направить её и как оценить то, что получилось. Вот этому и будем учиться.
На интенсиве «Слайды, деньги, два ИИ» покажем, как подключать нейросети к созданию презентаций:
— разберёте связки с Codex, Claude, Figma и PowerPoint;
— выполните три практических задания;
— получите обратную связь и разборы ваших работ;
— на моём вебинаре поговорим, как привлекать клиентов с помощью ИИ.
📅 Стартуем 12 октября. Учимся неделю.
Уже занято 45% мест.
Забрать билет на интенсив ⬅️
Парки от Basis, которые особенно хорошо раскрываются этой осенью →
Собрали на карте проекты, реализованные нашей командой, в которые стоит отправиться на выходные, чтобы отдохнуть, прогуляться и насладиться живописной золотой осенью!
#basis_project
Проект Адаптационный кластер «СТАРТ 3.0» СПбГУПТД завершился! Это были насыщенные дни, которые подарили первокурсникам яркий старт в студенческую жизнь.
В программе органично соединились лекции и мастер-классы, тренинги на сплочение, общение с наставниками и творческие вечера.
На лекциях говорили о медиа, адаптации и проектной деятельности — о том, что действительно помогает быстрее освоиться в университете, найти свое направление и поверить в свои силы.
Ребята не только получили полезные знания, но и нашли новых друзей, почувствовали поддержку команды и убедились: университет — это территория возможностей.
О том, как это было — в видео.
*Проект реализуется при грантовой поддержке Федерального агентства по делам молодёжи (Росмолодёжь).
#Росмолодёжь #РосмолодёжьГранты
Уже почти год назад в подкасте Мише Шишкину я рассказывал, как мой руководитель и наш CMO — Идо, в конце 2024 года попросил всех директоров написать свои вишлисты в конце года. Именно свои, личные. Не про достижения компании, не про OKR, KPI, ROI, а просто вот свои личные профессиональные желания. И я тогда написал то, чего просто хотелось мне и ребятам из моей команды по фану, без оглядки на что-либо.
Щас открыл документ в ноушене двух летней давности, и в списке были:
- мы хотим выиграть Webby Awards
- мы хотим публикации на The Brand Identity
- мы хотим сделать громкий тренд репорт о креаторской культуре
- мы хотим сделать необычную фотосессию нашего мерча
- мы хотим биллборд на Тайм Сквер в Нью-Йорке
Насколько же это кажется странным, что все эти пункты, которые тогда записывались как желания, сейчас уже каким-то образом случившаяся реальность!
И буквально пару недель назад закрылся нижний пункт из этого списка! Этот проект никто не запрашивал, его не планировали, на него не закладывали бюджет заранее. И в какой-то из дней, когда у нас просто стоит блок в календаре на презентацию/питч любых идей, Мэди, которая у нас отвечает за интегрированные коммуникации, предложила сделать конкурс, где креаторы будут рассказывать, почему работа креатора, это прям настоящая работа. И куча людей начали участвовать, делясь своими историями.
В качестве награды креатору, который расскажет самую интересную историю, мы решили разместить его на огромном биллборде прямо в центре Тайм Сквер, чтобы показать хэйтерам, которые говорят, что креатор — это не настоящая работа, к чему на самом деле эта карьера может привести.
И в конкурсе выиграла замечательная Beau, которую 2 года назад внезапно уволили с работы в случайную среду, и которая теперь занимается кастомизацией кросовок, и делает контент об этом. Она не какая-то инфлюенсерка с миллионами подписчиков (пока), она занимается своим ремеслом, которое любит, она не продает вам в лоб какой-то очередной курс. У нее есть своя достаточная аудитория, у нее есть искреняя любовь к своему делу. И мы хотим, чтобы такие люди становились успешными, и могли полностью обеспечивать свою жизнь, будучи креаторами!
В ее рилсе можно увидеть, как она рада ее достижению, как ее родители, которые приехали к ней, гордятся ею, и мы гордимся Beau!
Ну а вам просто напоминание, что скоро конец года, и можно уже начать вместе с командой составлять свой список желаний на следующий год!
Минутка организации:
Организация десктопа. Разработчик Terkel обещает выкатить скоро решение с привычным для многих поведенческим паттерном.
Скорость с которой развиваются генеративные ИИ — невероятна.
Генеративные — которые рисуют картинки и дизайны (очень условно).
Но есть нюанс. Вы не прыгнете с помощью нейронки выше среднего по больнице. Результат работы ИИ всегда упирается в предел ВАШЕЙ КОМПЕТЕНТНОСТИ в дизайне.
Если вы дизайнер на 4 из 10, с ИИ будете на 5-6 максимум. И никогда на 7-8.
Чтобы дальше расти в профессии нужно внезапно:
1️⃣ Качать насмотренность
Без неё не будет точных рефов и тз для нейронки, а финальный результат будет как написано выше на 5 из 10 в лучшем случае.
2️⃣ Практиковаться и получать обратную связь от ЖИВЫХ КОМПЕТЕНТНЫХ дизайнеров
Иначе вы не поймете, что хорошо и что плохо. А главное, не поймёте ПОЧЕМУ. И будете всегда на уровне 5 из 10.
И тут ПП ниндзя справляется выше всяких похвал. Но есть ещё новость.
Мы пишем большой модуль про самые современные ИИ способ делать крутой дизайн. Он будет доступен ближе к концу года. Отдельно будет стоит в районе 30к.
В рамках интенсива я отдаю 2 самых вкусных урока из него за 1490 😂 Чтобы самые заинтересованные и преданные дизайнеры начали это применять быстрее всех и были лучше всех.
А когда все начнут это практиковать и среднему клиенту станет ОЧЕНЬ СЛОЖНО отличать новичка от профи, будут 2 следующих вопроса:
1️⃣ Как привлекать клиентов
Про это будет в интенсиве кстати на моем вебе.
2️⃣ Как работать с клиентом, чтобы он был доволен и стал постоянником.
А это сильная сторона ППН.
Так что ПП Ниндзя ждёт новый расцвет. А вы можете снять сливки за копейки прямо сейчас. Или нет. Решать вам.
Забрать билет можно тут ⬅️
Про программу подробно расскажу в ближайшие дни, пока читайте на сайте)
Если есть проблемы с оплатой пишите сюда — @voronin_kim
Всем добрый день!
Наконец-то могу показать свой первый учебный проект, который я делала вместе со школой UPROCK 🥹
Получился корпоративный сайт для студии ландшафтного озеленения и дизайна, которую я полностью придумала сама с нуля.
Отдельно хочу сказать огромное спасибо кураторам 💓 За обратную связь на каждом этапе, за помощь, когда я совсем не понимала, куда двигаться дальше, и за терпение! Благодаря вам я смогла довести проект до конца и получить за него 9 баллов 😌
Буду очень признательна, если заглянете в проект и оцените его. А если еще и оставите комментарий — вообще будет невероятно приятно 🥹 Для меня сейчас очень важна любая обратная связь!
Ссылочка на проект
Интенсив по созданию презентаций
Codex, Claude, Figma, PowerPoint
Открываем набор на «Слайды, деньги, два ИИ» 🃕
Будем разбираться, как подключать нейросети к созданию презентаций: от исходного текста и первых идей до дизайна и анимации.
Кайф! Посмотреть программу и забрать билет ⬅️
В основе — задачи из нашего дизайн-шоу KDA. Там участники делали презентации за час. На интенсиве разберём, как подойти к этим задачам с помощью ИИ.
Что будем делать:
📍 Презентацию для выступления — в Claude и PowerPoint.
Превратим исходник в структуру, найдём идею оформления, соберём шрифты, цвета и элементы в единый стиль. Затем — слайды и анимация. Всё останется редактируемым в PowerPoint.
📍 Вертикальный каталог — в Figma с помощью ИИ.
Разберём структуру, подберём референсы и подключим нейросети к работе над дизайном. Заодно покажем основы Figma, чтобы новичкам было проще включиться.
📍 И отдельно — про деньги.
На моём вебинаре поговорим, как привлекать клиентов с помощью ИИ, объяснять ценность своей работы и сохранять цену, даже если презентации теперь делаешь быстрее.
Будут домашки с проверкой кураторов. А для тех, кто захочет испытать себя, — задание на 60 минут по исходникам KDA. Сделаешь работу и получишь обратную связь.
По фактам:
✅ Два практических урока в записи — проходишь в своём темпе.
✅ Домашние задания с проверкой.
✅ Вебинар со мной про заработок с помощью ИИ.
✅ Доступ на полгода и сертификат.
⏰ Старт — 12 октября. Билет — 1490 ₽, потом 5000.
Подойдёт и тем, кто только начинает, и тем, кто уже делает презентации и хочет тратить меньше времени на ручную работу.
Посмотреть программу и забрать билет ⬅️
Подписки на используемые сервисы приобретаются отдельно.
Desigram.ru использует Яндекс.Метрику, чтобы понимать, как посетители пользуются сайтом. Метрика сохраняет в браузере идентификатор и передаёт его вместе с вашим IP-адресом. Подробнее в политике обработки данных .