Блог дизайн-студии wave

Лучшие ресурсы и инструменты для работы с изображениями и цветами

Полезные ресурсы для работы с изображениями и цветом в дизайне

У Тильды в блоках с изображениями уже подключены Unsplash, Google Image, Linea.io, Tilda Icons, но для большинства проектов этого недостаточно. Поэтому я собрала список проверенных инструментов, которыми регулярно пользуюсь и рекомендую.

Палитры и генераторы цвета

  • Color Palettes — готовые палитры с примерами сочетаний цветов. Обычно корректирую палитру, убирая лишнее, чтобы сочетания были более чистыми и контрастными.
  • Coolors — удобный генератор цветовых схем с возможностью настройки.
  • Khroma — генератор цветовых сочетаний на основе 50 выбранных вами любимых оттенков. Рекомендуется использовать с осторожностью.
  • Color Leap — цвета разных исторических эпох.

Бесплатные изображения

  • Icons8 — иконки, иллюстрации, фотографии и музыка.
  • Freepik — крупнейший источник бесплатной векторной графики и растра.

Растровые изображения

  • Unsplash — большая библиотека атмосферных фотографий высокого качества.
  • Pixabay — бесплатные изображения, векторы и видео на любой вкус.
  • Photos Free Stock Moose — фотографии на белом фоне с хорошей цветокоррекцией.
  • PxHere — архив высококачественных фотографий без лицензии.
  • Stock Up — агрегатор бесплатных фотостоков.
  • Pexels — разнообразные изображения с хорошей эстетикой.
  • FireStock — библиотека авторских фото от русскоязычного сервиса.

Векторные изображения

  • OUCH! — иллюстрации от Icons8 и конструктор коллажей (бесплатно в PNG).
  • Open Peeps — конструктор рисованных персонажей (SVG, PNG).
  • Control — набор иллюстраций в двух стилях (бесплатно в PNG).
  • unDraw — набор однотипных иллюстраций с возможностью выбора основного цвета (бесплатно в SVG).

Бесплатные иконки

  • Flaticon — огромный выбор и удобный поиск иконок по стилям.
  • Tilda Icons — фирменные сеты иконок от Tilda Publishing.
  • Material Design — иконки в едином стиле от Google.
  • Noun Project — большое разнообразие иконок от дизайнеров со всего мира.

Основные инструменты для обработки изображений

  • Adobe Photoshop — основной инструмент для кадрирования и цветокоррекции.
  • Adobe Illustrator — для работы с большими векторными изображениями.
  • Figma — бесплатный инструмент, идеально подходит для проектирования многостраничных сайтов, удобен для быстрой обработки растровых изображений.

Дополнительные инструменты

  • TinyPNG — помогает дизайнеру сжимать изображения для быстрой загрузки сайта.
  • iLoveIMG — позволяет эффективно уменьшать размер изображений большого формата, ускоряя работу сайта.
  • Remove Background — быстро удаляет фон с изображений, упрощая подготовку контента для сайта.
  • Convertio — удобно использовать для быстрой конвертации файлов различных форматов, особенно полезно для фавиконов и шрифтов.
  • The Person Does Not Exist — генерирует реалистичные портреты, идеально подходящие для временных аватарок.
  • UI Faces — помогает быстро подобрать качественные аватарки для интерфейсов и прототипов.
  • Let's Enhance — улучшает качество изображений, позволяя использовать фотографии низкого разрешения в проектах.

Полезные расширения для Google Chrome

  • ColorZilla — позволяет быстро определить цвет любого элемента на странице.
  • Dimensions — помогает измерить расстояния и размеры объектов на сайте.
  • Image Downloader — скачивает все изображения со страницы, облегчая сбор визуального контента.

Подписывайтесь на наш канал в Телеграме.
Статьи