Смотрите на рекламные ролики, сгенерированные с помощью нейросети, и не понимаете, почему у вас получается совершенно другой результат? Ответ прост — ИИ не заменяет мышление, он экономит время, выступает в качестве исполнителя, но вы руководите процессом.
Соответственно, результат зависит от нескольких аспектов. Расскажем в этой статье!
Я написал статью на Хабре и опубликовал в открытый доступ свою дизайн-систему. Многие сказали, что было бы круто получить ещё и инструкцию к ней. Вот я и решил написать статью о том, как вообще пользоваться дизайн-системами или UI-китами.
Также, в статье есть небольшой запрос на обратную связь от читателей
Привет! Я Коля Димов, руковожу дизайном и исследованиями продукта в Делимобиле.
В прошлом посте я уже писал о водительских интерфейсах и рассказывал, и о том, на что может опираться дизайнер, кгда проектирует продукт для человека за рулём. Следующим шагом для нас стало создание полноценных гайдлайнов по проектированию интерфейсов и сценариев для водителей.
Водительские интерфейсы — это не набор отдельных наблюдений и не несколько очевидных советов вроде «сделать покрупнее» или «убрать лишнее», а целая система решений со своей логикой, ограничениями и правилами. Нам хотелось собрать всё это в одном документе. О том, почему мы вообще за это взялись и что в итоге получилось, — эта статья.
Небольшой спойлер для тех, кто не хочет читать весь текст: мы собрали гайдлайны на отдельном сайте. Мы хотим сделать их полностью открытыми и приглашаем присоединиться команды, у которых есть опыт создания пользовательских интерфейсов. За счёт дизайна мы можем сделать дороги безопаснее:
Несколько лет, я экспериментирую с генераторами картинок. Меня интересует один вопрос: можно ли из нейронок получить приемлемые концепт-дизайны сайтов,приложений, интерфейсов? Не с точки зрения кода, а хотя бы лэйаутов, цветовых схем и баланса текста/графики.
После многочисленных апдейтов всех популярных моделей для генерации картинок стало совершенно понятно, что даже универсальные ии имеют определенный стиль, сильные стороны и недостатки. Проще говоря, нужно выбирать не столько лучший движок для генерации картинок, сколько отталкиваться от сценария использования того или иного инструмента.
Мы решили сделать показательный обзор каждого инструмента в контексте решения определенной задачи.
Как показывает практика, большинство пользователей допускают две ключевые ошибки при попытке оживить фото: во‑первых используют плохой референс, а во‑вторых не ту нейросеть (Grok, VEO, Sora, RunWay и другие ии, которые не могут работать со статичными кадрами).
По большому счету, сегодня только Luma может сохранять кадр, не «ломая лица», а если надо добавить озвучку, то HeyGen или Hedra. И обе модели недоступны для нашей локации без смены IP, но есть варианты!
В этом обзоре мы разобрали шесть самых актуальных нейросетей для ИИ фото — Nano Banana Pro, GPT Image 2, Higgslied Soul, Seedream 5.0, Nano Banana 2 и FLUX — и честно рассказали, где каждая нейросеть для генерации фото работает на максимум, а где спотыкается. Для сравнения во всех шести генераторах картинок и ИИ фото мы использовали один и тот же промпт.
Как сделать интернет-магазин мебели удобным для покупателя? В этой статье собрал 10 мебельных eCommerce-проектов с сильным UX и удачными решениями по юзабилити. Разобрал, как бренды выстраивают навигацию, оформляют каталог, помогают выбирать товары и упрощают путь до покупки.
Покажу, какие UX-подходы действительно работают в мебельном eCommerce: от структуры каталога и фильтров до карточек товара, визуальной подачи и сценариев оформления заказа. Статья поможет посмотреть на собственный интернет-магазин со стороны пользователя, найти точки роста и подсмотреть практические решения для улучшения пользовательского опыта.
Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight.
Май выдался очень насыщенным: тут вам и агенты в фигме, и Google I/O, и MCP от Mobbin, и финалисты Apple Design Awards, и сразу два очень красивых кейса от Pentagram. А еще — эстетичные библиотеки, почтовые приложения, энергетик в виде полена и, конечно, мои дорогие Panic.
Производство типовых печатных плат — само по себе сложный высокотехнологичный процесс. Но когда заказчик приходит с нестандартной задачей, нам, как производителям, часто приходится этот процесс изобретать заново. Сложность усугубляется тем, что отрасль печатных плат в России — это узкий рынок производителей, к тому же несколько изолированных от зарубежной производственной базы. Если говорить откровенно: никто толком не знает, как это делать. А если и знает — держит технологию в секрете.
В этой статье мы расскажем, как на нашем заводе «ЭЛЕКТРОконнект» делали первые гибко-жёсткие платы, с какими трудностями столкнулись и как в итоге научились их выпускать на серийном уровне.
Привет! Меня зовут Ксюша, я продуктовый дизайнер в MAGNIT TECH, и уже больше года работаю над карьерными сайтами. Я присоединилась к продуктовой команде, в которой были продакт-менеджер, продуктовый аналитик, исследователь и разработчики, но не хватало меня – дизайнера :)
Чтобы находить ценные решения, мы решили раз в спринт устраивать мозговые штурмы. Мы приходили на встречи с разными вопросами и данными: интервью с кандидатами, отчеты аналитика, отзывы пользователей, обратная связь от эйчаров и видение продуктовой команды. Благодаря совместной работе каждую встречу удавалось собрать список гипотез – расскажу, как мы с ними работали.
Сергей Тищенко, аналитик студии визуализации данных AkademiaDev, рассказывает, как данные перестали быть сугубо аналитическим инструментом и превратились в полноценный язык, на котором сегодня говорят медиа, бизнес, цифровые сервисы и дизайнеры: от доступного визуального сторителлинга в Flourish и Datawrapper до повседневной работы с данными в Superset, Metabase, Power BI и DataLens. Почему данные давно вышли за пределы таблиц и отчетов, как визуализация помогает превращать сложные массивы информации в понятные истории.
Всем привет! Меня зовут Катя, я продуктовый дизайнер. За последние 5 лет успела поработать над разными проектами: от креативных сайтов и клиентских сервисов до высоконагруженных B2E систем и даже HMI интерфейсов.
За все время у меня был как опыт быстрого найма, когда ко мне обращались напрямую через знакомства или портфолио, так и тестовые задания, в том числе вайтборд. Но первый вайтборд комом (об этом как‑нибудь потом).
Хочу рассказать о том, как работала над тестовым заданием на стажировку в Т‑Банк. Как раз таки сюда я и не прошла вайтборд за пару недель до начала экзаменов на стажировку. Не стала отступать и спонтанно решила, что я в деле.
Как мы уже убедились, Eurostile Bold Extended замечательно подходит для определения временного периода действия фильма. Но если Eurostile недостаточно, то этой цели можно достичь и другими способами. Представляю вашему вниманию шесть простых правил, которые чётко дадут понять, что текст используется именно в будущем.
Начнём с простого текста без засечек, например, произвольно выбранного слова, написанного Eurostile Bold. Пока он выглядит, как будто действие происходит в 2016 году.
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах.🎨
Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени.
Заготовил не только UI-kit, но и библиотеку с UX-логикой, анимациями и шаблон интернет-магазина.
На этой неделе прочитала свежую статью Кьяры Пеллегрини из NN/g: «AI-агенты теперь тоже пользователи наших интерфейсов». Автор — серьёзный исследователь, статья хорошо аргументирована. У агента есть цели, агент сталкивается с интерфейсом, агент пытается достичь целей через наш дизайн. По функциональному определению — пользователь.
Я не согласна с этой рамкой. И думаю, что разница принципиальная.
Восемь лет я работала клиническим врачом, потом перешла в продуктовый дизайн. Сейчас веду UX/UI в крупной российской IT-компании. Этот переход дал мне странное двойное зрение: я постоянно вижу в дизайне проблемы, которые медицина решала десятилетиями. Вопрос с агентами — один из них.
Агент — это не новый пользователь. Это новый посредник.
Несколько лет назад я стал соавтором курса по UX/UI-дизайну и записал для него модуль про анимацию интерфейсов. Я давно занимаюсь обучением своей команды дизайнеров, но видеоуроки готовил впервые и не знал, как технически устроено производство онлайн-курса.
Меня зовут Алексей Нибо, я дизайн-директор в диджитал-агентстве Атвинта. Расскажу, что входит в работу приглашённого автора и почему после неё я стал иначе смотреть на свои проекты.
Как сделать удобный интернет-магазин для техники премиум-класса, если у вас сотни городов и тысячи товаров?
Делюсь новым кейсом, как мы разработали дизайн-концепцию для KINGSTORE, упростили навигацию в большом каталоге и адаптировали ключевые сценарии под мобильных пользователей.
ИИ фотосессия по фото — это популярный запрос, частота которого с каждым месяцем лишь растет, невзирая на перенасыщенность ботов, промптов и идей в Интернете. Тем не менее, тема остается актуальной. Во‑первых, потому что в нашей локации практически нет доступных моделей, работающих без смены IP. Во‑вторых, потому что у каждой нейросети есть свои слабости: одни плохо сохраняют идентичность лица, а другие имеют скудную базу образов или плохо работают со светом.
За долгие годы Eurostile, и в частности его вариант Bold Extended, появлялся во множестве научно-фантастических проектов. Дошло до того, что само присутствие Eurostile Bold Extended в названии заявляет, что дело происходит в будущем, намного эффективнее, чем кадр с дорогостоящими эффектами.
И в самом деле, Eurostile стал настолько быстрым способом задания временных рамок произведения, что когда я вижу этот шрифт в реальной жизни (а в Калифорнии это происходит довольно часто), то ощущаю, что попал в какую-то футуристическую антиутопию, в которой дом престарелых больше похож на зловещее правительственное учреждение для научных опытов.
Чаще всего в произведениях Eurostile встречается в виде Bold Extended, однако время от времени встречаются Regular, Bold и Regular Extended. В статье я решил показать как можно больше примеров.