Инструменты для разработки постоянно совершенствуются как с точки зрения удобства использования, так и с точки зрения пользовательского опыта. Это очень удобно и для дизайнеров, и для пользователей. Не удивительно, что опытные веб-дизайнеры стараются идти в ногу со временем и изучают новые инструменты. Авторы сотен блогов и сайтов, посвященных дизайну, регулярно публикуют новые статьи, делятся своими знаниями и дают свои рекомендации по использованию новых инструментов. Для дизайнера все это является очень полезным источником информации. Мы тоже подобрали самые последние инструменты и веб-сайты для дизайнеров.
![image](https://habrastorage.org/r/w780q1/getpro/habr/post_images/330/fae/9b4/330fae9b43f584856df6a5e10acaa2fe.jpg)
1. UX checklist
Вы точно уладили все проблемы и готовы передать проект клиентам?
UX Checklist – это профессиональная проверка всех аспектов пользовательского опыта. Вы можете запустить проверку на любой стадии проекта, закончен он или нет.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/112/a08/f8f/112a08f8f3c6178043cc7ff41ad7a222.png)
2. Font Awesome
Font Awesome предлагает масштабируемые векторные иконки, которые вы сразу же сможете персонализировать, а именно, изменить размер, цвет, тень и все, на что еще способна CSS.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/db9/74e/789/db974e789477a72743a8a8e2384ad54e.png)
3. Perfect Icons
Perfect Icons – это простой инструмент для создания иконок социальных сетей независимо от разрешения экрана.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/a70/b8c/9ca/a70b8c9caae09023ffa18e70fe96f485.png)
4. Freebiesbug
На Freebiesbug собрано огромное количество полезных ресурсов по веб-дизайну, в том числе и различные ресурсы, посвященные шаблонам, UI и подключаемым модулям.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/07c/715/15c/07c71515c0bff41b1cef78941374be1e.png)
5. Pttrns
На сайте Pttrns дизайнеры найдут шаблоны сайтов для мобильных устройств, ресурсы по UIKit и UI элементам.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/fe1/579/b11/fe1579b11f2d5ff1c455520f88c14742.png)
6. Flat UI Color Picker
Flat UI Color Picker – это отличный выбор, если вам нужна цветовая схема и вы хотите создать совершенно уникальный плоский дизайн интерфейса.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/fd9/133/1bf/fd91331bf4635b357e869d1992c918cb.png)
7. Tech&All
Tech&All собрал все, что нужно знать о веб-дизайне, коде, шаблонах, визуальном дизайне, UIKits, UI элементах и разработке хорошей навигации по сайту.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/d68/a19/a64/d68a19a64a0535db3d9c0e21a628de86.png)
8. Site Inspire
Ищите вдохновение? Не знаете, как использовать сайты? Site Inspire станет вашим помощником в решении этих проблем. Материал на сайте можно фильтровать по категориям, платформам и стилям.
9. GoodUI
Какой UI дизайн вы бы назвали хорошим? На сайте GoodUI вы найдете массу полезной информации и советы.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/a63/a96/63c/a63a9663cbf17f5fb06a0e89bf944991.png)
10. Trianglify
Trianglify генерирует красивый фон в стиле полигон и позволяет сохранять его в формате SVG и CSS.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/030/284/3fc/0302843fc6b5aed5e47b00c14fe35b7e.png)
11. UI faces
UI faces – это сайт, на котором можно найти простые аватарки для UI мокапов. Отличный вариант для визуального дизайна.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/819/0f3/0e4/8190f30e48278ecf8aae0e6e19d5e258.png)
12. PrimeLiber
PrimeLiber — бесплатный блог для русскоговорящих пользователей, в котором можно найти информацию по стартапам, UI/UX-дизайну, гроусхакам, СЕО и программированию. Очень неплохой ресурс для русскоговорящих подписчиков.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/5c1/866/63d/5c186663dec9ed1a9ff5e299b2bd1dbe.png)
![image](https://habrastorage.org/getpro/habr/post_images/330/fae/9b4/330fae9b43f584856df6a5e10acaa2fe.jpg)
1. UX checklist
Вы точно уладили все проблемы и готовы передать проект клиентам?
UX Checklist – это профессиональная проверка всех аспектов пользовательского опыта. Вы можете запустить проверку на любой стадии проекта, закончен он или нет.
![image](https://habrastorage.org/getpro/habr/post_images/112/a08/f8f/112a08f8f3c6178043cc7ff41ad7a222.png)
2. Font Awesome
Font Awesome предлагает масштабируемые векторные иконки, которые вы сразу же сможете персонализировать, а именно, изменить размер, цвет, тень и все, на что еще способна CSS.
![image](https://habrastorage.org/getpro/habr/post_images/db9/74e/789/db974e789477a72743a8a8e2384ad54e.png)
3. Perfect Icons
Perfect Icons – это простой инструмент для создания иконок социальных сетей независимо от разрешения экрана.
![image](https://habrastorage.org/getpro/habr/post_images/a70/b8c/9ca/a70b8c9caae09023ffa18e70fe96f485.png)
4. Freebiesbug
На Freebiesbug собрано огромное количество полезных ресурсов по веб-дизайну, в том числе и различные ресурсы, посвященные шаблонам, UI и подключаемым модулям.
![image](https://habrastorage.org/getpro/habr/post_images/07c/715/15c/07c71515c0bff41b1cef78941374be1e.png)
5. Pttrns
На сайте Pttrns дизайнеры найдут шаблоны сайтов для мобильных устройств, ресурсы по UIKit и UI элементам.
![image](https://habrastorage.org/getpro/habr/post_images/fe1/579/b11/fe1579b11f2d5ff1c455520f88c14742.png)
6. Flat UI Color Picker
Flat UI Color Picker – это отличный выбор, если вам нужна цветовая схема и вы хотите создать совершенно уникальный плоский дизайн интерфейса.
![image](https://habrastorage.org/getpro/habr/post_images/fd9/133/1bf/fd91331bf4635b357e869d1992c918cb.png)
7. Tech&All
Tech&All собрал все, что нужно знать о веб-дизайне, коде, шаблонах, визуальном дизайне, UIKits, UI элементах и разработке хорошей навигации по сайту.
![image](https://habrastorage.org/getpro/habr/post_images/d68/a19/a64/d68a19a64a0535db3d9c0e21a628de86.png)
8. Site Inspire
Ищите вдохновение? Не знаете, как использовать сайты? Site Inspire станет вашим помощником в решении этих проблем. Материал на сайте можно фильтровать по категориям, платформам и стилям.
9. GoodUI
Какой UI дизайн вы бы назвали хорошим? На сайте GoodUI вы найдете массу полезной информации и советы.
![image](https://habrastorage.org/getpro/habr/post_images/a63/a96/63c/a63a9663cbf17f5fb06a0e89bf944991.png)
10. Trianglify
Trianglify генерирует красивый фон в стиле полигон и позволяет сохранять его в формате SVG и CSS.
![image](https://habrastorage.org/getpro/habr/post_images/030/284/3fc/0302843fc6b5aed5e47b00c14fe35b7e.png)
11. UI faces
UI faces – это сайт, на котором можно найти простые аватарки для UI мокапов. Отличный вариант для визуального дизайна.
![image](https://habrastorage.org/getpro/habr/post_images/819/0f3/0e4/8190f30e48278ecf8aae0e6e19d5e258.png)
12. PrimeLiber
PrimeLiber — бесплатный блог для русскоговорящих пользователей, в котором можно найти информацию по стартапам, UI/UX-дизайну, гроусхакам, СЕО и программированию. Очень неплохой ресурс для русскоговорящих подписчиков.
![image](https://habrastorage.org/getpro/habr/post_images/5c1/866/63d/5c186663dec9ed1a9ff5e299b2bd1dbe.png)