Дизайн

Сообщество разработчиков всегда вдохновляло меня своей открытостью и культурой обмена знаниями. В мире дизайна всё иначе — чаще показывают только финальные работы, а процесс и инструменты остаются за кадром. Хотя open-source — это не только про код, а про культуру: делиться, улучшать, переосмысливать и переиспользовать.

В этой статье делюсь опытом создания инструментов для дизайнеров, которые можно не просто посмотреть, а сразу использовать в своей работе. Рассказываю о запуске Collected — бесплатного конструктора портфолио, Swarm — платформы для онлайн-выставок, и Everywhere.tools — коллекции open-source ресурсов для дизайнеров.

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

Разработка мобильных интерфейсов — непростая задача. Иногда по разным причинам пользователю недоступен функционал Web-приложения в мобильной версии. Что делать если десктопа под рукой нет?

Дизайн — это не только про эстетику, но и про функциональность, психологию пользователей и даже бизнес-стратегии. В этой подборке мы собрали шесть книг, которые помогут глубже погрузиться в разные аспекты дизайна: от классической типографики до современных подходов в создании продуктов. Здесь есть и фундаментальные труды, и лёгкие эссе, и практические руководства — есть, что выбрать. 

С развитием искусственного интеллекта, всё больше пользователей и компаний используют нейросети. Меня, как дизайнера, интересуют сети, способные генерировать изображения по текстовому описанию. А поскольку их сейчас всё больше, то стало интересно сравнить уже зарекомендовавшую себя MidJourney и новую китайскую Hailuo AI. Сравним их функциональность, особенности работы, доступные версии и проанализируем, какое решение является более подходящим инструментом для определенных пользователей.

Общая информация
MidJourney — это нейросеть, которая специализируется на генерации изображений с высокой детализацией и художественным стилем. Она предлагает широкий спектр настроек, позволяющих пользователям контролировать стилизацию и детали изображений. MidJourney приобрела популярность благодаря уникальной способности создавать «арт-образ» из текстового описания.

Hailuo AI — это китайская нейросеть, которая также ориентирована на генерацию изображений по текстовому запросу. Основной акцент сделан на быстродействие и интеграцию с китайскими технологическими экосистемами, такими как WeChat, что делает её удобной для китайской аудитории.

Функции и возможности

MidJourney:

Привет, Хабр!

В предпоследние выходные мая мне традиционно довелось работать на книжном салоне, проходившем в Санкт-Петербурге на Дворцовой площади. Как многие знают, я представляю компьютерную редакцию издательства «БХВ», но внимательные читатели, которые любят рассматривать служебные страницы в хороших книгах, до сих пор могут найти мою фамилию и в нетленке издательства «Питер», в котором я провёл сложный, но незабываемый и формообразующий отрезок жизни.  Мне нравится работать на стендах, так как я вижу моего читателя, а также не без удовольствия наблюдаю за вашими муками выбора, в особенности – выбором книг в подарок. Что касается последней моей вахты, состоявшейся в полуштормовую погоду по ту сторону тента, очень порадовало, что на наш стенд заглянула уважаемая Юлия Воротникова, имя которой очень громко звучит для заядлых участников интеллектуальных игр. И она, и некоторые другие посетители, и в особенности две-три (не помню) милейшие девушки в субботу залюбовались нашим стендом, уставленным книгами, оригиналы которых вышли в издательстве «O’Reilly». Мне не раз пришлось объяснять, каким образом возникла столь необычная идея — иллюстрировать обложки компьютерных книг роскошными изображениями животных. Поэтому я решил вновь пересказать на Хабре эту историю, которую более 12 лет назад уже затрагивал уважаемый @miga. В статье будет много картинок, которые для меня все до единой укладываются во фразу, прочитанную на странице крайне харизматичного человека – уважаемого Виктора Жукова, lead-гитариста выдающейся симфо-метал группы Nimea из Санкт-Петербурга: «... и когда говорят - плагиат, я говорю - традиция!»  

Пять месяцев назад я сам задавался этим вопросом, когда мне понадобились тренер LoRA и генератор фото для проекта.

Но почему именно эти платформы, а не Segmind или Together?

1. Это самые дешёвые площадки
2. У них больше всего моделей
3. Максимально удобно работать — и через веб, и через API

И я про не распиаренную gamma.app, которая за 3 года так и не смогла сделать что-то удобоваримое.

Начну издалека. Я решил протестировать 2 супер-агента — Manus.im и Genspark.ai

Эти ребята могут многое:
— делать аналитику
— писать код
— создавать видео
— формировать ваш тур по миру
и много чего ещё.

