Master UI Design — изучайте дизайн интерфейсов быстрее и станьте мастером пользовательского интерфейса!

uilearn.gumroad.com

💗 Маца ищет продуктовых дизов — мидл/мидл+/сениор на парт-тайм

История повторяется: вновь новые проекты, вновь не хватает сильных рук. Нужны те, кто вольется в наши процессы, подхватит проекты и сделает пушечку. Тебе предстоит: • продумывать сценарии, заботиться об удобстве пользователя и выгоде бизнеса; • проектировать сложные интерфейсы, продуктовые страницы, сайты и лендинги; • вместе с арт-директором делать концепции и всякие красивые штуки; • создавать UI-киты и передавать макеты в разработку; • проводить дизайн-ревью разработки и контролировать качество продуктов на проде; • ставить задачи дизайнерам-помощникам и контролировать их выполнение; • все на свете презентовать заказчикам на лумчиках и звонках. В сообщении укажи: • сколько часов в неделю готов(а) нам уделять; • когда готов(а) стартовать; • свою ставку в час. • и портфолио с сильным ui, конечно же. Еще можешь кружочек про себя записать. А отправить все это нужно Оле, нашему арт-директору: @OlgaPisareva P. S. Даже если не сможем сейчас тебе что-то предложить по задачам, то добавим в базу дизайнеров к себе на будущее. Проектов впереди — вагон и маленькая тележка 🛒
Изображение поста

X разрывается от новостей про Google Stitch (пост)

Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙 Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Я уже писал про Stitch несколько раз, потому что он на слуху. Сейчас они удивили сообщество тем, что теперь можно «вайбдизайнить» и сразу получать production-ready код Видно, что прогресс есть, но заголовки формата «DESIGNERS ARE COOKED» или «ITS SO OVER FOR DESIGNERS», которыми засран твиттер, пока что слишком громкие Дизайн выглядит все еще слабовариативным, я посмотрел, чего там эксперты нагенерили (возможно, поможет правильная работа с промптами и рефами) То, что презентуется как «дизайн-система», выглядит как простой ui-kit на переменных (к слову, вообще-то у самого подход к использованию дизайн-системы — то еще дерьмо, можно несколько экранов их продуктов собрать и сильно удивиться) Мне оч нравится направление, куда идет Stitch. Они могут соревноваться с фигмой, факт! Но давайте по-честному: Чуваки решили проблему «как нам быстро задизайнить что-то» Они не решили такие вопросы (и шанс, что решат, не очень велик): → Почему высокий процент отказов с главной страницы → Почему пользователи игнорят СТА, хотя ее видно → Как нам сделать конвертящий онбординг-флоу Разве когда-то проблема была только в пикселях? Stitch просто сделал думающих дизайнеров более ценными Короче, не переживаем, работу пока ai не заберет!

Music Player UI KIT by Om Arya

