1.
balsamiq.com — программа для быстрого создания вайрфреймов и статических прототипов, ознакомиться с демо-версией можно
здесь.
2.
Вебвизор — один из инструментов сервиса Яндекс.Метрика, выдает информацию о поведении посетителя сайта в виде видео-записи.
3.
Feng-GUI — платный сервис, позволяет сымитировать взгляд пользователя сайта в течение первых 5 секунд знакомства с ней. Сервис создает так называемую карту движения глаз по странице, позволяет в реальном времени увидеть области повышенного внимания и оценить, правильно ли вы угадали месторасположение важнейших кнопок форм и других элементов сайта.
4.
Crazyegg.com — сервис для отслеживания карты путей пользователей на сайте, карты кликов (тепловые) и ссылок, а также с помощью данного сервиса возможно отслеживать активность отдельных сегментов пользователей и выводить эти данные с помощью инфракрасных, тепловых и облачных форм.
5.
Invision — сервис для составления технического задания и динамических прототипов из дизайн-макетов.
6.
Zeplin — очень удобный и популярный сервис для передачи макетов от дизайнера к frontend-программисту, на данный момент работает с программой Sketch. Пока работает только на Mac OS, в ближайшее время разработчики обещают интеграцию с Photoshop, а также версию для Windows.
7.
Dribbble — всем известный сервис для хранения портфолио.
8.
Behance — популярный сервис для хранения портфолио.
9.
Ui8 — маркетплейс для дизайнеров и проектировщиков, большой выбор качественных материалов (ui-киты, icon-паки, шаблоны презентаций и многое другое).
10.
Themeforest — знаменитый маркетплейс с шаблонами сайтов на все случаи жизни.
11.
Macaw Scarlet — продвинутый WISIWYG-конструктор сайтов позволяющий дизайнеру обойтись без помощи верстальщика.
12.
Pixate — программа для создания динамических прототипов из дизайн-макетов.
13.
Atomic — сводный брат Pixate.
14.
ASKusers — сервис тестирования и повышения эффективности сайтов с помощью асессоров или реальных пользователей.
15.
JotForm — конструктор интерактивных форм для сайта.
16.
Subtlepatterns — фоны для прототипов.
17.
Blog Axure — блог разработчиков Axure, наиболее продвинутой программы для создания динамических прототипов.
18.
Logaster — платный сервис быстрого создания логотипов.
19.
Favicon — создание и редактирование favicon для сайтов.
20.
Color Scheme — удобный онлайн сервис для подбора цветов и генерации цветовых схем.
21.
Adobe Color — подбор цветовой гаммы от Adobe.
22.
Палитра web-цветов — таблица безопасных цветов интернета, которые рекомендуют для экранного дизайна.
23.
Pixlr Editor — всегда под рукой должен быть онлайн редактор изображений, лайтовый фотошоп.
24.
Platforma — большой комплект шаблонов для прототипирования промо-сайтов и корпоративных сайтов. Шаблоны для Sketch, Photoshop и Illustrator, адаптированные для Bootstrap.
25.
Sympli — инструмент для передачи дизайна от дизайнеров разработчикам, вышел из беты. Основное его отличие от аналогов в поддержке Photoshop и Sketch, а также расширениях для IDE (Android Studio и XCode), помимо работы с вебом.
26.
MediaLABamsterdam — онлайн-справочник методов совместных исследований и прототипирования.
27.
Principle — создание динамических прототипов, импорт макетов из Sketch.
28.
Pixelkit — сервис для системного обсуждения дизайн-макетов внутри команд. Собирает комментарии из разных источников (почта, мессенджеры), поддерживает версионность макетов, синхронизируется с облачными хранилищами.
29.
Webflow — наглядный генератор сеток на основе Flexbox. Есть много готовых примеров, которые можно брать за основу.
30.
Motif — генератор картинок-заглушек для использования в OpenGraph — в соц.сетях будут подтягиваться правильные превью.
31.
Pattern Tap — паттерны для проектировщиков интерфейсов.
32.
Gif Gun — инструмент для экспорта анимации в GIF.
33.
Quill — инструмент для совместной работы над Wireframes, имеет интеграции с другими сервисами, версионность.
34.
ProtoSketch — приложение для проектирования и дизайна на iPad.
35.
RoundPic — инструмент для создания сглаженных закругленных углов для аватаров и изображений.
36.
Скруглитель — простой скруглитель для аватарок и оформления блога.
37.
Protein — синхронизирует работу компонентов интерфейса независимо от их представления и исполнения, будь то графический редактор вроде Sketch или Adobe Illustrator или код на любом фреймворке или платформе.