Дизайнерам на заметку. Разработчик подружил GPT-4o c Figma. Оцените мощь — модель генерирует детальные и оптимизированные интерфейсы с кучей слоёв и элементов, используя обычное ТЗ. Такого уровня нейронки добились впервые.
С этим плагином Figma будет дизайнить сама по себе — нужно лишь закинуть документ с описанием продукта и нужную библиотеку элементов.
«AI-инструменты для дизайнеров» — новый курс Яндекс Практикума
Курс для дизайнеров с опытом: вы не будете тратить время на освоение базовых инструментов, а сосредоточитесь на главном — работе с нейросетями. По итогу обучения вы научитесь подбирать и применять AI-инструменты, а не просто пользоваться набором готовых решений.
В программе минимум теории — вас ждут воркшопы с практикующими дизайнерами, а также индивидуальная и групповая работа над учебными кейсами. Воркшопы проходят с 12:00 до 16:00 мск, сессии ответов на вопросы — по средам с 19:00 до 20:00 мск.
Курс рассчитан на 4 недели. Чтобы процесс обучения был комфортным, мы рекомендуем уделять ему не менее 7 часов в неделю: 4 часа на воркшоп, 1 час на сессию Q&A и не меньше 2 часов на самостоятельную работу.
Будете практиковаться сразу в нескольких нейросетях, с фокусом на Midjourney— доступ мы предоставим. Начнёте с неё и Stable Diffusion в оболочке Fooocus, а потом постепенно добавите и другие нейросети, чтобы сформировать устойчивый навык работы с ИИ. В конце обучения у вас будет 2 групповых проекта, которые можно добавить в портфолио.
Разбор реального кейса от команды Яндекса. Креативная инхаус студия Magic Camp поделится кейсом создания фотобанка изображений с помощью ИИ. Команда подробно расскажет про весь цикл и детали: какая была проблема и задача, какие инструменты использовали, по каким этапам шли и какие результаты получили.
Spotify представила Mix — собственный вариативный шрифт. Его разработали специально для стриминговой платформы, чтобы заменить гротескный Circular. Компания будет использовать его во всех визуальных материалах, включая сайт, мобильные приложения, изображения для социальных сетей и рекламу. Spotify Mix пока поддерживает только латиницу.
Анонс шрифта опубликовали на YouTube.
DeviantArt поддерживает AI вместо художников
Платформа для художников DeviantArt опубликовала в X пост о двух самых успешных продавцах иллюстраций в этом году: «Isaris-AI» и «Mikonotai». По информации, эти аккаунты заработали десятки тысяч долларов, продавая в большом количестве аватары с "пустыми" глазами в 3D, которые были созданы с помощью AI. Оказалось, что оба аккаунта являются ботами DeviantArt, созданными для генерации изображений с помощью искусственного интеллекта.
DeviantArt не проявил активности в решении возникших проблем: управляющие социальными сетями сайта удалили десятки критических ответов на твит, в котором рекламировался Mikonotai.
Пользователи соцсети обвинили владельцев в активной поддержке искусственного интеллекта в ущерб реальным авторам. Художники утверждают, что AI без их согласия был обучен на основе их работ, которые они размещали на сайте.
Сообществу не нравится текущая ситуация, которую они называют провалом DeviantArt. Некоторые авторы выразили свое несогласие с политикой администрации, удалив свои профили с сайта.
Это не первый раз, когда DeviantArt пытается внедрить новую технологическую "инновацию" и сталкивается с проблемами.
«Многие художники были возмущены с самого утра того дня, когда это было запущено. Они ожидали поддержки от сообщества художников, а не одобрения их действий. Это сильно подорвало доверие многих людей к DeviantArt»
Здесь можно прочитать больше.
Эксперт назвал недостатки чехла для iPhone со встроенной клавиатурой внизу Clicks Creator Keyboard:
клавиатура не имеет допусков, нужно всегда быть точным, а с размером клавиш на Clicks (относительно размера клавиш на сенсорной клавиатуре) приходится быть очень точным;
новый центр масс означает, что придётся «держать» смартфон по другому, чтобы он не упал, пока вы им пользуетесь;
эргономика совершенно другая, и набор текста одной рукой больше не работает;
раскладка клавиатуры странная;
опция Magsafe не работает;
аксессуары по USB-C также не работает. Сквозной порт USB-C на Clicks, похоже, реализован как терминальное устройство, а не как USB-концентратор, поэтому другие устройства, подключённые к порту, больше не работают;
нельзя напечатать на этой штуке смайлы;
не многие приложения поддерживают ярлыки CMD +, поэтому просмотр веб-страниц с помощью пробела возможен только в том случае, если использовать Safari.
Плюсы: качество сборки довольно хорошее, обычные сочетания клавиш iOS работают очень хорошо, а все клавиши (включая переключатели громкости, кнопку действия и питание) щёлкают. Хотя гаджет определённо не стоит запрашиваемой цены в $139.
В январе Clicks Technology представила чехол для iPhone 14/15 Pro со встроенной клавиатурой внизу в стиле BlackBerry под названием Clicks Creator Keyboard и по цене $139.
Пользователь X поделился, возможно, худшим UX-решением в мире. Сайт одного британского банка просит пользователя ввести PIN и пароль. Ситуация стандартная, но инженеры банка реализовали особенную систему защиты. Надо вводить не весь пароль, а только определённые символы из него.
На скриншоте видно, что в поле пароля надо ввести девятый, четырнадцатый и девятнадцатый символы. Сходу вспомнить не выйдет, поэтому надо подумать. Автор оригинального поста выписал свой пароль в столбик и пронумеровал символы. Так он может быстро заходить на сайт.
Должен ли дизайнер думать об этике приложений, которые он создает?
Да, сегодня многим продуктовым дизайнерам приходится выбирать: качать бизнес-метрики любыми способами или оставаться на стороне пользователя, защищая его интересы.
И кто-то, конечно же, делает выбор в пользу своего работодателя и начинает создавать бесконечные скроллы и новые фичи, работающие по принципам игровых автоматов. В общем, все для того, чтобы пользователь оставался бесконечно залипать в приложении.
В новом выпуске подкаста «Бремя технологий» Артур Арсенов, Product design lead Garage Eight, рассказал, почему специалистам не стоит пытаться решать краткосрочные цели бизнеса манипулятивными методами, и как простым пользователям защищаться от такого абьюза.
Слушай подкаст по ссылке и делись в комментариях своим мнением по теме :-)
Еще раз о дизайн-системах
Недавно у нас вышел кейс о работе над дизайн-системой для холдинга «Финам». Сегодня решили рассказать подробнее, что это такое и когда она может быть полезна.
Из чего состоит дизайн-система?
Дизайнеры создают UI Kit (набор готовых дизайн-решений) → Разработчики переводят UI Kit в код → Код помещают в репозитории
UI Kit и репозиторий связаны с помощью токенов. Это единицы информации, которые хранят в себе константы: например цвет, радиус скругления кнопки, параметры шрифта и т. д. Если поменять значение токена в Фигме, оно попадает в репозиторий и затем автоматически синхронизируется с сайтом.
Когда и кому нужна дизайн-система
На краткосрочных проектах, где нужно быстро проверить гипотезы и не требуется больших затрат на поддержку.
На длинных проектах, где нужно часто проверять гипотезы и делать много однотипных решений.
Если нужна системность и предсказуемость в разработке продукта, вы хотите делать последовательные улучшения и планомерно развивать продукт.
У вас несколько команд, которые работают над одним продуктом, и им нужно поддерживать консистентность.
Однако есть и ложка дегтя
Дизайн-система может привести к шаблонности продукта: страницы начинают выглядеть слишком однотипно, а сделать какую-то необычную фичу становится трудно.
Внедрять дизайн-систему сложно и дорого, особенно на начальном этапе. Да, расходы на дизайн снижаются. Зато появляется работа на поддержание и развитие самой дизайн-системы в отделе разработки.
P. S. Го к нам в канал о дизайне :)
OpenAI обновила интерфейс приложения ChatGPT, сделав его минималистичным. Теперь пользователь общается с большим чёрным кругом, который изменяет свои формы и размеры в зависимости от происходящих событий. Когда ИИ говорит, то круг меняется, визуально усиливая ощущение диалога и взаимодействия.
По словам технического директора OpenAI Миры Мурати, новый интерфейс ChatGPT должен свести к минимуму отвлекающие факторы, чтобы пользователи могли полностью сосредоточиться на диалоге с ИИ.
Чёрный круг, выступающий в роли ИИ-собеседника, превращается в стилизованные волны звука, когда ChatGPT даёт ответ. Это визуально усиливает у пользователя ощущение коммуникации.
В настоящее время обновлённый интерфейс ChatGPT доступен только для настольных и мобильных приложений ChatGPT. В веб-версии сервиса по-прежнему используется стандартный текстовый интерфейс.
Apple Pencil Pro будут продаваться в персонализированных упаковках с художественным оформлением. Дизайнеры компании подготовили пять иллюстраций со словом «Pro». При заказе онлайн не будет возможности выбрать оформление коробки, поэтому коллекционерам придётся покупать устройства в магазине.
Apple добавила рамки новых iPad в библиотеку шаблонов для Sketch. Разработчики и дизайнеры могут использовать их для оформления скриншотов и мокапов. Рамки доступны в файле All Product Bezels.
Крутая ИИ-замена Photoshop.
Stylar генерирует картинки, превращает скетчи в 2D и 3D изображения, комбинирует их и улучшает качество. При этом ничего не нужно скачивать — все работает в браузере.
Есть и стандартные фичи:
удалить фон
добавить текст и эффекты
создать реалистичные мокапы
Разрабы выложили целую библиотеку референсов — круто для вдохновения!
Попробовать можно здесь.
Если интересуетесь темой ИИ и нейросетей, здесь я публикую разбор свежих моделей, статей и гайдов, кладешь полезной информации.
Nike выпустила для Тима Кука специальную версию кроссовок Air Max, дизайн которых сделали на новом iPad.
В Nike пояснили, что это уникальная модель Nike Air Max 1 ’86s, разработанная специально к презентации Apple. Примечательно, что на язычке обуви от руки написано Made on iPad.
Новые кроссовки Кука также внешне выделяются волнообразным логотипом Nike в яркой расцветке, отсылая к временам появления Apple. Также дизайн обуви сочетает в себе современную направленность компании.
7 мая 2024 года Apple провела презентацию, полностью посвящённую обновлению линейки iPad.
Apple подготовила свой сайт к предстоящему «специальному мероприятию» под названием Let loose, которое состоится 7 мая и сопровождается рисунком Apple Pencil, что позволяет предположить, что в центре внимания будет обновлённые iPad Air, iPad Pro и аксессуары для планшетов, включая Magic Keyboard и стилус Apple Pencil с новым жестом сжатия с тактильной обратной связью.
В рамках этого ивента на сайте Apple курсор мышки — это ластик, которым пользователь может стирать разноцветные вариации фигур, вписанных в логотип Apple.
🍏 Apple выпустили тонну крутых шаблонов для Figma.
Apple выпустили множество новых красивых дизайн-шаблонов для Figma.
Можно посмотреть, потыкать гайды😊
Даже про клипсы не забыли!
Забиарйте себе)
https://www.figma.com/@apple
Еще больше крутых шаблонов и frontend проектов в моем канале, залетайте в гости.
Apple пополнила свою библиотеку макетов для Figma. Дизайнерам стали доступны следующие шаблоны:
Чек-аут
В интерфейсах интернет-магазинов это экран, который пользователь видит перед тем, как перейти на страницу оплаты.
Это то место, где он уже принял решение о покупке, и указывает последние необходимые параметры для заключения сделки.
Можно найти много чек-листов о том, как оформлять чек-ауты. Я же здесь озвучу самое главное:
Не надо показывать пользователю ничего, что поможет ему уйти с этой страницы или поменять решение о сделке.
— Здесь уже не нужно основное меню навигации, ведь в нём есть ссылки, по которым пользователь может кликнуть и уйти со страницы куда-то ещё. Поэтому шапку можно смело убирать;
— Подвал тоже;
— Не стоит просить заполнить больше данных, чем нужно для оформления сделки. Если есть какие-то необязательные поля, то они, скорее всего, навредят;
— Кнопка с призывом к действию должна быть только одна и с ней ничего не должно визуально конкурировать.
Я бы предположил, что это всё и так очевидно, однако сам начал убирать шапки с подвалами со страниц чек-аутов года два-три назад. А ведь, казалось бы, опытный специалист.
Вообще подобные страницы уже давно спроектированы и оттестированы в любом крупном маркетплейсе и как две капли воды похожи друг на друга.
Фантастический уикенд с 18 по 21 апреля прошёл на конференции «Дизайн‑выходные»! Этот проект, организованный российским дизайн‑сообществом, приносит нам полезные знания, новые знакомства и удивительные впечатления уже 13 лет подряд.
На этот раз мы собрались в Нижнем Новгороде, послушали лекции, приняли участие в дискуссиях и мастер‑классах. Целых 9 залов, 150+ спикеров и 190+ часов активностей — это отличная возможность погрузиться в каждую нишу индустрии. И хотя мы не успели посетить все мероприятия, каждый из нас остался в восторге от атмосферы встречи и обмена опытом.
Большое спасибо организаторам и спикерам этого события! Их труд и преданность делу позволили нам получить удовольствие и открыть для себя что‑то новое. А чтобы вы могли продолжить вдохновляться и изучать дизайн — смотрите материалы, которыми поделились спикеры и организаторы:
Дизайн-выходные: официальный сайт, канал в Telegram, чатик в Telegram
Фотографии: 1 день, 2 день, 3 день, фотографии от Dprofile
Материалы от спикеров, которые не смогли приехать/выступить
Почему я не делаю публичных разборов
Друзья часто интересовались, почему бы мне не взять какой-нибудь чужой интерфейс и записать видеоролик с его публичным разносом. Так делают многие дизайнеры. Вроде, интересный и полезный контент.
Отвечаю. Я не могу делать разнос результата работы, о которой мне ничего неизвестно. Например, вижу кривую и неудобную форму для ввода данных и не знаю — то ли это дизайнер не справился, то ли клиент настоял на таком варианте и остался доволен, то ли (что самое забавное) результаты тестов показали, что именно такая форма максимально хорошо выполняет свою задачу. В этом случае я просто испорчу репутацию, показав, что готов судить работу, не разобравшись в контексте и её реальной эффективности.
Или, что ещё хуже, умудрюсь навредить своим мнением профессиональному росту какого-нибудь зрителя, который слишком доверяет моим словам.
Ещё причина. Я стараюсь не лезть в чужие монастыри со своими уставами. И стараюсь не давать советов там, где у меня их не спрашивали. Стараюсь — и не всегда у меня это получается. Так зачем же мне ещё больше усугублять своё положение какими-то «разносами»?
Есть исключение. Когда я недоволен чем-то в качестве реального клиента, то вполне могу поделиться опытом публично. Но и тут осторожничаю. Мол, вот вам мои претензии и недовольства, но я-то, конечно, понимаю, что, возможно, я вовсе и не ваша целевая аудитория. А ещё, возможно, я не знаю каких-то технических ограничений, которые привели к таким убогим интерфейсам, и ругаюсь зря.
О школе Баухаус в цитатах дизайнеров
Наш арт-директор Федор Ноздрин и еще семь дизайнеров из известных студий рассказали порталу DSGNRS, как художественная школа Баухаус повлияла на них и на всё дизайн-сообщество. Делимся некоторыми цитатами из материала.
Федор Ноздрин, AGIMA:
«Ле Корбюзье — величайший архитектор-модернист. Он никогда не был среди преподавателей Баухауса, но его работы оказали огромное влияние на основателей и учеников школы. Еще он повлиял на стиль советской застройки: железобетонные панели, плоские крыши, отсутствующий декор — всё это отголоски его архитектурных догм».
Эмиль Исхаков, ONY:
«Баухаус объединил архитектурное, скульптурное и художественное мышление в мультидисциплинарной философии. Мы расширили это мультидисциплинарным подходом, включив типографику, CGI, генеративный, саунд- и диджитал-дизайн. Таким образом, мы являемся в некотором роде продолжателями Баухауса, создавая новые опыты для брендов через эксперименты с разнообразными медиумами и пробуя новые выразительные средства».
Павел Конюков, Nimax Brands:
«Баухаус собрал в одном месте ключевые идеи модернистской мысли и стал важной точкой в переходе от традиционного общества в индустриальному с точки зрения дизайна. Тенденции отразились в отказе от порочного украшательства , упрощении дизайна, эстетике лаконичности, понятности и рациональной функциональности».
Полную версию статьи читайте тут. И приходите в Телеграм-канал нашей дизайн-команды. Там много классных находок из мира дизайна.
