🔔 Вы рисовали колокольчик, а вам говорят, что это нос

Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась. Александр Никитин, UX/UI-дизайнер в Экзон, создал набор из 250 иконок и написал про весь процесс. Главный тезис: начинать нужно с конца. Сначала сформулировать, какая библиотека нужна в итоге, потом рисовать. От этого зависит всё: нейминг, структура, формат, насколько легко масштабировать и поддерживать. Парадокс работает: когда знаешь финальную картину, не наломаешь дров. Внутри: — Хинтинг и пиксельная сетка: почему иконка размывается, если поставить не в край пикселя; — Сохраняйте базы: векторные объекты до их преобразования, чтобы потом не переделывать с нуля; — JTBD для иконок: когда делаю макет, хочу быстро вставить нужную иконку, чтобы не отвлекаться на правки; — Все иконки одинаково важны: не делите на главные и второстепенные; — Иконки не должны быть красивыми, а должны работать: не отвлекать, а дополнять интерфейс. Статья с конкретными горячими клавишами Фигма, примерами структуры, проверками на дубли и ошибки. Если делаете библиотеку иконок, почитайте до создания, а не после переделок. А вы когда-нибудь создавали иконку, которую никто не понял? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🌐 Не Behance единым! Ловите подборку сайтов, где можно вдохновиться работами коллег, найти референс или идею для своего концепта, собрать мудборд для заказчика.

🔶 Httpster — примеры сайтов и интерфейсов, где можно найти нестандартные решения для UX и UI 🔶 CSS Design Awards — проекты, отмеченные премией как самые красивые и оригинальные 🔶 Brutalist Websites, если нужен брутализм 🔶 Dribbble — сообщество графических дизайнеров, веб-дизайнеров, иллюстраторов и 3D-визуализаторов 🔶 Minimal Gallery — библиотека сайтов в минималистическом стиле 🔶 One page love — подборка одностраничных сайтов и шаблонов 🔶 Lapa Ninja — тысячи примеров сайтов, а также бесплатные ресурсы для работы 🔶 HUDS+GUIS — здесь можно изучать интерактивный дизайн 🔶 FWA (Favourite Website Awards) — площадка премии, которая отмечает классные работы в области цифрового дизайна и инноваций в дизайне 🔶 Dark Mode Design — царство тёмного режима 🔶 Site see — галерея сайтов с удобной фильтрацией контента по цвету и направлению [Фабрика Дизайна]
Изображение поста

Джони Айв и его команда, для интерфейсов Ferrari, о которых наверное уже все почитали (но если нет то вот лендинг) первым делом не картинки начали рисовать, а написали книгу, и даже четыре.

Вот тут в статье об этом рассказано подробно, а вот резюме статьи на русском
Изображение поста

Сайт Cathy Dolle

