50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

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

1. Стоковые изображения

1.1. Pexels

Фотографы и видеографы выкладывают в Pexels свои работы для бесплатного скачивания. Ссылка на источник фото не нужна. Указывать автора снимка необязательно. Редактировать фото и видео разрешено.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

1.2. StockSnap

Изображения на платформе StockSnap распространяются под лицензией Creative Commons CC0 , то есть разрешается делать следующее:

  • скачивать файлы;
  • публиковать, копировать, изменять и делиться изображениями;
  • использовать изображения в личных и коммерческих целях.

1.3. Landing Stock

Landing Stock предоставляет бесплатные высококачественные лендинг-изображения для личного и коммерческого использования.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

1.4. icons8

Photo Creator позволяет комбинировать разные стоковые картинки для создания собственного уникального изображения. При бесплатном использовании изображение скачивается в низком разрешении и обязательна ссылка на источник.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

1.5. ShotStash

Бесплатные фотографии распространяются на ресурсе ShotStash под лицензией CC0 license , вы можете использовать их в личных и коммерческих проектах.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

1.6. Unsplash

В Unsplash фотографии выкладываются для свободного использования.

  • бесплатно скачивать;
  • бесплатно использовать в личных и коммерческих целях.
  • продавать фотографии без внесения существенных изменений;
  • копировать фотографии для размещения на аналогичных стоковых ресурсах.

1.7. Brust

Brust – бесплатная фотоплатформа с тысячами снимков в высоком разрешении. Фотографии может без атрибуции использовать кто угодно: блогеры, дизайнеры, разработчики, предприниматели.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2. Иллюстрации

2.1 DrawKit

DrawKit – коллекция бесплатных SVG-иллюстраций для коммерческого и личного использования в печатной и цифровой продукции. Ссылка на DrawKit необязательна. Запрещено перепродавать оригинальные иллюстрации.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.2. Humaaans

Пабло Стэнли выложил в открытый доступ набор иллюстраций, изображающих людей. Можно настроить их положение, одежду, цвета и прическу.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.3. unDraw

unDraw – бесплатные SVG-иллюстрации Катерины Лимпицуни для любых целей. Атрибуция не требуется.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.4. freepik

На freepik вы можете бесплатно использовать изображения для личных и коммерческих целей со ссылкой на источник, но есть ограничение на скачивание – 100 файлов в день. В премиум-версии доступно больше иллюстраций без необходимости атрибуции.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.5. IRA Design

IRA Design позволяет прямо на сайте создавать иллюстрации с использованием готовых компонентов. Каждый из них имеет пять различных стилей градиента. Иллюстрации можно скачать в формате SVG, AI или PNG, распространяются они под лицензией MIT, то есть для бесплатного использования в личных и коммерческих целях.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.6. Manypixels

Все изображения, опубликованные на ManyPixels предоставляются для бесплатного использования в некоммерческих и коммерческих целях. Делать ссылку на автора или на сайт ManyPixels не нужно.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.7. Freebie Supply

freebiesupply.com | лицензия в зависимости от ресурса

Freebie Supply – агрегатор бесплатных мокапов (от англ. mock-up – макет), UI, иконок, дизайнов мобильных приложений для Photoshop и Sketch, а также шаблоны для WordPress, Figma, PowerPoint и Google Slides.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.8. OUCH

На OUCH доступны бесплатные PNG- и SVG-иллюстрации от лучших художников с платформы Dribbble. При бесплатном скачивании нужно указывать автора и давать ссылку на сайт. Тематика иллюстраций широкая: от животных, еды, объектов до транспорта, веб-элементов (ошибка 404 и так далее) и людей.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

2.9. Vecteezy

Миллионы бесплатных векторных изображения размещены на Vecteezy. Еще больше изображений доступны за $9 в месяц.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

3. Иконки

3.1. Vivid.js

Vivid.js – это библиотека настраиваемых SVG-иконок, которая даст новую жизнь дизайну вашего сайта. В общей сложности есть более 90 иконок на выбор.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

3.2. UI Store Design

557 бесплатных интерфейсов, иконок, лендингов для Sketch, Adobe XD, Figma, Photoshop, Illustrator, InVision и Webflow.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

4. Пиксельная графика

4.1. Pixelart

