Курсоры, стоковые фото, векторные картинки и AI

Я дошел до того момента, когда в закладках браузера скопилось столько ссылок, что без сортировки не обойтись. Чаще всего я добавляю интересные шутки в закладки чтобы изучить позже и со временем они утопают в тонне других ссылок.... ¯\_(ツ)_/¯.

А закладки то копятся...

Сейчас же, я решил что пора бы заняться этим вопросом и по возможности поделиться интересными ресурсами с остальными людьми ;)

Курсоры из macOS в SVG

Иногда для обозначения различных состояний в макете не достаточно просто подписать компонент, изменить цвет или показать подчеркивание. Я не утверждаю что вам нужно «затыкивать» весь макет курсорами, нет это не так, но для не очевидных элементов это необходимо (Например: Drag’n’Drop).

Вопрос с поиском курсоров решает: http://cursor.in/

Стоковые фото и видео в высоком разрешении

Помимо плагина Unsplash для фигмы я часто использую сторонние ресурсы для поиска тематического контента. Для меня важно что-бы контент по соглашению можно было использовать в коммерческих проектах.

https://www.pexels.com/ru-ru/
https://burst.shopify.com/

Уникальные модели пользователей

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

https://www.thispersondoesnotexist.com/
https://generated.photos/

Векторные картинки

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

https://undraw.co/
https://storyset.com/

Из PNG в SVG

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

https://www.adobe.com/express/feature/image/convert/png-to-svg