Им даёшь задачу — и они 20-40-60 минут её выполняют, дергая разные нейросети и сервисы, заходя на сайты и собирая информацию. У них даже есть свой внутренний браузер! Правда, они периодически натыкаются на капчу, и я даже хотел помочь, “протолкнуть” — но это было не обязательно.

Создание виджетов в Figma — задача нетривиальная, особенно если ты не разработчик...

Привет, Хабр! Меня зовут Султан, я продуктовый дизайнер в PIX Robotics, где работаю над продуктом PIX Процессы.

Недавно, листая ТГ-канал друга, я наткнулся на интересный виджет в Figma. В голове сразу промелькнула мысль: «Вау, а как это вообще сделать? Это же крутая штука, и она точно нужна моей команде!»— и меня затянуло в воронку изучения темы.

Я попробовал несколько способов, чтобы создать виджет, который будет полезен моей команде, и сегодня поделюсь своим опытом. Спойлер: выбрал вариант, в котором для 800 строк кода мне понадобилось несколько дней. Конечно, без ИИ не обошлось.

Всем привет! На связи Гузель - дизайнер цифровых продуктов в Альфа-Банке.

В одной компании я была свидетелем того, как сотрудник в свой первый день вышел перепарковать автомобиль и не вернулся. Причина: новичка не познакомили с командой, не назначили наставника, не объяснили, чем ему предстоит заниматься. Вместо этого HR-менеджер привел его в опенспейс и оставил на несколько часов без внимания… За это время сотрудник решил, что это не его компания. И я его не осуждаю. 😅

В бигтехе вопрос онбординга особенно острый, поскольку здесь объем информации необходимой к усвоению огромен: много людей, множество процессов, сложный специфический продукт (или несколько), огромная дизайн-система со своими особенностями применения. И запутаться в этом очень легко.

В Альфа-Банке к каждому новому дизайнеру цифровых продуктов прикрепляется бадди – коллега, который подскажет и сориентирует по любому вопросу, поможет адаптироваться на новом месте. Не так давно я стала таким бадди. И сделала всё возможное, чтобы не повторять ситуацию из истории выше.

В этой статье расскажу про то, как онбордила нового дизайнера в команду внутренних продуктов: поделюсь шаблоном для онбординга, который вы сможете адаптировать под свой продукт, а также опишу план погружения новичка в процессы и продукт, которого мы придерживались.

На примере карточек блюд разбираемся, какой подход выбрать: блочный или строчный, как работать с данными, куда деть кнопку и т. д. Соберём минусы и плюсы каждого подхода.

Привет, меня зовут Глеб Любавский, и я руковожу отделом web‑дизайна Инновационного центра «Безопасный транспорт». Сегодня хочу рассказать, как мы впервые столкнулись с web 3D и AR, создали и продвинули несколько интересных проектов совместно с ЦОДД. Путь был не самым простым, но мы остались довольны результатом и зарядились энергией для того, чтобы работать над новыми амбициозными задачами и стать лучше, быстрее, сильнее!

Очень захотелось рассказать обо всем в деталях, поэтому я решил разделить статью на две части. Сегодня о том, как зародилась идея, как мы искали решение и как мы его реализовывали.

Вчера я сел попробовать Veo3, самую крутую видео-нейросетку на данный момент, и сделал mindfulness-смешинку выше.

Доступ к Veo3 я получил очень просто — у меня был американский Google-аккаунт, и он разрешил оформить триал на тариф за $20.

И вот я стал счастливым обладателем 10 генераций. Кстати, интересно: когда через интерфейс Gemini я использовал все 10 кредитов, он сообщил, что новые лимиты появятся только 31 мая. Надеюсь, это не шутка.

Рефлексия дизайнера о целеполагании в российских IT-компаниях

В какой-то момент я поймала себя на том, что слова «план развития», «точка роста» и «привязка к целям команды» вызывают у меня не скуку, а ощущение, будто мне выдали маршрут, по которому я не собиралась идти, но теперь обязана сдать отчёт.

Микровзаимодействия — это точные визуальные сигналы, которые формируют первое и последующее впечатление о бренде. Они не привлекают внимание напрямую, но формируют общее пользовательское ощущение: движение логотипа, реакция цвета, ритм появления элементов, нюансы в типографике. Такие детали делают визуальный язык бренда живым, понятным и узнаваемым.

В этой статье я решил показать на реальных примерах, как микровзаимодействия влияют на восприятие бренда.

Застрял(а) между макетами и расплывчатым фидбеком вроде «что-то не то»? В этой статье — почему это нормально, как выглядит кривая развития дизайнера, чем полезен T-shaped подход и что помогает выйти за рамки интерфейсов, чтобы по-настоящему влиять на продукт.

