Новейшие ресурсы и инструменты для веб-дизайнеров

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

Воспользовавшись одним или несколькими ресурсами из списка ниже, вы сможете:

• усовершенствовать свои навыки
• сэкономить время, автоматизировав выполнение некоторых задач
• повысить свою продуктивность
• повысить качество и стоимость своей работы

Довольно неплохой список преимуществ, не так ли? Все эти инструменты стоят недорого или доступны бесплатно, некоторые из них специализированные, некоторые подходят для решения широкого круга задач. Самое главное, перечисленные в статье инструменты – только лучшие в своем классе, поэтому вам не придется тратить свое время на поиски. Итак, приступим.

Бесплатные коллекции

1. Freebies от Visual Hierarchy

Коллекция из более чем 200 бесплатных шаблонов макетов, набросков, шрифтов и иконок для UI дизайна. При этом все элементы только высочайшего качества.

2. Line Icons

Коллекция из 40 линейных иконок на черном фоне. Они будут прекрасно смотреться на ecommerce сайтах и в мобильных приложениях. Файлы доступны в формате PSD.

Инструменты для создания прототипов

3. Proto.io

Proto.io – инструмент «все в одном», который позволит легко и быстро создавать прототипы без кодирования и управлять проектами. Доступна возможность загрузки собственных элементов, а также предустановленные элементы для iOS, Android и Windows. Бесплатная пробная версия предоставляется на 30 дней. Сервис поддерживает кириллицу.

4. PowerMockup

PowerMockup – приложение, которое интегрирует библиотеку из 800 макетов, форм и UI элементов в PowerPoint. При помощи этого инструмента вы сможете без труда создать прототипы для различных экранов в PowerPoint, а также легко ими поделиться. Доступна бесплатная пробная версия.

Кодирование

5. PSDgator

PSDgator позволяет конвертировать файлы Photoshop, Sketch или Illustrator в HTML5/CSS3, PSD в WordPress и даже существующий статичный сайт в WordPress.

6. PSD2HTML

PSD2HTML – лучший партнер для дизайнерских и маркетинговых агентств, он работает с JS, HTML/CSS макетами и предлагает готовые решения для CMS и ecommerce платформ.

7. TheSiteSlinger

Эксперты TheSiteSlinger превратят ваш потрясающий дизайн в самый качественный код.

Общие темы для WordPress

8. Be Theme

Be Theme предлагает море возможностей для настройки: вы можете выбрать из 210 предустановленных сайтов, выполненных по всем правилам современного дизайна.

9. X Theme

Начните с идеи, добавьте Cornerstone –инновационный инструмент для построения страниц, затем Stacks – потрясающий набор дизайнов, установите 20 плагинов одним пакетом, и ваша уникальная тема готова.

Темы WordPress для интернет-магазинов

10. Merchandiser

Простая, быстрая и надежная тема, выполненная в стиле минимализма. Она очень быстрая и гибкая, ее легко настроить под свои нужды. Для создания страниц используется популярный Visual Composer, с которым приятно работать.

11. XStore

Еще одна ecommerce тема в стиле минимализма. Ее отличительная особенность – специальные эффекты, которые так любят пользователи.

Создание сайтов

12. Webydo

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

13. XPRS

XPRS – основной продукт IM Creator, который пользуется огромной популярностью. В нем впервые инструмент drag and drop был заменен на блоки Polydoms. Попробовать можно бесплатно (если вы студент, артист или представитель некоммерческой организации), либо выписать лицензию за 350 долларов в год.

Плагины для WordPress

14. wpDataTables

У вас накопилось огромное количество информации для анализа, а скоро срок сдачи проекта и результаты нужно представить в форме графика или таблицы? Вам поможет плагин wpDataTables. Более 7000 компаний экономят время и деньги, управляя при помощи него большим объемом финансовой, статистической и коммерческой информации.

15. Jetpack

Jetpack – бесплатный многофункциональный плагин для управления сайтом на WordPress. Он собирает статистику, защищает ваш сайт, оптимизирует время загрузки и выполняет множество других полезных функций.

Стоковые фото

16. PhotoSpin

Отличный ресурс качественных royalty-free изображений. Стоимость фото высокого разрешения зависит от его размера. Также доступно множество векторных файлов.

17. Stockfresh

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

Управление задачами и взаимодействие

18. InVision

InVision – потрясающий инструмент, который используют самые успешные компании (IBM, Apple, Walmart). Он позволяет создавать прототипы, улучшать, обновлять и тестировать их на компьютерах и мобильных устройствах. Без кодирования. Доступна бесплатная пробная версия для организаций.

19. Azendoo

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

Инструменты для UX

20. Loop11

Как UX профессионал, вы понимаете всю важность тестирования продукта предполагаемыми пользователями. Loop11 значительно упростит эту задачу.

21. Google Analytics Experiments

Google Analytics Experiments – бесплатный аналитический инструмент, который позволяет протестировать прототип или законченный продукт. Он предлагает несколько типов тестов, функцию настройки и отчета.

Другие инструменты

22. Fontea

Fontea – плагин для Photoshop, который предлагает 700 шрифтов от Google. Просто выберите понравившийся вам и скачайте его, нажав всего одну кнопку.

23. Sketch Runner

Инструмент для пользователей Sketch для повышения продуктивности. У него множество функций, которые делают работу с приложением еще проще.