5081
Как устроены цифровые продукты — просто, с примерами, без воды. Пользовательский опыт, привычки и мышление за кнопками. Для связи: @deabdullin
Тёмная тема усложняет использование приложения, делает его неудобным. Часть 2
Темный режим имеет свое место:
• Среды кодирования (снижают нагрузку на глаза при слабом освещении)
• Редактирование фотографий/видео (контрастность имеет значение)
• Развлекательные приложения, используемые ночью
• Пользователи со светобоязнью
Вот... в общем-то, и все.
Apple знала это с самого начала
iOS была запущена в 2007 году со светлым режимом. Они не добавляли общесистемный темный режим до 2019 года — 12 лет спустя!
Почему? Потому что они поставили удобство чтения выше внешнего вида.
Когда они наконец добавили его, они сделали его опциональным, а не стандартным.
Интересно то, что большинство из нас, дизайнеров, уже знают, что светлый режим лучше.
Мы просто не признаем этого, потому что:
• Мы проектируем для скриншотов, а не для реального использования
• Легче следовать тенденциям, чем проводить исследования
• Мы путаем то, что выглядит круто, с тем, что работает
Часть 1 в предыдущем посте
🖼️🖼️ хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Как работает Liquid Glass на старых устройствах 😅
🖼️🖼️ хороший интерфейс
В Figma добавят Liquid Glass в ближайшее время
Десятки дизайнеров сделали подобный эффект, достаточно близкий к оригиналу, даже получились неплохие искажения на краях. Вот такое видео сегодня опубликовали в официальном акаунте Figma в X, где показано как будет работать правильный Liquid Glass.
В эти дни многие дизайнеры стали мастерами по стеклу, и я в их числе, целыми днями занимался достижением подобного эффекта как в After Effects, так и в Cinema 4d, да и в Figma варианты тоже смотрел. Теперь это будет достигаться проще.
🖼️🖼️ хороший интерфейс
Интерфейс для интерактивной работы с параметрическим (variable) шрифтом
В нём с помощью жестов регулируются различные параметры шрифта, даже сам выбор буквы из алфавита показан вращением.
Выглядит конечно как интерфейс для очень узкого применения, создания шрифтовой композиции, причём всё равно однообразной. О и ещё, всё равно буква S в результате выглядит криво на изгибе. Но всё равно как концепт, как вариант взаимодействия, очень занимательный, он показывает насколько возможно сделать что-то по-другому, переосмыслить.
🖼️ хороший интерфейс
А вы сейчас учитесь в Федеральном Институте Графики Макетирования и Анимации (ФИГМА)?
🖼️ Хороший интерфейс
Новая реальность: Liquid Glass, парящие таббары и навбары
Прошла презентация WWDC25, где показали по сути всё, что уже сливали как инсайты, но только концепты были отдалёнными.
Apple как ни крути задаёт тренды, и своей презентацией как бы объявила «Скевоморфизму быть». Все элементы стали с прозрачным стеклом, фон за которым не просто размывается, но ещё и преломляется, а свечения на краях также являются динамичными.
Синхронизировали дизайн на всех устройствах и подчеркнули это в названии, сделав единый номер для всего: iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 и tvOS 26.
А помните тренд «глассморфизм», который вообще был другим.
🖼️ Хороший интерфейс
🖼️ Дизайнер Денис Абдуллин
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
🖼️ Курс Анимация интерфейсов
Помните как тапали хомяка? Так вот дизайнер сделал концепт, в котором нужно чистить ковры
Разблокировано воспоминание: помню как в детстве я выносил ковёр во двор, и дубасил хлопушкой по нему. Пыль тогда летела прямо в лицо, хорошенько так надышался.
Дизайнер 🖼️ Роман Скворцов сделал этот концепт в качестве практики на учёбе, он продумал механику чистки ковра, и ещё подвязал социальный проект. Получилось забавно.
🖼️ Хороший интерфейс
🖼️ Дизайнер Денис Абдуллин
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
🖼️ Курс Анимация интерфейсов
Прошёл месяц с запуска моего курса по анимации интерфейсов
За это время уже десятки учеников прошли курс или почти его завершили. Дело в том, что для того, чтобы начать делать крутую анимацию достаточно пройти половину уроков, и далее можно делать свою анимацию. Так поступают некоторые ученики, вторая половина это уже расширенная версия (не всем нужно 3D, чтобы начать, и не всем нужны специфичные эффекты).
Ещё работодатели покупают курс своим сотрудникам. Яндекс был первой компанией, которая купила мой курс своему сотруднику. Также были студии, и в процессе сейчас ещё одна известная компания, которая сама же и делает делает курсы. Вы тоже можете просто попросить работодателя оплатить курс, часто в компаниях это обычная практика, особенно в корпорациях.
Так что добро пожаловать на курс, навык анимаций сегодня сильно выделяет дизайнеров на рынке 😎
Записаться на курс → https://interfaceanimation.ru/
Советы по грамотному проектированию подсказок в ИИ-чат-ботах
Статья от Nielsen Norman Group рассматривает роль автоматически сгенерированных подсказок, которые помогают пользователям формулировать запросы или команды для ИИ-инструментов. Такие подсказки могут быть представлены в виде полных вопросов, фраз или ключевых слов и служат для улучшения взаимодействия пользователя с системой.
Вот некоторые поинты из статьи:
• Упростить процесс взаимодействия пользователя с ИИ, особенно для новичков, предоставляя примеры возможных запросов.
• Подсказки могут направлять пользователей, помогая им формулировать более точные и эффективные запросы, что повышает удовлетворенность от использования системы.
• Важно, чтобы подсказки были релевантными, разнообразными и адаптированными к контексту, в котором находится пользователь.
Читать статью ↗
хороший ux · вакансии · концепты
Как в Adobe Express упрощали процесс создания анимаций
Как команда Adobe упростила процесс создания анимации в Adobe Express, чтобы сделать его доступным для начинающих пользователей и тех, кто не имеет профессионального опыта в дизайне.
Исследования показали, что пользователи хотят использовать анимацию для выделения своего контента, особенно в социальных сетях, но сталкиваются с трудностями из-за сложности инструментов и страха сделать ошибку. Цель была сделать анимацию такой простой и увлекательной, чтобы пользователи могли легко воплощать свои идеи без необходимости в глубоких технических знаниях.
Читать статью ↗
хороший ux · вакансии · концепты
Кейс. Как передать анимации разработчикам: дизайнер Wise 🖼️ Стефани Мартин поделилась процессом
Цель заключалась в том, чтобы преобразовать концепции анимации в точные спецификации, которые могли бы быть реализованы в коде для обеспечения высокой производительности и интеграции.
Ещё 🖼️ Стефани Мартин делится полезными советами, такими как использование After Effects для прототипирования, согласование терминологии между дизайнерами и инженерами, разработка «motion tokens» для стандартизации анимаций, конвертация кадров в миллисекунды и акцент на свойствах анимации, таких как непрозрачность, масштаб и задержка, вместо точных координат.
stephanie.martin_72301/translating-motion-into-code-182da0220e0d">Читать кейс ↗
хороший ux · вакансии · концепты
Apple Design Award 2025: Apple представила список награждённых за дизайн приложений
Ежегодно Apple Design Awards отмечает инновации, изобретательность и технические достижения в дизайне приложений и игр. Но они также стали чем-то большим: моментом, чтобы сделать шаг назад и отметить работу разработчиков Apple во всем сообществе.
https://developer.apple.com/design/awards/ ↗
хороший ux · вакансии · концепты
Красивая настольная книга про UX: Universal Principles of UX – Irene Pereyra
Я уже с февраля хотел рассказать про эту книгу, и понял вот что, рассказать мне как раз нечего о ней как о книге, я захотел её и приобрел именно потому что она привлекательная, и можно в любой момент времени открыть любую страницу и прочесть её, напоминая себе уже то, что и так знаю, просто лишний раз вдохновившись на проекты и работу.
В позапрошлую поездку я увидел эту книгу в Бангкоке, и не купил её, потом так жалел, что этого не сделал. И спустя пару лет, снова оказавшись в Бангкоке, я поискал эту книгу, и нашёл. То есть понимаете да, сама информация в ней не столь значима, сколько её история и эстетика для меня, как по факту и многих других книг в моей библиотеке.
Подборка сервисов с референсами
Если вы часто теряетесь в поисках хороших референсов — сохраняйте этот пост. Сервисы, которые реально помогают. Эти сайты экономят часы — лучшие референсы по интерфейсам, анимации и визуалу в одном месте.
Продукт
• https://mobbin.com/
• https://pageflows.com/
• https://www.pttrns.com/
Лендинг
• https://land-book.com/
• https://onepagelove.com/
• https://www.landingfolio.com/
• https://www.lapa.ninja/
хороший ux · вакансии · концепты
Искусственный интеллект в дизайне интерфейсов
Это первая часть видео на канале Собака Павлова, в котором показали и рассказали как использовать нейросети в проектной работе дизайнера:
– при сборе требований,
– в аналитике и расчётах,
– для обработки интервью,
– при подготовке презентаций,
– и даже в тестировании макетов.
Без волшебства, но с пользой: ИИ не заменит пользователя, но сэкономит время и прояснит фокус.
Смотреть видео ↗
хороший ux · вакансии · концепты
Тёмная тема усложняет использование приложения, делает его неудобным. Часть 1
🖼️ Denis Jeliazko назвал UI/UX секретом, что тёмная тема является неудобной, и вот что он об этом пишет:
Исследования показывают, что темный текст на светлом фоне на 26% более читабелен. Nielsen Norman Group обнаружила, что скорость чтения снижается почти на 10% при использовании белого текста на черном фоне.
Тем не менее, каждый дизайнер ведет себя так, будто темный режим — это Святой Грааль UX.
Буквально у половины людей в мире астигматизм.
Это свечение, которое вы видите на белом на черном тексте? Это не в вашей голове. Это называется ореол. Буквы расплываются. Глаза напрягаются. Понимание падает. Но выглядит так роскошно, правда?
Это все психология:
• Чувствуется эксклюзивность, как будто вы «в теме»
• Сигнализирует о технических навыках или статусе «опытного пользователя»
• Больше впечатляет других дизайнеров, чем помогает пользователям
Правда в том, что большая часть дизайна темного режима делается для нас, а не для конечного пользователя.
Продолжение в следующем посте…
🖼️🖼️ хороший интерфейс
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
Презентация Copilot Vision
Нейросеть от Microsoft сможет буквально «видеть» то, что происходит на вашем экране, и соответственно учитывать контекст. Это ещё большая интеграция нейросети в процессы.
🖼️🖼️ хороший интерфейс
Плагин трекера расстояния в Figma скоро будет опубликован
Это скриншот уже готового плагина для фигмы, о котором я говорил ранее.
Было высказано много идей по поводу плагина, идей море, и чтобы проект вообще состоялся, я добил то, что уже показал. Этот проект для меня просто реализация шуточного концепта, в котором Figma предстаёт в качестве вида спорта, движения по макету складываются в расстояние и вместе с этим считаются сожженные калории.
🖼️🖼️ хороший интерфейс
Больше идей для следующих обновлений iOS 😆
🖼️🖼️ хороший интерфейс
🎁 Почему использование чистого чёрного цвета в интерфейсе считается моветоном?
Чистый чёрный цвет – это максимально чёрный цвет, чернее которого уже быть не может, его код #000000. Он редко используется в продуманных интерфейсах, потому что он:
• создаёт жёсткий контраст, утомляющий глаза
• выглядит плоско и "дешево", особенно на OLED-экранах
• «глушит» остальные цвета, делая интерфейс визуально тяжёлым
Вместо этого обычно выбирают тёмные оттенки серого — #121212, #1C1C1E, #202124. Они создают мягкий контраст, но не кричат.
На сайте Apple к слову используется #1D1D1F, а вот в соцсети X всё-таки чистый чёрный.
🖼️ Хороший интерфейс
🖼️ Дизайнер Денис Абдуллин
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
🖼️ Курс Анимация интерфейсов
Зачем смотреть WWWDC в 2025-м?
Смотреть WWDC25, уже 6-ую ежегодную конференцию от Apple для разработчиков стоит, если тебе интересна не просто техника Apple, а вся экосистема, дизайн, технологии и куда движется digital в целом. Вот почему это может быть полезно:
• Это презентация того, чем будут жить миллионы пользователей в ближайший год. Это не просто «новые фишки», а смена пользовательских паттернов.
• Apple задаёт тренды в визуальной подаче, анимациях и взаимодействиях. Даже если ты не фанат, ты видишь, как будет меняться «вкус» пользователей.
• Apple умеет делать шоу: ты заряжаешься видением, продуманностью и вниманием к деталям. Это хороший способ вдохновиться и поставить себе новые стандарты.
Будете смотреть? Начало сегодня в 20:00 по мск.
🖼️ Хороший интерфейс
🖼️ Дизайнер Денис Абдуллин
🖼️ Концепты интерфейсов
🖼️ Офферы для дизайнеров
🖼️ Курс Анимация интерфейсов
Как превратить дизайн-концепцию в деньги?
Обсудим это на третьем бизнес-практикуме от Агентства креативных индустрий Москвы.
10 июня в пространстве «АКИ.лаб» эксперты разберут, как:
✅ Защитить дизайн — от логотипов до промышленных образцов
✅ Монетизировать идеи через лицензирование и патентование
✅ Строить бизнес-модели на основе интеллектуальной собственности
✅ Пользоваться мерами господдержки для дизайнеров
В числе спикеров:
🔸 Екатерина Чуковская, модератор, директор Научно-образовательного центра интеллектуальной собственности и цифровой экономики Digital IP
🔸 Ольга Новикова, управляющий партнёр юридической компании «Гриц и партнёры»
🔸 Руслан Гацалов (ArtLaw), основатель Центра правовой защиты творческой индустрии ArtLaw
🔸 Илья Насонов (Nasonov Design Werke), старший преподаватель ФПУ Института управления, владелец и главный дизайнер Nasonov Design Werke
📅 Когда: 10 июня
📍Где: «АКИ.лаб»
Превращайте дизайн в источник дохода — регистрируйтесь!
Реклама
Интерфейс гитары в игре The Last of Us
@conceptui · источник
Заработки в СНГ — чистый абсурд. Опытные спецы упахиваются до полусмерти и получают меньше 100 тысяч. А хитрые недоучки могут делать и 300+ за пару часов в день.
Вот почитайте канал «Скоолько?». Там подробные истории реальных людей от первого лица и без цензуры: сколько зарабатывают, как ведут бюджет и на что тратят деньги.
— Домохозяйка в Волгограде: 250.000 рублей (закрывает кредит на «Порше», пренебрегает экономией и накоплениями);
— Научный сотрудник из Москвы: 38.000 рублей (не хочет увольняться, тратит 11.750 в месяц, остальное откладывает);
— Дегустатор пива в Питере: 150.000 рублей (борется с алкогольной зависимостью, противник постановки целей).
Читая посты, то завидуешь одним, то жалеешь других, а иногда офигеваешь: «Такое вообще бывает?!» Подписывайтесь и попробуйте не залипнуть, других таких каналов нет: @skolkoo
«Нам нужен простой логотип».
«Насколько простой?» — спросил я.
«Настолько простой, что мы могли бы воссоздать его сами»
Вы наверняка видели презентацию этого логтипа в своих лентах, его сделал дизайнер Гал Шир, и вот что он рассказал про этот логотип:
Headroom позволяет малому бизнесу создавать собственное программное обеспечение на базе искусственного интеллекта для управления своими рабочими процессами. Логотип представляет собой чистый квадрат, поддерживаемый смелой и заметной основой. Он визуализирует ценностное предложение Headroom: предоставление владельцам бизнеса пространства для роста путем предоставления им стабильной основы для выполнения своей работы. Празднование пустого пространства, отражающего как душевное спокойствие, так и возможности для роста. Редко я встречаю таких смелых основателей, готовых бить рекорды в минимализме. Благодарен за такую творческую свободу.
хороший ux · вакансии · концепты
Пишут, что в iOS 26 обложки музыкальных альбомов станут показывать на весь экран
хороший ux · вакансии · концепты
Как проходить тестовые при отклике на позицию продуктового дизайнера
В статье Данила, продуктовый дизайнер, рассказывает, с чего начинает работу: как погружается в задачу, определяет критерии успеха и выстраивает исследовательский фрейм. Объясняет, как проводит кастдев, формулирует гипотезы и приоритизирует их по методу ICE. Также показывает, как переходит к UX-флоу, прототипированию и финальному дизайну. Все решения сопровождает объяснениями — что, зачем и почему.
Будет полезно тем, кто готовится к тестовым или хочет улучшить свою проектную методологию.
Читать статью ↗
хороший ux · вакансии · концепты
Класс, в Figma предустановили SF Pro, стандартный шрифты iOS
хороший ux · вакансии · концепты
ХВАТИТ ВЕРИТЬ В ЭТИ СКАЗКИ 👇🏻
Денег не будет больше, если вы будете работать 24 на 7, больше знать, наберетесь опыта и обзаведетесь кейсами!
И, да - умение снимать рилс, круто писать посты, запускать рекламу - тоже тут ни при чем!
Вас обманывают! Настоящий маркетинг так не работает!
Если вы готовы узнать правду, то рекомендую подписаться на канал Татьяны Казначеевой. Она маркетолог с 12-летним опытом в продажах и точно знает о чем говорит.
Только сегодня Татьяна готова отдать вам БЕСПЛАТНО систему из 3 главных элементов маркетинга, на которых строится любой бизнес.
Подписывайтесь, внедряйте ее рекомендации и освобождайте себе время на жизнь и любимое дело:
👉🏻 /channel/+wrag5JJioQ5iZGUy
В email-рассылках мало возможностей для интерактива, но можно использовать анимации
Меня тут удивило, как в письме от Ozon вставили таймер. Вроде просто таймер, что тут такого? Я в этот момент подумал, что ведь нельзя же вот так взять и использовать скрипты в письме. Тогда я приблизил, и понял, что передо мной обычная GIF-анимация, и судя по всему она реально длится 5 минут (оказывается я удивлялся целых 2 минуты).
хороший ux · вакансии · концепты