Всем привет! Меня зовут Аля, и уже больше года я являюсь частью дизайн-команды t2.digital и работаю над интерфейсами мобильного приложения t2.

Когда я только пришла в компанию, первое, что бросилось в глаза, — как неудобно были организованы макеты в Figma. Рабочее пространство больше напоминало шкаф подростка, где вперемешку лежали чистая одежда и грязные носки, по классике у половины из них не было пары. Было трудно отыскать нужные экраны для задач и ещё сложнее определить их актуальность. В такие моменты важно говорить уверенно: да, было.

Поэтому, вооружившись поддержкой тим-лида и стукнув крепким женским кулаком по столу, я приняла решение заняться «уборкой». Совместными с командой усилиями мы прописали правила работы с макетами, которые были удобны сразу всем дизайнерам и не требовали в моменте больших трудозатрат. Всё-таки цель была облегчить работу, а не усложнить!

На протяжении последних шести месяцев мы проверяли жизнеспособность этих правил. Спойлер: они отлично себя показали! Все макеты теперь структурированы и консистентно оформлены, значительно сократилось время на поиск нужных экранов.

Итак, давайте по порядку, что это за правила.

Не выразить словами, как волнительно и, чего уж там, страшно презентовать редизайн Яндекс Карт!

Работая над сервисом, которым ежедневно пользуются члены твоей семьи, репетитор по английскому, ребята из футбольной команды и ещё десятки миллионов человек, чувствуешь особую ответственность. Ведь при таких масштабах даже самое мелкое изменение влияет на опыт взаимодействия с картой огромного количества людей.

Угодить всем тяжело, так что отслеживание и пропуск через себя «болей» тех, кому наши изменения поломали привычки или просто пришлись не по вкусу, — не самая приятная, но важная часть нашей работы. Однако страх и желание любой ценой никого не обидеть способны парализовать, и порой надо быть смелым, чтобы внести изменения, необходимость которых уже назрела.

Сегодня мы обновили внешний вид Яндекс Карт. Одно из главных изменений затронуло отображение дорог: они обзавелись детальной разметкой и сменили привычный жёлтый цвет на серый — как в реальной жизни. Хочу рассказать о процессе поиска дизайн‑решений и раскрыть, почему были сделаны эти и другие изменения, а их в редизайне довольно много.

Одна из наиболее востребованных и горячих тем, связанных с дизайном — это, конечно же, трудоустройство, портфолио, собеседования и все, что связано с профессиональной реализацией. На Youtube такие видео набирают просмотры даже на небольших каналах.

За год изучения вопроса и погружения в тематику посмотрел большое количество текстов и видео. Если все эти материалы сжать в одну эмоцию, то это однозначно будет «страдание». Дизайнеры страдают… Недавно попалось видео в котором молодая дизайнерка рассказывала трагическую и поучительную историю своего трудоустройства, сравнимую по накалу страстей ни много ни мало с самим Гамлетом. Фабула: заказчики дураки, а я в белом пальто стою красивая. Ну, и конечно, не обошлось без советов космического масштаба и космической же глупости…

Высокая конкуренция — это всегда стресс, но это не значит, что действовать нужно наугад в надежде, что в итоге количество перейдет в качество… может не перейти. Про графический дизайн не берусь судить, но в дизайне интерфейсов, UX/UI главная задача — сделать удобно, понятно и эстетично. Ровно эти же требования предъявляются и к хорошему портфолио т. е. умелый UX/UI дизайнер вынужден подходить к своему портфолио «юиксово», но к сожалению так бывает далеко не всегда.

Я задумал написать серию небольших статей в жанре «что такое хорошо и что такое плохо» в отношении портфолио UX/UI дизайнера. Надеюсь, эти скромные труды хотя бы немного снизят градус страданий от отказов и игнора со стороны потенциальных работодателей.

— А тебе нормально, что твои продукты не релизятся?

Я честно зависла. Не потому что не знала ответа, а потому что не поняла вопрос. Нормально… в смысле — как? Физиологически? Психологически? Или по корпоративной этике?

Этот вопрос задал мне тимлид просто между делом, с лёгкой интонацией делового удивления.
Как будто есть два типа дизайнеров: тех, у кого всё релизится, и тех, кто просто любит красивые фигмы «для галочки».

Я тогда промолчала. Но внутренне отметила: вот она, формула фрустрации. Не в том, что проект не выжил. А в том, что кто-то спрашивает — а зачем ты вообще все это наделала?