Нажмите «Старт»: как контроллеры формируют дизайн интерфейсов

История развития видеоигр с 1958 года. Путь от простых игр Tennis for Two до современных проектов. Как изменялся пользовательский интерфейс и игровой процесс Читать на дизайнерс | #статья
Изображение поста

🏥 Врачи нарушали конфиденциальность пациентов, потому что консультации были неудобными

В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности. Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать. Внутри: — Панель информации случайно стала уникальным торговым предложением продукта; — Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px); — Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%; — 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант); — Как сделали кнопку, которая одна работает на всех уровнях интерфейса. Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

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

Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась. Александр Никитин, 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. #портфолио #минимализм #светлая_тема Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Дизайнер, привет
🍕 Арт-директор Додо за 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. Маша [Сам курс максимально насыщенный, даже не ожидала, что затронем столько направлений. Фидбек от Миши был нереальный!] ❤️❤️❤️❤️❤️❤️❤️❤️ Моушн-дизайн — это динамика. Миша Некрасов научит, как надо.
Video is not supported
Изображение канала: Минутка веб-дизайна
Сайт Nicola Romei
Дизайнер цифровых интерфейсов и судья Awwwards. Создаёт иммерсивные сайты с сильным визуальным направлением, выверенной анимацией и узнаваемым авторским почерком. #портфолио #минимализм #тёмная_тема #ретро Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: design news 💥
В издательстве «Альпина PRO» вышла книга «Путеводитель по кнопкам. История интерфейсов от первых компьютеров до виртуальной реальности» Андрея Маркелова — фундаментальное исследование и практическое руководство для всех, кто создает цифровые продукты.
Подробнее на Designnews.ru
Изображение поста
Изображение канала: Retro Figma
10 функций в Slack, которые, я надеюсь, никогда не будут реализованы
Дизайнер Женя Белодед и его иронично-полезные фичи для интерфейсов. Лучшие концепты для Slack, которые заставят вас по-новому взглянуть на рабочий мессенджер Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Журналус лайт
📖 Вышел Журналус № 493. Суровые старославянские панды
Вот что мы подготовили на этой неделе: • Цитаты из книги Германа Цапфа «Философия дизайна» • Как ИИ меняет логику продуктового дизайна и разработки • Как проектировать интерфейсы для суровых производств • Как работать с цветом в дизайн-системах • Чем полезны метафоры при защите решений перед руководством или бизнесом • Как научиться рисовать иконки с нуля • Чем грозит появление сверхмощного ИИ. Мнение CEO Anthropic • Онлайн-музей физических носителей информации • Интервью с филологом и лингвистом о шрифтах с поддержкой старославянского языка • Нетривиальные изысканные флаконы лаков для ногтей
Изображение поста
Изображение канала: Дизайн-снайпер
Минутка UI
Визуальные размышление о дизайне иллюзии объема и материальности и вияния ИИ на генерируемый интерфейс. Дизайн: Nick Babich / Gleb Kuznetsov
Video is not supported
Изображение канала: Журналус лайт
💼 Новые стандарты интерфейсов и юридическая ответственность дизайнера
Светлана Диденко подготовила практический чек-лист законодательных требований к веб-интерфейсам в России. Статья затрагивает авторизацию через российские ID-системы, прозрачность подписок и платежей, работу с персональными данными и согласиями, cookie-баннеры, трекинг, обязательное раскрытие реквизитов компании и другие тонкости. #статья
Изображение поста
Изображение канала: ЦЁХ.ДИЗАЙН
Целый ЦЕХ курсов
Студия «ЦЕХ» занимается дизайн-поддержкой и диджитал-рекламой, создает креативы, моушн-ролики, интерфейсы и сотрудничает с МТС, «Яндекс Маркетом», «Т-Банком» и другими компаниями. А вместе с нами команда «ЦЕХа» разработала несколько авторских курсов. Их особенность в том, что вы сразу потренируетесь на настоящих дизайн-задачах и освоите экспертизу студии. Выбирайте! «Управление случайностью. Нейросети в задачах дизайнера» Научитесь оптимизировать рутинные процессы с помощью искусственного интеллекта и разберетесь, как подбирать и сочетать функционал различных нейросетей. «Как усилить портфолио с помощью нейросетей» Сможете упаковать свои рабочие кейсы, чтобы представить себя как сильного специалиста, а также научитесь превращать графику в 3D-объекты для сильного портфолио. «Нейросети в коммуникационном дизайне» Станете универсальным специалистом в креативной индустрии — научитесь генерировать графический дизайн, 3D, иллюстрацию и видео. «Как управлять дизайн-процессом» Узнаете все о системном менеджменте в креативных командах — через практику, обсуждения и игровые механики.
Изображение поста
Изображение канала: Nice2Mitya(Chuk)
Ищем UI дизайнеров в Зелёный Финтех 🙂
Пример того чем надо будет заниматься прилагаю. Если коротко: красивый, сильный UI — это почти всё, что от вас нужно. Продуктовый подход, аналитика, исследования, проработанный ux — это всё приложится, если прямо сейчас вы уже можете поддать интерфейсной красоты. Концепты, ну и вот это вот всё. Это шанс поработать с командами, которые формируют рынок, делать интерфейсы, которые видят десятки миллионов, влиять на продукт силой красоты. Продукты: экосистема, AI, цифровые ассистенты, финтех. Работа — в одной из сильнейших дизайн-команд большого Зелёного Финтеха. ⚡️Резюме и портфолио присылай Дарье на почту dvlkostina@sberbank.ru Если этот пост — не для тебя, но ты знаешь, кому он зайдёт, — перешли пожалуйста. @nice2mitya_chuk
Video is not supported
Изображение канала: Журналус лайт
📖 Вышел Журналус № 492. Впуклые интерфейсы из космоса
Вот что мы подготовили на этой неделе: • Цитаты из книги Кайла Чайки «В поисках минимализма. Стремление к меньшему в живописи, архитектуре и музыке» • Прогноз трендов от Pinterest на 2026 год • Обзор акцидентных шрифтов с кириллицей в Google Fonts. Вторая часть • Опенсорсная библиотека для создания «впуклых» углов на чистом CSS • Как правильно использовать информационные подсказки в интерфейсах • Простой способ начать работу с переменными в Figma • Как слоты в Figma упрощают работу с дизайн-системой и делают архитектуру чище • Как формировать культуру команды и сохранять идентичность. Советы пяти студий • Принципы подбора шрифтов. От технических параметров до эмоционального воздействия • Как писать промты для агентов при работе с кодом • 10 главных ИИ-трендов, которые повлияют на развитие технологий и IT-компании • Очень эстетичный набор карточек с советами для музыкантов
Изображение поста
Изображение канала: Дневник дизайнера
Сегодня делимся с вами еще одной классной вакансией в нашу команду👌
Ищем продуктового веб-дизайнера, который будет проектировать удобные и эстетичные интерфейсы для финсервисов T2 Все подробности о вакансии по ссылке 👌
Изображение поста
Изображение канала: Retro Figma
История настраиваемых интерфейсов
История настраиваемых интерфейсов: от прошлого к будущему. Разработчики создавали их задолго до термина. Как это повлияло на современные организации? Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Точка входа
Михаил Саркисян
Привет! Меня зовут Михаил, я 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 #портфолио
Изображение поста