Pixelart – редактор пиксельной графики и анимированных спрайтов.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

4.2. Piskel

Piskel – бесплатный онлайн-редактор анимированных спрайтов и пиксельного графики.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

5. Генераторы цветовых схем

5.1. Coolors

Coolors – генератор цветовых схем и градиентов с возможность сохранения удачных выриантов.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

5.2. Colourco

Colourco позволяет генерировать монохромные, триадные и четырехцветные цветовые схемы.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

6. Онлайн-редакторы изображений

6.1. Photopea

photopea.com | бесплатно с рекламой

Photopea – бесплатный онлайн редактор изображений, поддерживающий форматы PSD, XCF, Photoshop, Gimp, Sketch, JPG, GIF, SVG, PNG, PDF.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

6.2. Pixlr

В Pixlr можно удалить фон, наложить стикеры и иконки, добавить декоративный текст. Есть приложения для Windows и MacOS, Android и iPhone.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

6.3. fotor

fotor.com | бесплатно с ограничениями

Функции fotor – редактирование изображений (можно обрезать, поворачивать, изменять размер и добавлять эффекты) и создание коллажей.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7. Создание макетов

7.3. Paletton

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

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7.4. Shotsnapp

app.shotsnapp.com | бесплатно с ограничениями или $36 за PRO-пакет на год

Создавайте макеты устройств за считанные секунды с помощью бесплатного инструмента Shotsnapp. Выберите устройство, добавьте изображение своего дизайна или скриншот, сделайте нужную настройку, а затем скачайте макет в JPG или PNG.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7.5. Screely

Screely позволяет мгновенно превратить скриншот в макет без необходимости использования шаблонов Sketch или Photoshop. Просто загрузите изображение, и приложение сделает все остальное.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7.6. Screenpeek

screenpeek.io | бесплатно с ограничениями или $12 за пожизненную лицензию

Вставьте URL в Screenpeek, и он сгенерирует макет всего за 10 секунд. Макеты оптимизированы под устройства Apple.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7.7. SmartMockups

smartmockups.com | пробный период 7 дней

С помощью SmartMockups можно создать мокапы устройств, социальных сетей, полиграфии, упаковки, одежды и декора. На выбор есть 1400 вариантов макетов.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

7.8. MockupWorld

На MockupWorld размещены более 2500 бесплатных макетов: Apple Watch, iPad, iPhone, iMac, MacBook и так далее.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

8. Бесплатные шрифты

8.1. Google Fonts

fonts.google.com – много кириллических и латинских шрифтов с открытыми лицензиями.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

8.2. awwwards

awwwards.com – более 200 бесплатных шрифтов.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

8.3. fonts-online

fonts-online.ru – комические, компьютерные и рукописные шрифты, а также шрифты LCD. Всего около 5500 штук.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9. Приложения для создания дизайна

9.1. Canva

В бесплатной версии доступно более 250 тыс. шаблонов, 100 типов дизайна, сотни тысяч бесплатных фотографий и графики. Для пользователя выделяется 5 ГБ в облачном хранилище.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9.2. Crello

Ограниченный план дает доступ к 30 тыс. шаблонов, 650 тыс. изображений, 32 тыс. клипов в формате FullHD, а также возможность 5 раз в месяц скачивать дизайн.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9.3. Supa

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

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9.4. pixteller

Функциональность pixteller: создание изображений для социальных сетей (YouTube-баннеры, рекламные картинки, обложки для Facebook), логотипов, постеров, флаеров, коллажей, мокапов, видеороликов и анимации.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9.5. easily

На easily в основном делают постеры. Бесплатный план предлагает: 2500 шаблонов, 1 млн. стоковых изображений, текстовые эффекты, а также загрузку собственных картинок.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

9.6. BeFunky

BeFunky – онлайн-платформа «все-в-одном» подходит для редактирования фотографий, создания графических дизайнов и фото-коллажей.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

10. Генераторы кода HTML

10.1. webcode

webcode.tools – генратор HTML5 (поля ввода, аудио, видео, изображения, текст и так далее) и CSS-кода.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

10.2. csstemplater

csstemplater.com – генаратор шаблонов HTML+CSS с одним или двумя сайдбарами, регулировкой ширины макета, высоты шапки и подвала.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11. Конструкторы сайтов

