​Как устроена нейросеть-дизайнер Николай Иронов?

Помните, как недавно все обсуждали, что студия Лебедева год использовала нейросеть, выдавая её за реального дизайнера?

Так вот, ребята с Хабра пообщались с арт-директором и технологом студии Лебедева. Спросили, действительно ли существует эта нейросеть или это всё фейк ради хайпа, как это всё устроено и вымрут ли дизайнеры в ближайшем будущем.

По ссылке — подкаст и его лонгрид-расшифровка: https://tprg.ru/SfWX

#нейросети #дизайн

В Adobe показали функцию Photoshop, которая позволяет автоматически заменять небо на снимках при помощи ИИ

Инструмент под названием Sky Replacement работает на платформе искусственного интеллекта Adobe Sensei. Пользователю останется лишь выбрать фон из готовых наборов или загрузить собственный. А в случае чего, всегда можно будет подкрутить яркость, температуру и масштаб нового фона.

Когда эта функция станет доступна всем, пока неизвестно. Но ясно одно: осталось совсем немного до реализации кнопок «Поиграть со шрифтами» и «Сделать всё красиво».

#ии #дизайн

Adobe показали целый комбайн из нейросетей для улучшения фото в обновлённом Photoshop

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

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

Это уже похоже на кнопку «сделать красиво» или ещё нет?

#ии #дизайн

Минутный гайд по созданию бесконечного количества пиксельных портретов при помощи ИИ

Для генерации портретов в духе старой школы RPG используется Artbreeder на нейронке StyleGAN2, а для их пикселизации — Pyxelate.

Artbreeder сэкономит кучу времени на тренировке нейросети и может создать не только портреты, но и вообще любые изображения. А в отличие от фильтров фотошопа, Pyxelate вполне сносно пикселизирует сразу кучу изображений.

#gamedev #ии #дизайн

Интересный ИИ-эксперимент от Pixar

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

Вроде мелочь, а приятно.

#ии #дизайн

Художник по персонажам Hossein Diba создал 3D-модель той самой девушки с обложки GTA San Andreas.

Просто посмотрите, как проработаны детали.

#gamedev #дизайн

Только не говорите, что знали о том, что дефолтные обои на Windows 10 на самом деле реальная фотография.

И вот видео с процессом её создания.

#windows #дизайн

​Если вам нужно подобрать цветовую палитру для сайта или приложения, но вы ни секунды не дизайнер, обратите внимание на COLORION.

Это сервис, в котором собрано огромное количество готовых цветовых подборок на любой вкус. Подборки разделены на Full Color, Material и Flat design, и у каждой есть оценка пользователей:

https://material.colorion.co

#инструменты #дизайн

​Что делать, если вам нужно подобрать цветовую палитру для сайта или приложения, но вы ни секунды не дизайнер?

Недавно мы уже рассказывали про инструмент COLORION, который решает эту проблему. Делимся ещё одним интересным инструментом Happy Hues. В отличие от COLORION, в нём можно сразу же применить цветовую палитру на простенького сайта, чтобы лучше понимать, как они будут выглядеть на реальном проекте: https://www.happyhues.co/

#инструменты #дизайн

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

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

Действительно годная статья, в которой как раз о том, как этому научиться: https://habr.com/ru/company/htmlacademy/blog/660901/

#веб #дизайн

​Чтобы любой продукт развивался, его нужно постоянно улучшать и дорабатывать

Но далеко не каждая идея повысит конверсию, увеличит аудиторию или положительно повлияет на другие метрики. Один из самых популярных инструментов быстро проверить это — A/B тесты.

Если вкратце, для A/B-теста нужно выдвинуть гипотезу и разделить аудиторию на две группы: у группы А функциональность остаётся без изменений, а группе B выкатываются новые фичи. Судя по реакции можно почти точно понять, внедрять фичу или нет. В теории всё просто. А как насчёт реальных примеров?

В статье Александр Труфанов руководитель направления продуктовой аналитики МТС Медиа/KION на примере фичи Autoplay разбирает, как проводится A/B-тестирование: https://tprg.ru/6tle

#веб #дизайн #ux #тестирование

​​Если вам нужен простой инструмент для быстрого создания красивых макетов приложений и сайтов на разных устройствах, обратите внимание на Shotsnapp.

Бесплатная версии вполне хватает для большинства базовых задач: https://shotsnapp.com/

#инсрументы #дизайн

​​И перед вами победитель в номинации «Лучший UX-дизайн года для блогеров» — необычная реализация кнопок отписки и подписки

Кнопка отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать. Посмотреть исходники и попробовать победить кнопки можно тут:

https://codepen.io/jh3y/pen/KKvvPrP

#веб #дизайн #ux #кек

​Где делать макет сайта: в фотошопе, иллюстраторе или фигме?

На самом деле, можно делать где угодно. Главное — понимать, почему вы выбрали тот или иной инструмент и действительно ли он подходит для решения ваших задач. Помогаем разобраться с выбором подходящего инструмента:

https://tproger.ru/articles/tools-for-webdesign-beginners/

#веб #дизайн

​Как самому создавать качественную анимации загрузки?

Хорошо проработанная анимация с использованием CSS, jQuery или простых анимированных GIF-файлов — это возможность оживить интерфейс сайта и добавить ему оригинальности.

Самые крутые анимации могут развлекать во время ожидания загрузки контента, привлекать внимание и удерживать интерес пользователей.

На примере Sketch для создания основных форм и Principle для быстрого создания загрузочной анимации, показываем, как создавать красочные анимации, используемые Trello, Flickr, Slack и т.д.: https://tproger.ru/translations/custom-web-animation-guide/

#веб #графика #дизайн

​Если пропустили, тут Figma выпустила клавитуру с хоткеями и крутилками для дизайнеров

Можно назначать любые горячие клавиши, в комплекте есть цветные клавиши и клавиши с иконками. Всего 30 клавиш со значками, 15 — с цветами и 2 «крутилки».

Осталось вынести Shift на педаль под столом и можно работать.

#дизайн

​​Figma закрыла Dev Mode: пути обхода и их краткий обзор

В июне 2023 года Figma выпустила масштабное обновление: появился режим разработки Dev Mode. Эта функция обеспечивает плавный переход от дизайна к разработке. Такое новшество сразу же пришлось по душе многим.

Однако совсем недавно пропала возможность пользоваться режимом бесплатно. Как быть и какие есть альтернативы — рассказали в статье: https://habr.com/ru/companies/selectel/articles/795621/

#дизайн #figma