54 ИНСТРУМЕНТА ДЛЯ ДИЗАЙНА | Веб дизайн, изображения, иллюстрации, тильда, landing page, unsplash
HTML-код
- Опубликовано: 25 окт 2024
- 54 полезных инструмента для дизайнера:
umapalata.net/002 - 54 потрясающих полезных
ссылок для дизайна
С этого видео ты узнаешь инструменты для дизайна, которые облегчат тебе жизнь. Ты узнаешь где черпать музу, лучшие источники изображения, как делать прототипы сайтов, как сделать дизайн соц сетей и многое другое
_____________
Поддержать канал монетой:
(UA) secure.wayforp...
(Все страны) www.donational...
_____________
1. umapalata.net/001 Размеры изображений для соц сетей.
2. www.canva.com Онлайн конструктор картинок для соц сетей.
3. tilda.cc/ru/ Лучший конструктор сайтов. 450+ профессиональных блоков готовы для вашего сайта и интернет-магазина (Партнерская ссылка Tilda: tilda.cc/?r=13...
(01. Активируете 14 дней бесплатного пользования; 0.2 Проплачиваете пакет "Tilda Personal" минимум на 1 месяц; 0.3. Получаете 1 месяц в подарок. )
3.1 • Tilda конструктор сайт... Видео-урок как сделать сайт за 1 час на Tilda.
4. • (Уроки Photoshop) Урок... Уроки Photoshop для новичков.
5. fonts.google.com/ Где качать шрифты для web-дизайна. Так же для новичком есть помощь в поиске шрифтовых пар.
6. clck.ru/Ek4MJ Позволяет делать скриншоты произвольной области экрана, редактировать их и загружать.
7. www.fonts-onli... море бесплатных шрифтов в различных категориях.
8. clck.ru/EpnMn Посмотреть как будет выглядеть страница сайта на разных расширениях.
9. clck.ru/EpnR9 Замерять расстояние между элементами и вообще все, что вы видите в браузере.
10. clck.ru/DFVND Приложение помогающее пипеткой узнать цвет любого пикселя в браузере.
11. clck.ru/MzdYs Самый простой способ определить шрифты, которые используются на веб-странице.
12. mailchimp.com Емейл рассылка. Отправляю 12000 писем 2000 подписчикам бесплатно.
13. tinyjpg.com Сжимать вес изображения.
14. www.clck.ru/ Создает короткие ссылки.
15. www.iconfinder... - название сайта говорит само за себя. Если нужны иконки, вам сюда.
16. bittbox.com/ - сайт посвящен всем дизайнерским нуждам: узоры, текстуры, кисти.
17. www.1001freedo... - фотографии, обои, кисти, фоны и много-много еще чего.
18. officialpsds.com - куча графики отделенной от фона.
Лучшие источники изображений:
1. • ТОП-10 бесплатных фото...
2 unsplash.com
3. 500px.com
4. www.designspir...
5. www.bluevertig... - здесь собраны ссылки на, пожалуй, все крупные фото-банки интернета.
6. ru.freeimages.com
7. buamai.com
8. foodiesfeed.com целиком посвящённый фотографиям еды
9. pixabay.com/
10. www.pexels.com/
11. flickr.com/
12. www.flaticon.com/ Иконки с возможностью редактировать прямо в браузере
Качественные иллюстрации:
1. undraw.co/illu... коллекция с возможностью выбора основного цвета иллюстрации. Форматы для бесплатной загрузки: PNG, SVG.
2. lib.designspac... каталог иллюстраций с возможностью кастомизации цветов. Бесплатно можно скачать в PNG-формате.
3. opendoodles.com - одиночные и композиционные иллюстрации в виде скетчей. Также можно настроить цветовую схему. Форматы для бесплатной загрузки: PNG, SVG.
4. manypixels.co/... - галерея иллюстраций с выбором цветовой схемы. Форматы для бесплатной загрузки: PNG, SVG.
5. illlustrations.co - 100 иллюстраций со «100 days of illustration challenge». Форматы для бесплатной загрузки: PNG, SVG, AI, EPS.
Черпаем музу и идеи:
1. graphicriver.net
2. www.pinterest.com
3. www.thebestdes... Перед тем, как сесть за разработку дизайна сайта - вдохновляюсь, черпаю идеи.
Прототипирование:
1. sketch.com/ - инструмент для векторного дизайна удобный для UI и UX. Только для Mac.
2. designwithnapki... - делай простые мокапы на твоем iOS девайсе.
3. www.weld.io/ - нарисуй свой вебсайт онлайн, так, как тебе этого хочется.
4. atomic.io/ - рисуй реалистичный прототип, которым ты можешь поделиться со своей командой.
5. www.flinto.com/ - рисуй интерактивный прототип со статичными изображениями.
6. balsamiq.com/ - простой инструмент для создания каркаса сайта, который позволяет создать чистые мокапы.
Платные Видео-уроки Tilda:
umapalata.net/... ( Уровень сложности 1/10)
umapalata.net/... (Уровень сложности 4/10)
umapalata.net/... (Уровень сложности 4/10)
umapalata.net/... (Уровень сложности 10/10)
Мое портфолио:
umapalata.net/...
landing page Макс Куратов Умапалата Веб дизайн Графический дизайн figma
54 полезных инструмента для дизайнера:
umapalata.net/002
- 54 потрясающих полезных
ссылок для дизайна
С этого видео ты узнаешь инструменты для дизайна, которые облегчат тебе жизнь. Ты узнаешь где черпать музу, лучшие источники изображения, как делать прототипы сайтов, как сделать дизайн соц сетей и многое другое
1. umapalata.net/001
Размеры изображений для соц сетей.
2. www.canva.com
Онлайн конструктор картинок для соц сетей.
3. tilda.cc/ru/
Лучший конструктор сайтов. 450+ профессиональных блоков готовы для вашего сайта и интернет-магазина (Партнерская ссылка Tilda: tilda.cc/?r=1307798
(01. Активируете 14 дней бесплатного пользования; 0.2 Проплачиваете пакет "Tilda Personal" минимум на 1 месяц; 0.3. Получаете 1 месяц в подарок. )
3.1 www.youtube.com/watch?v=pYx-D... Видео-урок как сделать сайт за 1 час на Tilda.
4. www.youtube.com/watch?v=Y1Erl... Уроки Photoshop для новичков.
5. fonts.google.com/
Где качать шрифты для web-дизайна. Так же для новичком есть помощь в поиске шрифтовых пар.
6. clck.ru/Ek4MJ
Позволяет делать скриншоты произвольной области экрана, редактировать их и загружать.
7. www.fonts-online.ru/fonts/free
море бесплатных шрифтов в различных категориях.
8. clck.ru/EpnMn
Посмотреть как будет выглядеть страница сайта на разных расширениях.
9. clck.ru/EpnR9
Замерять расстояние между элементами и вообще все, что вы видите в браузере.
10. clck.ru/DFVND
Приложение помогающее пипеткой узнать цвет любого пикселя в браузере.
11. clck.ru/MzdYs
Самый простой способ определить шрифты, которые используются на веб-странице.
12. mailchimp.com
Емейл рассылка. Отправляю 12000 писем 2000 подписчикам бесплатно.
13. tinyjpg.com
Сжимать вес изображения.
14. www.clck.ru/
Создает короткие ссылки.
15. www.iconfinder.com
- название сайта говорит само за себя. Если нужны иконки, вам сюда.
16. bittbox.com/
- сайт посвящен всем дизайнерским нуждам: узоры, текстуры, кисти.
17. www.1001freedownloads.com/
- фотографии, обои, кисти, фоны и много-много еще чего.
18. officialpsds.com
- куча графики отделенной от фона.
Лучшие источники изображений:
1. www.youtube.com/watch?v=-R0hQ...
2 unsplash.com
3. 500px.com
4. www.designspiration.net
5. www.bluevertigo.com.ar
- здесь собраны ссылки на, пожалуй, все крупные фото-банки интернета.
6. ru.freeimages.com
7. buamai.com
8. foodiesfeed.com
целиком посвящённый фотографиям еды
9. pixabay.com/
10. www.pexels.com/
11. flickr.com/
12. www.flaticon.com/
Иконки с возможностью редактировать прямо в браузере
Качественные иллюстрации:
1. undraw.co/illustrations
коллекция с возможностью выбора основного цвета иллюстрации. Форматы для бесплатной загрузки: PNG, SVG.
2. lib.designspace.io/illustrati...
каталог иллюстраций с возможностью кастомизации цветов. Бесплатно можно скачать в PNG-формате.
3. opendoodles.com
- одиночные и композиционные иллюстрации в виде скетчей. Также можно настроить цветовую схему. Форматы для бесплатной загрузки: PNG, SVG.
4. manypixels.co/gallery
- галерея иллюстраций с выбором цветовой схемы. Форматы для бесплатной загрузки: PNG, SVG.
5. illlustrations.co
- 100 иллюстраций со «100 days of illustration challenge». Форматы для бесплатной загрузки: PNG, SVG, AI, EPS.
Черпаем музу и идеи:
1. graphicriver.net
2. www.pinterest.com
3. www.thebestdesigns.com
Перед тем, как сесть за разработку дизайна сайта - вдохновляюсь, черпаю идеи.
4. www.behance.net
5. dribbble.com
6. www.pinterest.com
7. www.vandelaydesign.com
8. www.awwwards.com
9. abduzeedo.com
Прототипирование:
1. sketch.com/
- инструмент для векторного дизайна удобный для UI и UX. Только для Mac.
2. designwithnapkin.com/
- делай простые мокапы на твоем iOS девайсе.
3. www.weld.io/
- нарисуй свой вебсайт онлайн, так, как тебе этого хочется.
4. atomic.io/
- рисуй реалистичный прототип, которым ты можешь поделиться со своей командой.
5. www.flinto.com/
- рисуй интерактивный прототип со статичными изображениями.
6. balsamiq.com/
- простой инструмент для создания каркаса сайта, который позволяет создать чистые мокапы.
7. html5up.net/
- создавай классный, настраиваемый и отзывчивый HTML5 шаблон
8. proto.io/
- создай ультра реалистичный прототип приложения.
9. www.appcooker.com/
- создавай своими руками мокапы и прототипы на своем iPad
10. www.axure.com/
- быстро создавай прототипы со своего компьютера и поделись ими.
Какой умный парень! Разобрался во всем и поделился ос всеми нами! Без коммента никак!
Не написать комментарий это просто преступление. Огромная благодарность за твой труд. Огромное количество инструментов. Я даже на платном курсе по созданию сайтов на Тильде было меньше инструментов. Еще раз большая благодарность за это чудо))) Буду рекомендовать тебя знакомым дизайнерам)))))
Доброго времени тебе! Огромная Благодарность тебе за труд и подачу информации! Появилась энергия к освоению веб дизайна
Макс, огромная благодарность за такое количество плюшек!!!! Это настолько упрощает работу, особенно расирения, что невозможно представить себе!))) Я только начинаю путь в вебе и для меня важно учиться у профессионала! Я очень рада, что подписана на твой канал! Огромная тебе благодарность!!!!
БлагоДарю за щедрые дары
Класс!!! СПАСИБИЩЕ ОГРОМНОЕ!!! Вы СУПЕР!...
Макс!Спасибо тебе громадное что поделился инструментами-прям как клад нашла,я только начала в этой профессии-прямо облегчил!Спасибо за щедрость, ты сам вдохновляешь!
Просто супер информати🎉вно
От всей души спасибо))))) Очень крутая подборка, о таком можно было только мечтать! круто!👍
Супер! Спасибо! Просто разбегаются глаза и прилив творчества!
*Уже второе огромное спасибо за день :D*
Супер,я в восторге,я начинающий дизайнер,если получится конечно 😊, надеюсь все пригодится... спасибо большое за огромную информацию.
Невероятная подборка😍😍😍
Макс, спасибо, что делишься!
Благодарю щедрая душа! Великолепная подборка и то, что делишься опытом, я восхищен. 👍👍👍
Боже спасибо !!!!!!!!!!!!!!😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍
Благодарю, очень крутая подборка!!!👍
Ребят, ну круто! Макс, респект! Спасибо
Пересмотрел все твои видео,супер материал👍👍👍Макс спасибо
Спасибо, Макс! Только начинаю дизанить
Всё, что у тебя посмотрел - всё по кайфу!
Продолжай в том же духе🤘👍
Очень полезно👍🏻👍🏻Сними еще видео про тильду как настроить «личный кабинет»😉
Пока в Тильде очень убогий ЛК, очень было бы круто, если бы они его расшарили до сегодняшних требований обычных онлайн курсов
Макс, спасибо, дружище👍
Очень полезное видео 👍 Спасибо
Огромное спасибо!!
Макс! я уже Ваш фанат!! так четко и круто, уже не первое видео я в восторге!
Вы крутой!!! Спасибо огромное за очень нужный материал и шикарную подачу.
Спасибо ❗️
Спасибо Макс 👍
Спасибо огромное за такое количество полезных ссылок!:) Жалко только они не открываются автоматом отдельной ссылкой, но для этого есть Ctrl:) И в Черпаем музу и идеи: 2 раза указан Pinterest, видимо уж оооочень он вас вдохновляет;)
Еще раз огромное спасибо!:) Юный веб-дизайнер падаван учится по вашим видео:)
Огромное спасибо!!💗💗💗💗💗💗💗 (только музыку бы убрать)))
Вы прямо клад, клад, клад😃 спасиииибо 😎🤩
Полезно! Спасибо!
огромное спасибо
я как фулСтек дев тоже нашел пару классный ссылок. Спасибо за список!
Спасибочки!!
Просто супер
Спасибо! Лайк✨✨✨✨👍
Спасибо 👍
Как бы так же научиться!
Like from Batch N13 of DM course
Макс,спасибо Вам огромное за такую бесценную информацию! Ссылка на адаптивность сайта к разным устройствам не работает!(( Можете скинуть еще раз ссылку на это приложение?
спасибо за инфу . я только начинающий
HELP!!!)))Что за музыка на фоне играет?? Дайте , пожалуйста,кто нибудь ссылку что за она))
красавчик
3:25 у вас не responsive web design tester а Window resizer. Пришлось вас слушать с 2х замедленной скоростью))
точно, спасибо) Но увы уже видео не переписать)
ох, к сожаленью ничего из сайта "clck.ru" не открываеться, может это только у меня (
И у меня
Привет. Как сделать бесконечную бегущую строку? (В моем случае упаковки молочных продуктов)
ustoc привет. Не понял вопрос
@@MaksKyratov вот vk.com/wall-194398638_1
анимация степ бай степ в зеро блоке.
@@MaksKyratov спасибо
Как относитесь к Фигме?
Максимально положительно, но больше привык к фотошопу
@@MaksKyratov Ширко с фотошопа уже на Фигму перешёл, ваша очередь )
@@АнтонМухачёв-е3п фигма это не улучшенная версия фотошопа, а кардинально разные инструменты. То, что можно сделать в ФШ - нельзя сделать в F, ну и с точностью наоборот. Я работаю в Фигме, реализовываю в ней то, что в ФШ нельзя
музыка громче чем голос оратора
есть такое
Музыка мешает
+++