Дизайнер и фронтенд-разработчик. Создаёт простые и продуманные цифровые интерфейсы с минималистичным, внимательным к деталям подходом. Работает с спокойными и выверенными визуальными айдентиками, иногда делится процессом на Twitch. #портфолио #минимализм #светлая_тема Посмотреть сайт 👨‍💻
🍕 Арт-директор Додо за 2 часа и $100 сделал анимацию печенья, которую 3D-шник оценил бы в 500 тысяч рублей
Команда Dodo Brands рассказала, как использует AI в реальной работе. Гаврил Перов, арт-директор Дринкит, сидя в кофейне собрал в GPT и Kling визуал печенья с предсказанием для экрана "После заказа". Этой печенькой пользовались 6 месяцев, скриншотили около 1000 раз. Вика Зеликова натренировала ChatGPT на десятках примеров релиз-ноутсов, теперь пишет их в 3 раза быстрее. Ваня Уваров за 2 недели переписал интерфейс админки для комбо-наборов через Lovable и ChatGPT, потратил $75 на токены. Никита Белкин автоматизировал перенос цветов из Figma в код через Claude Sonnet 4 и Gemini 2.5 Pro в Cursor. Внутри: – Печенье с предсказанием: GPT + Kling, 2 часа работы, $100 на токены, альтернатива 300-500к у 3D-шника; – Видео в карточке товара: Higgsfield.ai по готовым шаблонам, референсы для фотолаборатории и тесты для прода; – Пицца-гороскоп на хакатоне: ChatGPT написал промпты для Midjourney, 6 карточек под 6 знаков зодиака, анимация через Higgsfield.ai; – Релиз-ноутсы: обучила ChatGPT на десятках примеров, зафиксировала правила стиля, экономия времени в 3 раза; – Автоматизация цветов: Token Studio выгружает JSON из Figma в GitHub, Cursor конвертирует в XML для Android и xassets для iOS, GitHub Actions создаёт Pull Request; – Тексты в ToV бренда: скормила редполитику, ToV, глоссарий, исследование аудитории, теперь ChatGPT генерирует идеи и подходящие фразы; – Deep Research: ChatGPT 5 Thinking анализирует бенчмарки, конкурентов, находит кейс-стади, даёт дельную обратную связь; – Интерфейс админки: рисунки от руки в блокноте, ChatGPT оцифровал, Lovable сверстал, Ant Design подключили, реальные данные из JSON, 2 недели от задачи до решения. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
#БМГ ТРЕТИЙ ПОТОК УЖЕ ЗДЕСЬ
❤️❤️❤️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️❤️❤️❤️❤️ чьи работы в промо? 1. Магомед [Курс БМГ помог мне изучить с нуля интерфейс AE, понять основы анимации и дополнить арсенал своих навыков как графического дизайнера] 2. Полина [Курс стал для меня отличным шансом освоить моушн в своем темпе, при этом с поддержкой шарящего преподавателя!] 3. Ника [Давно хотела научиться анимации, и сейчас очень сильно выросла в этом благодаря курсу. Очень понравилась организация, подача информации и в целом атмосфера! Буду продолжать учиться в Щёлочи] 4. Маша [Сам курс максимально насыщенный, даже не ожидала, что затронем столько направлений. Фидбек от Миши был нереальный!] ❤️❤️❤️❤️❤️❤️❤️❤️ Моушн-дизайн — это динамика. Миша Некрасов научит, как надо.
Сайт Nicola Romei
Дизайнер цифровых интерфейсов и судья Awwwards. Создаёт иммерсивные сайты с сильным визуальным направлением, выверенной анимацией и узнаваемым авторским почерком. #портфолио #минимализм #тёмная_тема #ретро Посмотреть сайт 👨‍💻
В издательстве «Альпина PRO» вышла книга «Путеводитель по кнопкам. История интерфейсов от первых компьютеров до виртуальной реальности» Андрея Маркелова — фундаментальное исследование и практическое руководство для всех, кто создает цифровые продукты.
Изображение поста
10 функций в Slack, которые, я надеюсь, никогда не будут реализованы
Дизайнер Женя Белодед и его иронично-полезные фичи для интерфейсов. Лучшие концепты для Slack, которые заставят вас по-новому взглянуть на рабочий мессенджер Читать на дизайнерс | #статья
Изображение поста
📖 Вышел Журналус № 493. Суровые старославянские панды
Вот что мы подготовили на этой неделе: • Цитаты из книги Германа Цапфа «Философия дизайна» • Как ИИ меняет логику продуктового дизайна и разработки • Как проектировать интерфейсы для суровых производств • Как работать с цветом в дизайн-системах • Чем полезны метафоры при защите решений перед руководством или бизнесом • Как научиться рисовать иконки с нуля • Чем грозит появление сверхмощного ИИ. Мнение CEO Anthropic • Онлайн-музей физических носителей информации • Интервью с филологом и лингвистом о шрифтах с поддержкой старославянского языка • Нетривиальные изысканные флаконы лаков для ногтей
Изображение поста
Минутка UI
Визуальные размышление о дизайне иллюзии объема и материальности и вияния ИИ на генерируемый интерфейс. Дизайн: Nick Babich / Gleb Kuznetsov
💼 Новые стандарты интерфейсов и юридическая ответственность дизайнера
Светлана Диденко подготовила практический чек-лист законодательных требований к веб-интерфейсам в России. Статья затрагивает авторизацию через российские ID-системы, прозрачность подписок и платежей, работу с персональными данными и согласиями, cookie-баннеры, трекинг, обязательное раскрытие реквизитов компании и другие тонкости. #статья
Изображение поста
Целый ЦЕХ курсов
Студия «ЦЕХ» занимается дизайн-поддержкой и диджитал-рекламой, создает креативы, моушн-ролики, интерфейсы и сотрудничает с МТС, «Яндекс Маркетом», «Т-Банком» и другими компаниями. А вместе с нами команда «ЦЕХа» разработала несколько авторских курсов. Их особенность в том, что вы сразу потренируетесь на настоящих дизайн-задачах и освоите экспертизу студии. Выбирайте! «Управление случайностью. Нейросети в задачах дизайнера» Научитесь оптимизировать рутинные процессы с помощью искусственного интеллекта и разберетесь, как подбирать и сочетать функционал различных нейросетей. «Как усилить портфолио с помощью нейросетей» Сможете упаковать свои рабочие кейсы, чтобы представить себя как сильного специалиста, а также научитесь превращать графику в 3D-объекты для сильного портфолио. «Нейросети в коммуникационном дизайне» Станете универсальным специалистом в креативной индустрии — научитесь генерировать графический дизайн, 3D, иллюстрацию и видео. «Как управлять дизайн-процессом» Узнаете все о системном менеджменте в креативных командах — через практику, обсуждения и игровые механики.
Изображение поста
Ищем UI дизайнеров в Зелёный Финтех 🙂
Пример того чем надо будет заниматься прилагаю. Если коротко: красивый, сильный UI — это почти всё, что от вас нужно. Продуктовый подход, аналитика, исследования, проработанный ux — это всё приложится, если прямо сейчас вы уже можете поддать интерфейсной красоты. Концепты, ну и вот это вот всё. Это шанс поработать с командами, которые формируют рынок, делать интерфейсы, которые видят десятки миллионов, влиять на продукт силой красоты. Продукты: экосистема, AI, цифровые ассистенты, финтех. Работа — в одной из сильнейших дизайн-команд большого Зелёного Финтеха. ⚡️Резюме и портфолио присылай Дарье на почту dvlkostina@sberbank.ru Если этот пост — не для тебя, но ты знаешь, кому он зайдёт, — перешли пожалуйста. @nice2mitya_chuk
📖 Вышел Журналус № 492. Впуклые интерфейсы из космоса
Вот что мы подготовили на этой неделе: • Цитаты из книги Кайла Чайки «В поисках минимализма. Стремление к меньшему в живописи, архитектуре и музыке» • Прогноз трендов от Pinterest на 2026 год • Обзор акцидентных шрифтов с кириллицей в Google Fonts. Вторая часть • Опенсорсная библиотека для создания «впуклых» углов на чистом CSS • Как правильно использовать информационные подсказки в интерфейсах • Простой способ начать работу с переменными в Figma • Как слоты в Figma упрощают работу с дизайн-системой и делают архитектуру чище • Как формировать культуру команды и сохранять идентичность. Советы пяти студий • Принципы подбора шрифтов. От технических параметров до эмоционального воздействия • Как писать промты для агентов при работе с кодом • 10 главных ИИ-трендов, которые повлияют на развитие технологий и IT-компании • Очень эстетичный набор карточек с советами для музыкантов
Изображение поста
Сегодня делимся с вами еще одной классной вакансией в нашу команду👌
Ищем продуктового веб-дизайнера, который будет проектировать удобные и эстетичные интерфейсы для финсервисов T2 Все подробности о вакансии по ссылке 👌
Изображение поста
История настраиваемых интерфейсов
История настраиваемых интерфейсов: от прошлого к будущему. Разработчики создавали их задолго до термина. Как это повлияло на современные организации? Читать на дизайнерс | #статья
Изображение поста
Михаил Саркисян
Привет! Меня зовут Михаил, я UX/UI-дизайнер с 5+ годами опыта в продуктовых и студийных командах. — Проектировал веб- и мобильные продукты end-to-end: от ресерча до передачи в продакшен — Создавал дизайн-системы, ускоряющие разработку и снижающие дизайн-долг — Работал со сложными B2B-интерфейсами и data-heavy сценариями — Переводил бизнес-цели в понятные UX-решения с фокусом на эффективность продукта — Плотно работал с PM и разработкой, доводя решения до релиза — Использовал AI и интерактив (Framer, AE) для ускорения и усиления визуала — Готов работать удалённо: full-time, part-time или проектно Мой фокус – понятные, масштабируемые интерфейсы и дизайн, который влияет на метрики. Думаю системно, работаю с ограничениями и помогаю продукту расти. Буду рад пообщаться 👋 → Портфолио Контакты для связи: Telegram: @serkis_design Email: serkis.design@gmail.com #портфолио
Изображение поста
🐶 Из шрифта без строчных и кириллицы — в две линейки по шесть начертаний и 1000 знаков: история Kayotique
После рассылки о новом шрифте Ника Недашковского нам пришло милое и забавное сообщение: «кайотик, это маленький койот?» Отвечаем словами автора: CHAos buTIQUE = Kayotique CHAos — идея трикстера, привносителя хаоса bouTIQUE — бутиковый, работающий скорее точечно, чем массово Если объединить все версии, получается — маленький хаотичный койот, который работает точечно! Спасибо всем, кто присылает приятные сообщения в ответ на рассылки. Наш главред Даша расплывается в улыбке каждый раз. Кстати, Ник практически дал нам целое интервью о новом гротеске. В прошлый раз мы опубликовали только часть, сейчас показываем остальное: Kayotique заполняет пространство, выдавливает воздух и сразу заявляет о себе. В узких начертаниях — напряжённый и собранный, в широких — громкий и размеренный. Легко представляю Kayotique в логотипах и айдентике фестивалей, рейвов и независимых событий. В интерфейсах, где типографика — главный визуальный якорь. На постерах, обложках и мерче, потому что в крупных кеглях этого шрифта слова превращаются в форму, а не просто в текст. Kayotique не цитата конкретной эпохи. Скорее, это смесь ощущений от индустриальной типографики, раннего digital и пост-интернет эстетики — грубая функциональность, в которую намеренно добавлен сбой. Шрифт вдохновлён не объектами, а состоянием: напряжением, шумом, внутренним хаосом, который всё равно приходится структурировать. Изначально Kayotique задумывался как утилитарный: только прописная латиница, базовая пунктуация, один набор цифр. Но со временем в шрифте появились строчные буквы, формально похожие на капитель. Потом добавилась кириллица, позволяющая работать с несколькими языками. Затем расширилась латиница, включилась поддержка вьетнамского, а мысли по поводу конструкций отдельных букв переросли в самостоятельные стилистические сеты. Есть даже отдельный сет «под логотипы» для тех случаев, когда достаточно изменить одну букву, чтобы слово начало работать как знак. Проект, который должен был быть ограниченным, постепенно разросся в сложную систему: Sharp & Soft линейки начертаний по 1000 символов, наборы стрелок, иконки, стилистические сеты чтобы менять характер текста — от более сдержанного до предельно выразительного. Kayotique поддерживает 200+ языков, включая очень редкие, например, южносаамский. Подойдёт для брендинга, дизайна упаковки и любых смелых проектов ⚡️ Скачать тестовую версию Купить шрифт Kayotique
Изображение поста
🧩 Как ТРИЗ помогает находить дизайн-решения
Раньше я перебирал решения методом проб и ошибок. Надеялся на удачу и найти то самое решение самостоятельно. ТРИЗ даёт другой алгоритм: сначала формулируешь идеальный результат, потом ищешь путь к нему. Никита, продуктовый дизайнер и ментор, показал, как это работает в интерфейсах. Главная идея ТРИЗ: идеальная система это та, которой нет, но её функции выполняются. Телевизоры становятся тоньше, а экран занимает всю площадь. Банки превращаются в приложения. Пылесосы уменьшаются до роботов. В дизайне то же самое: идеальное поле пароля само генерирует надёжный пароль (как у Timeweb). Идеальная форма сама говорит, где ошибка и как её исправить. Идеальный ввод названия товара заполняется без участия пользователя через сканирование текста. Внутри: – Алгоритм: проблема → идеальный результат → поиск решения (а не наоборот); – Концепция идеальной системы на примерах техники и сервисов; – Как формулировать ИКР: усиление пользы или устранение вреда; – Практические кейсы: форма с ценами, ввод названия товара, валидация полей; – Плюсы и минусы метода. Как вы ищите то самое решение в вашем продукте?) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста