​Как сделать дизайн сайта с нуля?

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

1 часть — сбор информации: https://tprg.ru/ptXx
2 часть — разработка визуальной концепции: https://tprg.ru/C6Gw
3 часть — инструменты для создания макета: https://tprg.ru/XmW6

#веб #дизайн

Огромнейшая подборка сайтов, которые связаны с дизайном

https://tprg.ru/TA3m

Гайды, мокапы, ui kit'ы, стоковые видео, подкасты, форумы, инструменты, шрифты — проще назвать, чего там нет.

#дизайн

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

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

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

По ссылке — подкаст и его лонгрид-расшифровка: 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/

#веб #дизайн