Всем привет!
В качестве разработчика интерфейса вы, вероятно, изо всех сил пытались найти изображения, SVG или значки, чтобы добавить в ваше приложение, а иногда и изображения, которые у вас есть высокое разрешение, которое занимает много времени, чтобы нарисовать, когда веб-сайт оказывается, что делает его Сложно для работы сайта или не может найти высококачественные изображения.
Вот несколько ресурсов, которые вам могут понадобиться при разработке вашего приложения.
1. Бесплатные иконки Известно, что значки выражают некоторую информацию при обеспечении хорошего пользовательского интерфейса. Они используются во многих веб-сайтах и как разработчик Frontend, вы, вероятно, нуждаетесь в них на любом веб-сайте, вы будете делать. Вот несколько бесплатных ресурсов иконок.
Шрифт потрясающий: Шрифт потрясающий
Значки Bootstrap: Значки Bootstrap
2. Бесплатные высококачественные изображения Если вам интересно, куда получить бесплатные высококачественные изображения для ваших фонов, природа, людей и т. Д. Вот хорошие источники
Unsplash: Бессмысленно
Pexels: Пэтэльс
3. Бесплатная иллюстрация SVG SVG являются неотъемлемой частью современных веб-сайтов, и нам больше не нужно создавать их с нуля, используя HTML/CSS или другие инструменты дизайна, такие как figma. Undraw: Undraw Freepik: Freepik.
4. Бесплатное разрешение изображения компрессор Эти инструменты будут сжать ваши изображения для уменьшения разрешения и, таким образом, улучшет производительность вашего сайта, не влияя на качество изображения. tinypng: Tinypng Img2go: Img2go.
5. Удалить фон
Давайте посмотрим на это изображение
Я хочу поставить его где-нибудь на моем сайте, где зеленый цвет приведет к плохому пользовательскому интерфейсу, удаляя зеленый фон и решив добавить свой собственный или просто поставить его без фона, будет лучшим решением, но я не знаю Photoshop — Вот где я собираюсь
Remove.bg: Remove.bg Теперь я получаю это
Надеюсь, что эти ресурсы сэкономит вам много усилий, счастливого кодирования !!
Оригинал: «https://dev.to/alex_kucher/a-few-useful-resources-that-you-may-need-when-developing-50k5»