Готовый UI Kit музыкального плеера, элементы которого вы можете позаимствовать для своих проектов. 📱Скачать UI Kit📱 #uikit
Изображение поста
3D Motion Designer/Generalist в Game gears
Aliens vs Zombies: Invasion — проект, над которым предстоит работать. Задачи: — создание маркетинговых рекламных 3D-креативов с использованием Unreal Engine — левел-дизайн, анимация, камера, рендер, VFX — создание новых игровых механик на Blueprints — оптимизация существующих игровых механик — адаптация базовых механик проекта под конкретные сценарии — видеомонтаж и финальная сборка: 2D Ui, саунд-дизайн, ресайзы Ожидания: — профессиональное владение Unreal Engine — глубокий опыт работы с Blueprints на уровне создания игровых механик — понимание работы систем частиц Niagara — уверенная работа с Sequencer — профессиональное владение сопутствующим 2D и 3D ПО — анимация: создание кастомной анимации и переработка существующих — профессиональное владение АЕ Условия: — удаленный формат, фултайм — 2.000-3.000$ Gross → Примеры рекламных видео Контакт для отклика: @foreverinlovewithsummer #геймдев
Изображение поста
Портфолио без реальных проектов — это нормально, если вы новичок. Главное — показать, как вы думаете и работаете.
Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented
Изображение поста
Alexander McQueen запускает процедуру увольнений в своих итальянских подразделениях, пишет WWD. Под сокращение попадут 54 сотрудника из 181. В компании объяснили это частью стратегической перестройки бизнеса.
Итальянские профсоюзы Filctem Cgil, Femca Cisl и Uiltec Uil раскритиковали это решение и предупредили, что увольнения ударят не только по самим сотрудникам и их семьям, но также по работе фабрик и всей производственной цепочке в Италии. В качестве альтернативы представители профсоюзов предлагают наладить систему перераспределения рабочих мест внутри компании, а также запустить услуги по трудоустройству уволенных сотрудников. Проблемы у бренда продолжаются уже не первый год. В январе агентство Reuters писало, что выручка Alexander McQueen за последние три года упала примерно на 60%, а в феврале глава Kering Лука де Мео заявил, что компании пришлось идти на жесткие меры после неудачного расширения сети магазинов. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
Изображение поста
🇬🇧 How to Design for Transparent Screens
Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна. В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира. Главное: • Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI • Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки • Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента • Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею • Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов • Пространственная дистанция становится ключевым параметром при проектировании • Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя • При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки • Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира #статья@zhurnalus_lite
Изображение поста
Собрали топовые Telegram-каналы для веб-дизайнеров в одну папку 🗂
Там всё, что помогает находить клиентов и развивать креатив в дизайне и маркетинге: 🔺 каналы с заказами и вакансиями — чтобы регулярно находить проекты 🔺 обучение веб-дизайну и UX/UI — полезные разборы, материалы и практика 🔺 инструменты и сервисы для работы — плагины, ресурсы, UI-решения 🔺 маркетинг и упаковка дизайнера — как продавать услуги дороже и выделяться Плюс внутри: — разборы сайтов — UX/UI тренды и идеи для портфолио — материалы для прокачки насмотренности Успей забрать папку, пока доступ открыт ⬇️ ЗАБРАТЬ ПАПКУ ДЛЯ ВЕБ-ДИЗАЙНЕРОВ
Изображение поста
Хватит листать мусорные подборки!
Вот 3 канала, которые реально прокачивают дизайнеров: ❤️ Дизайн Мэтч — дизайн-конкурсы с призами, вдохновение, эффекты, пошаговые гайды и полезные видео 🩶 Вау! Дизайн — постеры, айдентика, упаковка для прокачки насмотренности 🖤 Сеньор Дизайнер — интерфейсы, аналитика, продуктовые кейсы и UI/UX-дизайн Каналы открыты, никаких заявок. Подписывайтесь!
Изображение поста
Как прокачать дизайн‑систему с помощью слотов
Figma представила новую фичу "Слоты" в бета-версии. Поговорим, как этой функцией можно воспользоваться в UI-дизайне и дизайн-системах для максимальной эффективности Читать на дизайнерс | #статья
Изображение поста
Завозим пак иллюстраций с левитирующими 3D элементами — Levitate UI kit for 3D presentations.
Используйте левитацию для создания крутых сцен и привлечения большего внимания к вашему проекту. Освежите страницу сайта или же приложения с этим паком #иллюстрации
Изображение поста
Минутка UI
Интересное решение для нейронки и анализа отдельных блоков контента. Сделано с применением SceneKit, а интересный эффект, что эти нити работают и на два монитора. Некоторых может раздражать, других очень вовлекать в процесс. Подсмотрел у Morten Just
🔤🔤🔤🔤🔤
Продолжаем расширять пул внешних специалистов и ищем цифровых дизайнеров (WEB, UI/UX) Работаем над проектами разного масштаба: имиджевые и корпоративные сайты и продуктовые интерфейсы. Ищем как middle, так и senior дизайнеров для попроектной работы. Подробности и форма 🦋
Изображение поста
📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль
Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя. Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции. Внутри: – Почему рост фичи сторис почти всегда приводит к усложнению поддержки; – Как команда сравнила внешнее решение и собственную разработку по стоимости; – Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри; – Как устроены два основных компонента: StoriesPreviewList и StoriesContainer; – Почему модель сторис упростили до Map и чем это удобно; – Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground; – Как хранится просмотренность через StoriesShownRepository и Room; – Почему библиотеку можно использовать частями, а не только целиком. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
👀Вдохнули-выдохнули. Мы в Паратайпе уже очень ждём весны: когда станет теплее и расцветёт вишня.
А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся
Изображение поста
Как я пилю свой продукт. Часть 27
Первая и самая главня новость Я пробил 20.000 регистраций. Сейчас стабильно регается 150-200 человек ежедневно и цифры растут. 😮 Зарплаты Я давно хотел сделать раздел зарплат, но никак не доходили руки. В 27 части дошли и раздел появился) Сейчас там уже более 1000+ сабмитов от пользователей. Я проверяю сабмиты + там есть некоторые проверки на бэке, чтобы не были сабмиты джуна на 1 млн рублей. Приходите смотреть и оставлять свою Теперь можно посмотреть зарплаты по направлению, специализации, грейду и формату работы. Плюс я сделал возможность анонимно добавить свою зарплату, чтобы сравнить себя с рынком. Там же есть динамика, учёт премий и подборка подходящих вакансий под выбранные фильтры. И да, это всё тоже нормально причесал под мобилку, потому что с телефона этим пользуются много. Жду, когда челики из Эйч стырят 1в1 раздел, как они сделали со всеми фичами, которые появились у меня, резюме, сопроводами и другим) Не благодарите. Если ваши продакты не вывозят в бэклоге фич, увольте их. Ну или ждите, пока я сделаю новые. 📢 Что ещё обновил после прошлой части: – Подкрутил отображение зарплат в вакансиях, чтобы суммы и вилки показывались понятнее; – Дополировал сам раздел зарплат: фильтры, графики, форма добавления зарплаты, мелкие баги и визуал; – Поправил вход/редиректы/авторизацию и часть моментов с оплатой; – Причесал тему (светлая/тёмная), шрифты и UI на многих страницах; – Сделал поиск точнее, чтобы было меньше случайных попаданий в выдаче; – Добавил и починил источники вакансий, чтобы вакансии лучше подтягивались и реже отваливались; – Подправил отклики и чат с рекрутерами + несколько багов на страницах вакансий; – Подчистил страницы под поисковики (в том числе новую зарплатную страницу); И да, добавил авторизацию через Яндекс) Тоже оттягивал это долго, а оказалось, что это можно было сделать за 10 минут. Ну как обычно, в целом. 0️⃣ Что по цифрам: Hirehi растёт и это радует. Потихоньку, с 0 рублями в маркетинг. – 1.4 млн показов и 48к кликов из гугла – 1.03 млн показов из 37к из яндекса – Рекорд по выручке за месяц, она тоже потихоньку растёт и подбирается к средней зарплате мидла. Я очень этому рад. Год назад я и мечтать о таком не мог Самое главное, что работает SEO. Я продолжаю писать статьи в блог и оптимизировать страницы. И ещё круто, что часто меня рекомендует perplexity, chatgpt и другие. Трафик от них тоже есть и это радует. Дальше я хочу сделать ачивки в профиль, которые за простые действия будут давать профит и вам и мне. Я откладывал это долго, но пора заняться, так как появился трафик и он стабилен. Спасибо всем, кто пользуется и пишет фидбек с отзывами мне в лс. Каждый отзыв мотивирует и даёт силы ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.26
Изображение поста
Figma продолжает допиливать свой интерфейс, в UI3 вернули фиксированные панели.
www.figma.com/blog/our-approach-to-designing-ui3/
Motion designer в Game gears
Мы — Game Gears, команда из 60+ крутых специалистов, объединённых страстью к технологиям и продуктам будущего. Задачи: — производство рекламных роликов — работать в Blender/Cinema 4D — создавать графические 2Д элементы UI для видео-контента, объекты окружения, персонажей и другие ассеты под конкретные задачи из ТЗ — сборка готовых видео: монтаж, UI, саунд-дизайн, ресайзы Ожидания: — опыт создания видео контента, понимание динамической композиции — профессиональное владение 2D- и 3D-инструментами — навыки моделинга, текстуринга, лайтнинга, композинга и рендеринга — знание принципов персонажной анимации — опыт создания динамической графики, инфографики, vfx для рекламных креативов — знание видеомонтажа — портфолио с рекламными игровыми креативами обязательно Условия: — удаленка — 500-700$ за один креатив Контакт для отклика: @foreverinlovewithsummer #геймдев
Изображение поста
Графдиз vs UI/UX-дизайнер:
кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — welcome сюда. Основные скиллы: Photoshop, Illustrator, Figma для статичных макетов, свой стиль и вкус, много насмотренности. В портфолио — яркие айдентики, луковые постеры, визитки, мерч и арт-плакаты. Это про “визуально красиво”. UI/UX-дизайнер — это цифровой архитектор. Он строит сайты и приложения, чтобы было удобно, понятно и быстро. UI (User Interface) — рисуешь кнопки, интерфейсы, меню, чтобы хотелось кликать и ничего не сломалось. UX (User Experience) — думаешь за пользователя: где потеряется, что раздражает, как ускорить путь к цели. Тут много логики и тестирования, коллаб c разработчиками и аналитиками. Рабочие программы: Figma, Sketch, иногда Protopie. В портфолио — лендинги, мобильные приложения, навигация для сервисов. Фаст-факты: • UI/UX — чаще про командную работу, графдизайнеры могут фрилансить и быть самостоятельнее • Графдизайнер делает для офлайна (печать, мерч), а UI/UX скорее про онлайн • В UI/UX чаще высокий порог входа по знаниям, зато очень много работы и рост ближе к IT • Графдиз — твой выбор, если хочется самобытного стиля и свободы визуального самовыражения • В UI/UX легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити
Изображение поста