Дабы начать публиковать посты с обучалками в photoshop CS6 и Illustrator,хотелось бы уточнить что я их не выдумываю сам,да я ворую выискиваю с разных ресурсов.Я также как и вы пытаюсь немного научиться дизайну,так что я попросту не могу сам выдумывать уроки,по этому я их заимствую.
Ну что ж начнем.
Многие захотят добавить что то свое в свои роботы,так что что-бы не рыскать в гугле в поисках нужных шрифтов,палитр и т.д.Так что представляю вашему вниманию подборку полезных сервисов и библиотек, которые сэкономят время дизайнерам и веб-разработчикам.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200323416725888.png)
Игра, которая учит кернить — если вы в нее поиграете, вам станет физически больно, когда вы увидите неправильный кернинг.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200327714985191.png)
Игра, которая приучает чувствовать цвет. В ней 6 уровней, каждый сложнее другого.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003326156596162.png)
Отечественный сервис Webfont.ru — каталог бесплатных шрифтов для использования в вебе. Можно подключать шрифт напрямую с сайта, можно через плагин для редактора (Sublime Text 2, PHP Storm, NotePad++), можно просто скачать в нескольких форматах. С его помощью можно подгрузить на сайт нестандартные шрифты. Всего около 450 шрифтов, из них около 300 поддерживают кириллицу.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003363149924678.png)
Библиотека качественных бесшовных паттернов.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003418198053368.png)
Своеобразный справочник самых ходовых символов — показан вместе с HTML-кодом, кодом в hex и описанием каждого символа.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003461154414036.png)
Можно проверить, как изображение на сайте будет выглядеть на десятках разных устройств, от самого маленького телефончика до Retina-экрана. Причем загружать можно не по одной картинке, а сразу целой папкой.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003503123364089.png)
Open-source фреймворк для разработки дизайна и интерфейса бизнес-приложений. Представляет собой набор CSS, javascript-библиотек и других полезностей.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200357216324634.png)
Набор иконок в формате SVG от российских разработчиков. Поддерживает Rails, Sprockets, Node.js, Gulp, Grunt и CDN.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003613113466740.png)
Для тех, кому горит — Skeleton в 400 строк кода, простой адаптивный шаблон. Можно сразу приступать к разработке.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200364819437725.png)
Генератор палитр для тех, кому полюбился Material Design. Выбираете два цвета и получаете полную палитру, которую можно скачать.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003696112310987.png)
Chrome может все, даже проверить сайт на наличие проблем с юзабилити. UX Check — это расширение для браузера, которое ищет и выделяет проблемы в этой области. Отметки затем можно экспортировать.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200373716160124.png)
Набор CSS-инструментов для разработки продвинутых веб-интерфейсов. Упрощает работу с кодом и его организацию благодаря семантическому подходу к CSS.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200379811450144.png)
Онлайн-создание макапов — загружаете, подравниваете изображения, и все готово. Полезно, если нужно быстро показать верстку сайта.
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/145200385211869473.png)
Анализирует JS-скрипт, загруженный вами, и превращает его в человеческий вид, переименовывая переменные и параметры (сервис использует данные, основанные на сотнях open source проектов).
![15 полезных сервисов для дизайнеров и веб-разработчиков полезные сайты, дизайн, список, сайт, длиннопост](http://cs4.pikabu.ru/post_img/2016/01/05/9/1452003894170484116.png)
Если клиенты вас достали и вы просто хотите побыть немного ленивым хипстером — генератор хипстерских логотипов для вас. Не забудьте добавить немного свэга.Посмотрите какая красота сверху получилась.
Ждите новых постов.С вами ваш PiRaT15
Ссылка на источник