Хочешь уверенно проходить IT-интервью?
![Готовься к IT-собеседованиям уверенно с AI-тренажёром T1!](https://media.proglib.io/banner/2025/01/28/t1.jpg)
Мы понимаем, как сложно подготовиться: стресс, алгоритмы, вопросы, от которых голова идёт кругом. Но с AI тренажёром всё гораздо проще.
💡 Почему Т1 тренажёр — это мастхэв?
- Получишь настоящую обратную связь: где затык, что подтянуть и как стать лучше
- Научишься не только решать задачи, но и объяснять своё решение так, чтобы интервьюер сказал: "Вау!".
- Освоишь все этапы собеседования, от вопросов по алгоритмам до диалога о твоих целях.
Зачем листать миллион туториалов? Просто зайди в Т1 тренажёр, потренируйся и уверенно удиви интервьюеров. Мы не обещаем лёгкой прогулки, но обещаем, что будешь готов!
Реклама. ООО «Смарт Гико», ИНН 7743264341. Erid 2VtzqwP8vqy
Рано или поздно инди-команды и соло-разработчики завершают проекты и наступает этап, когда нужно создать для продукта красивую упаковку. Предлагаем вашему вниманию большую подборку веб-сайтов и мобильных приложений, с помощью которых можно без специальных знаний и за короткий срок создать дизайн сайта, плакат, обложку и тому подобные вещи.
1. Стоковые изображения
1.1. Pexels
Фотографы и видеографы выкладывают в Pexels свои работы для бесплатного скачивания. Ссылка на источник фото не нужна. Указывать автора снимка необязательно. Редактировать фото и видео разрешено.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/5434f3b43f010b02e7f7c9399ea751cb.png)
1.2. StockSnap
Изображения на платформе StockSnap распространяются под лицензией Creative Commons CC0, то есть разрешается делать следующее:
- скачивать файлы;
- публиковать, копировать, изменять и делиться изображениями;
- использовать изображения в личных и коммерческих целях.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/c0c014dcbc7fbb548857d48d4e6a244c.png)
1.3. Landing Stock
landingstock.com | бесплатно
Landing Stock предоставляет бесплатные высококачественные лендинг-изображения для личного и коммерческого использования.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/ace609920faa7a42f296574b85169702.png)
1.4. icons8
icons8.com/creator | платная и бесплатная лицензии
Photo Creator позволяет комбинировать разные стоковые картинки для создания собственного уникального изображения. При бесплатном использовании изображение скачивается в низком разрешении и обязательна ссылка на источник.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/f6fdafb43e68f95e4370e4ae445829e9.png)
1.5. ShotStash
Бесплатные фотографии распространяются на ресурсе ShotStash под лицензией CC0 license, вы можете использовать их в личных и коммерческих проектах.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/829f5e56bc83984c5996a1d08766eb4e.png)
1.6. Unsplash
В Unsplash фотографии выкладываются для свободного использования.
Разрешено:
- бесплатно скачивать;
- бесплатно использовать в личных и коммерческих целях.
Запрещено:
- продавать фотографии без внесения существенных изменений;
- копировать фотографии для размещения на аналогичных стоковых ресурсах.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/5059d1afda94f970d2259f654179dd73.png)
1.7. Brust
Brust – бесплатная фотоплатформа с тысячами снимков в высоком разрешении. Фотографии может без атрибуции использовать кто угодно: блогеры, дизайнеры, разработчики, предприниматели.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/471784f9700b252998af2924f3010f11.png)
2. Иллюстрации
2.1 DrawKit
DrawKit – коллекция бесплатных SVG-иллюстраций для коммерческого и личного использования в печатной и цифровой продукции. Ссылка на DrawKit необязательна. Запрещено перепродавать оригинальные иллюстрации.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/aa6c3d0f3456fadd2813a9c8bbb0fd5b.png)
2.2. Humaaans
Пабло Стэнли выложил в открытый доступ набор иллюстраций, изображающих людей. Можно настроить их положение, одежду, цвета и прическу.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/6be695fa4311cfad77491828453914ef.png)
2.3. unDraw
unDraw – бесплатные SVG-иллюстрации Катерины Лимпицуни для любых целей. Атрибуция не требуется.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/cf92d181b02cb37ec957b4361b0f033b.png)
2.4. freepik
На freepik вы можете бесплатно использовать изображения для личных и коммерческих целей со ссылкой на источник, но есть ограничение на скачивание – 100 файлов в день. В премиум-версии доступно больше иллюстраций без необходимости атрибуции.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/824b889610a90d756095253702e9a993.png)
2.5. IRA Design
IRA Design позволяет прямо на сайте создавать иллюстрации с использованием готовых компонентов. Каждый из них имеет пять различных стилей градиента. Иллюстрации можно скачать в формате SVG, AI или PNG, распространяются они под лицензией MIT, то есть для бесплатного использования в личных и коммерческих целях.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/1950a7cb762f5c2e60045a21afb7f1e3.png)
2.6. Manypixels
manypixels.co/gallery | бесплатно
Все изображения, опубликованные на ManyPixels предоставляются для бесплатного использования в некоммерческих и коммерческих целях. Делать ссылку на автора или на сайт ManyPixels не нужно.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/d8f83ec3a0d920f3dde82d7fcd4d802d.png)
2.7. Freebie Supply
freebiesupply.com | лицензия в зависимости от ресурса
Freebie Supply – агрегатор бесплатных мокапов (от англ. mock-up – макет), UI, иконок, дизайнов мобильных приложений для Photoshop и Sketch, а также шаблоны для WordPress, Figma, PowerPoint и Google Slides.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/e83616476f119f6ea40a2a511513aca8.png)
2.8. OUCH
icons8.com/illustrations | платная и бесплатная лицензии
На OUCH доступны бесплатные PNG- и SVG-иллюстрации от лучших художников с платформы Dribbble. При бесплатном скачивании нужно указывать автора и давать ссылку на сайт. Тематика иллюстраций широкая: от животных, еды, объектов до транспорта, веб-элементов (ошибка 404 и так далее) и людей.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/18587591fdb6eced270a0ddecd89a41c.png)
2.9. Vecteezy
vecteezy.com | бесплатные и платные планы
Миллионы бесплатных векторных изображения размещены на Vecteezy. Еще больше изображений доступны за $9 в месяц.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/46594b59b60a81c48df185a566b4307f.png)
3. Иконки
3.1. Vivid.js
webkul.github.io/vivid | лицензия MIT
Vivid.js – это библиотека настраиваемых SVG-иконок, которая даст новую жизнь дизайну вашего сайта. В общей сложности есть более 90 иконок на выбор.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/9c4578130ccf57a58af14f576bf6a36d.png)
3.2. UI Store Design
uistore.design | бесплатно
557 бесплатных интерфейсов, иконок, лендингов для Sketch, Adobe XD, Figma, Photoshop, Illustrator, InVision и Webflow.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/4e90ce9eba8bcfa9adb71389355f973b.png)
4. Пиксельная графика
4.1. Pixelart
pixilart.com | Google Play | App Store | бесплатно
Pixelart – редактор пиксельной графики и анимированных спрайтов.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/0e39aabbfb3942890c82eb6262d76e97.png)
4.2. Piskel
piskelapp.com | бесплатно
Piskel – бесплатный онлайн-редактор анимированных спрайтов и пиксельного графики.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/69f5b79af8498b07b3b5bb879dfbea73.png)
5. Генераторы цветовых схем
5.1. Coolors
coolors.co | бесплатно
Coolors – генератор цветовых схем и градиентов с возможность сохранения удачных выриантов.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/e757ce3899599194b675c62bff3ac0c1.png)
5.2. Colourco
colourco.de | бесплатно
Colourco позволяет генерировать монохромные, триадные и четырехцветные цветовые схемы.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/1dfe31324ba9f3904ca5d53fca623133.png)
6. Онлайн-редакторы изображений
6.1. Photopea
photopea.com | бесплатно с рекламой
Photopea – бесплатный онлайн редактор изображений, поддерживающий форматы PSD, XCF, Photoshop, Gimp, Sketch, JPG, GIF, SVG, PNG, PDF.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/3f2e0f200cc43aed84c2b320862c9a5c.png)
6.2. Pixlr
pixlr.com | Google Play | App Store | бесплатно или 4.9/14.99$ в месяц
В Pixlr можно удалить фон, наложить стикеры и иконки, добавить декоративный текст. Есть приложения для Windows и MacOS, Android и iPhone.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/056fd95bf67a635ba95993b04fb33dad.png)
6.3. fotor
fotor.com | бесплатно с ограничениями
Функции fotor – редактирование изображений (можно обрезать, поворачивать, изменять размер и добавлять эффекты) и создание коллажей.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/69381188465f83f0ee6555f6ec7f5d1f.png)
7. Создание макетов
7.3. Paletton
paletton.com | бесплатно
Paletton – инструмент для создания цветовых палитр. Также есть готовые пресеты для комплиментарных сочетаний, триад, аналогичных сочетаний и тетрад.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/56386ca3e0ad8edd9acb008882c320fd.png)
7.4. Shotsnapp
app.shotsnapp.com | бесплатно с ограничениями или $36 за PRO-пакет на год
Создавайте макеты устройств за считанные секунды с помощью бесплатного инструмента Shotsnapp. Выберите устройство, добавьте изображение своего дизайна или скриншот, сделайте нужную настройку, а затем скачайте макет в JPG или PNG.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/a03b1b3c14cd49154050a3e9c17b148c.png)
7.5. Screely
screely.com | бесплатно
Screely позволяет мгновенно превратить скриншот в макет без необходимости использования шаблонов Sketch или Photoshop. Просто загрузите изображение, и приложение сделает все остальное.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/f7b4cf37f5ae753f413510d2e53aff2a.png)
7.6. Screenpeek
screenpeek.io | бесплатно с ограничениями или $12 за пожизненную лицензию
Вставьте URL в Screenpeek, и он сгенерирует макет всего за 10 секунд. Макеты оптимизированы под устройства Apple.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/db88b570996ae0185f799d98d9e193c8.png)
7.7. SmartMockups
smartmockups.com | пробный период 7 дней
С помощью SmartMockups можно создать мокапы устройств, социальных сетей, полиграфии, упаковки, одежды и декора. На выбор есть 1400 вариантов макетов.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/ac7d5b73592cf998a5be56bf5fdd7920.png)
7.8. MockupWorld
mockupworld.co | бесплатно
На MockupWorld размещены более 2500 бесплатных макетов: Apple Watch, iPad, iPhone, iMac, MacBook и так далее.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/7c241ce82e608b0969537ef83cda599d.png)
8. Бесплатные шрифты
8.1. Google Fonts
fonts.google.com – много кириллических и латинских шрифтов с открытыми лицензиями.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/c7ac19e0d7c2106d179c06b61335c8a8.png)
8.2. awwwards
awwwards.com – более 200 бесплатных шрифтов.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/d0bb3f98fa500548fc95a4bd9e493726.png)
8.3. fonts-online
fonts-online.ru – комические, компьютерные и рукописные шрифты, а также шрифты LCD. Всего около 5500 штук.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/678efec0e2d158f70bf5019b71b8d0e7.png)
9. Приложения для создания дизайна
9.1. Canva
canva.com | Google Play | App Store | бесплатно либо 899 руб/мес.
В бесплатной версии доступно более 250 тыс. шаблонов, 100 типов дизайна, сотни тысяч бесплатных фотографий и графики. Для пользователя выделяется 5 ГБ в облачном хранилище.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/8491b374169fe25d949979508a4264a1.png)
9.2. Crello
crello.com | Google Play | App Store | бесплатно либо $7.99/мес.
Ограниченный план дает доступ к 30 тыс. шаблонов, 650 тыс. изображений, 32 тыс. клипов в формате FullHD, а также возможность 5 раз в месяц скачивать дизайн.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/44b81045344547450e871e34f57b5219.png)
9.3. Supa
supa.ru | бесплатно с ограничениями
С помощью видеоконстркутора Supa пользователи создают короткие видео для социальных сетей, анимированные тексты, инфографику, слайд-шоу. В бесплатной версии количество роликов не ограничено, но на изображении будет присутствовать водяной знак «Supa», а лимит по продолжительности ролика равен 40 секундам.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/aa8c9317cfacda3b6cbf906566083c8f.png)
9.4. pixteller
pixteller.com | бесплатно с ограничениями
Функциональность pixteller: создание изображений для социальных сетей (YouTube-баннеры, рекламные картинки, обложки для Facebook), логотипов, постеров, флаеров, коллажей, мокапов, видеороликов и анимации.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/6eb3ff06eede5d6099c688f9085941de.png)
9.5. easily
easil.com | бесплатно с ограничениями
На easily в основном делают постеры. Бесплатный план предлагает: 2500 шаблонов, 1 млн. стоковых изображений, текстовые эффекты, а также загрузку собственных картинок.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/60567ba31667c674330e5c553724e68e.png)
9.6. BeFunky
befunky.com | Google Play | App Store | бесплатно с ограничениями
BeFunky – онлайн-платформа «все-в-одном» подходит для редактирования фотографий, создания графических дизайнов и фото-коллажей.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/9c54377c968d84a05d86d6d8aeff133d.png)
10. Генераторы кода HTML
10.1. webcode
webcode.tools – генратор HTML5 (поля ввода, аудио, видео, изображения, текст и так далее) и CSS-кода.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/86240944209a6a38e7c0559acb82030d.png)
10.2. csstemplater
csstemplater.com – генаратор шаблонов HTML+CSS с одним или двумя сайдбарами, регулировкой ширины макета, высоты шапки и подвала.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/6ad5104459e6cb677855623186e40a1d.png)
11. Конструкторы сайтов
11.1. Tilda
tilda.cc | бесплатно с ограничениями
Ограничения бесплатного тарифа: 50 МБ, 50 страниц, один сайт и домен второго уровня domain.tilda.cc.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/f92d77916f817f8dc763fc3ec3d85572.png)
11.2. Wix
ru.wix.com | бесплатно с ограничениями
В бесплатной версии доступны стандартные шаблоны страниц «О нас», «Новости», «Контакты», «Пресс-кит», «События» и «Вопросы-ответы».
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/e9edddd843aebe5d34663a4ceec93e78.png)
11.3. Nethouse
nethouse.ru | бесплатно с ограничениями
На бесплатном тарифе Nethouse предоставляется неограниченный трафик, SSL-сертификат, 10 товаров и 20 фотографий.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/fa9dc3d17e34e0af68b303417b474728.png)
11.4. Ucoz
ucoz.ru | бесплатно с ограничениями
Возможности платформы Ucoz: 400 МБ под файлы, доступ по FTP и автопостинг в соцсети.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/c8c6ac2d0775bbd6a1fe32c99bbde85a.png)
11.5. Ucraft
ucraft.ru | бесплатно с ограниченными возможностями
Ucraft позволяет безвозмездно подключить свой домен, создать 15 страниц и защитить их паролем.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/e4c6779422788b801968751d9bf82700.png)
11.6. Site123
ru.site123.com | бесплатно с ограничениями
На ограниченном тарифе выделяется 250 МБ под файлы и всего 250 МБ трафика.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/bbad449e63efa38325d2baeb18c9883b.png)
12. Идеи и вдохновение
Можно воспользоваться методом «кради как художник»: вдохновляемся работой профессиональных дизайнеров, помещаем найденное на артборд (это такая папка, в которую складируется удачные макеты, иконки, изображения, тексты, видео), а потом из всего этого собираем собственный дизайн.
Где черпать вдохновение:
12.1. Pinterest
На Pinterest есть миллионы первоклассных дизайнов сайтов, векторная графика, плакаты, постеры и так далее.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/4902c97dc8aa983537d1bec50f0e6556.png)
12.2. Dribble
Dribbble – это платформа, на которой размешают портфолио профессиональные дизайнеры.
![🎨 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения](https://media.proglib.io/posts/2021/03/02/18f732ec68a12ccae7d11405dafad239.png)
Часто случается, что действительно стоящие проекты остаются незамеченными из-за недружелюбного интерфейса, скучного дизайна или неэффективного маркетинга. Надеемся, наша подборка из 50 ресурсов поможет создать привлекательный ресурс и привлечь пользователей. Удачи!
Какие ресурсы для создания дизайна используете вы? Делитесь ссылками в комментариях.