11.1. Tilda

Ограничения бесплатного тарифа: 50 МБ, 50 страниц, один сайт и домен второго уровня domain.tilda.cc.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11.2. Wix

В бесплатной версии доступны стандартные шаблоны страниц «О нас», «Новости», «Контакты», «Пресс-кит», «События» и «Вопросы-ответы».

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11.3. Nethouse

На бесплатном тарифе Nethouse предоставляется неограниченный трафик, SSL-сертификат, 10 товаров и 20 фотографий.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11.4. Ucoz

Возможности платформы Ucoz: 400 МБ под файлы, доступ по FTP и автопостинг в соцсети.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11.5. Ucraft

ucraft.ru | бесплатно с ограниченными возможностями

Ucraft позволяет безвозмездно подключить свой домен, создать 15 страниц и защитить их паролем.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

11.6. Site123

На ограниченном тарифе выделяется 250 МБ под файлы и всего 250 МБ трафика.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

12. Идеи и вдохновение

Можно воспользоваться методом «кради как художник»: вдохновляемся работой профессиональных дизайнеров, помещаем найденное на артборд (это такая папка, в которую складируется удачные макеты, иконки, изображения, тексты, видео), а потом из всего этого собираем собственный дизайн.

Где черпать вдохновение:

12.1. Pinterest

На Pinterest есть миллионы первоклассных дизайнов сайтов, векторная графика, плакаты, постеры и так далее.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

12.2. Dribble

Dribbble – это платформа, на которой размешают портфолио профессиональные дизайнеры.

50 онлайн-инструментов для дизайна веб-сайты и мобильные приложения

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

Вы пропустили

AEGIS Algorithms Android Angular Apache Airflow Apache Druid Apache Flink Apache Spark API API Canvas AppSec Architecture Artificial Intelligence Astro Authentication Authorization AutoGPT AWS AWS Aurora AWS Boto3 AWS EC2 AWS Lambda Azure Babylon.js Backend bash Beautiful Soup Bento UI Big Data Binary Tree Browser API Bun Career Cassandra Charts ChatGPT Chrome Extension Clean Code CLI ClickHouse Coding Codux Combine Compose Computer Context Fusion Copilot Cosmo Route CProgramming cron Cryptography CSS CTF Cypress DALL-E Data Analysis Data science Database dbt dbt Cloud deno Design Design Patterns Detekt Development Distributed Systems Django Docker Docker Hub Drizzle DRY DuckDB Express FastAPI Flask Flutter For Beginners Front End Development Game Development GCN GCP Geospatial Git GitHub Actions GitHub Pages Gitlab GMS GoFr Golang Google Google Sheets Google Wire GPT-3 GPT3 Gradio Gradle Grafana Graphic Design GraphQL gRPC Guidance HMS Hotwire HTML Huawei HuggingFace IndexedDB InfoSec Interview iOS Jackknife Java JavaScript Jetpack Compose JSON Kafka Kotlin Kubernetes LangChain Laravel Linux LlaMA LLM localStorage Logging Machine Learning Magento Math Mermaid Micro Frontends Mobile Mobile App Development mondayDB MongoDB Mongoose MySQL Naming NestJS NET NetMock Networks NextJS NLP Node.js Nodejs NoSQL NPM OOP OpenAI OTP Pandas PDF PHP Playwright Plotly Polars PostgreSQL Prefect Productivity Programming Prometheus Puppeteer Pushover Python Pytorch Quarkus Rabbitmq RAG Ramda Raspberry Pi React React Native Reactor Redis REST API Revolut Riverpod RProgramming Ruby Ruby on Rails Rust Scalene SCDB ScyllaDB Selenium Servers Sklearn SLO SnowFlake Snowkase Software Architecture Software Development Solara Solid Spring Boot SQL SQLite Streamlit SudoLang Supabase Swift SwiftUI Tailwind CSS Taipy Terraform Testing Transformers TURN TypeScript Ubuntu UI Design Unix UX UX Design Vim Vite VSCode Vue Web Architecture Web Components Web Development Web Frameworks Web Scraping Web-разработка Webassembly Websocket Whisper Widgets WordPress YAML YouTube Zed Наука о данных Разное Тренды

Как исследовать и визуализировать данные МО для обнаружения объектов на изображениях