X

25 секретов продвижения сайтов от экспертов бизнеса

Подпишитесь и получайте 2 раза в месяц кейсы по увеличению количества клиентов и полезные советы по продвижению сайта.

Уже через минуту вам придет презентация о том, как рассчитать вывод вашего сайта в ТОП-3 поисковых систем.

Заказать звонок

X

  • +7 (499) 350-34-86

    Мы Вам перезвоним

    40+ полезных сервисов для проектировщиков и дизайнеров

    40+ полезных сервисов для проектировщиков и дизайнеров

    Время чтения: 5 минут

    Некогда читать

    1. balsamiq.com — программа для быстрого создания вайрфреймов и статических прототипов, ознакомиться с демо-версией можно здесь.

    1

    2. Вебвизор — один из инструментов сервиса Яндекс.Метрика, выдает информацию о поведении посетителя сайта в виде видео-записи.

    2

    3. Feng-GUI — платный сервис, позволяет сымитировать взгляд пользователя сайта в течение первых 5 секунд знакомства с ней. Сервис создает так называемую карту движения глаз по странице, позволяет в реальном времени увидеть области повышенного внимания и оценить, правильно ли вы угадали месторасположение важнейших кнопок форм и других элементов сайта.

    10

    4. Crazyegg.com — сервис для отслеживания карты путей пользователей на сайте, карты кликов (тепловые) и ссылок, а также с помощью данного сервиса возможно отслеживать активность отдельных сегментов пользователей и выводить эти данные с помощью инфракрасных, тепловых и облачных форм.

    3

    5. Invision — сервис для составления технического задания и динамических прототипов из дизайн-макетов.

    4

    6. Zeplin — очень удобный и популярный сервис для передачи макетов от дизайнера к frontend-программисту, на данный момент работает с программой sketch. Пока работает только на Mac OS, в ближайшее время разработчики обещают интеграцию с Photoshop, а также версию для Windows.

    5

    7. Dribbble — всем известный сервис для хранения портфолио.

    6

    8. Behance — популярный сервис для хранения портфолио.

    7

    9. Ui8 — маркетплейс для дизайнеров и проектировщиков, большой выбор качественных материалов (ui-киты, icon-паки, шаблоны презентаций и многое другое).

    47

    10. Themeforest — знаменитый маркетплейс с шаблонами сайтов на все случаи жизни.

    9

    11. Macaw Scarlet — продвинутый WISIWYG-конструктор сайтов позволяющий дизайнеру обойтись без помощи верстальщика.

    8

    12. Pixate — программа для создания динамических прототипов из дизайн-макетов.

    12

    13. Atomic — сводный брат Pixate.

    13

    14. ASKusers — сервис тестирования и повышения эффективности сайтов с помощью асессоров или реальных пользователей.

    15

    15. JotForm — конструктор интерактивных форм для сайта.

    16

    16. Subtlepatterns — фоны для прототипов.

    44

    17. Blog Axure — блог разработчиков axure, наиболее продвинутой программы для создания динамических прототипов.

    18

    18. Logaster — платный сервис быстрого создания логотипов.

    17

    19. Favicon — создание и редактирование favicon для сайтов.

    20

     

    20. Color Scheme — удобный онлайн сервис для подбора цветов и генерации цветовых схем.

    22

    21. Adobe Color — подбор цветовой гаммы от Adobe.

    35

    22. Палитра web-цветов — таблица безопасных цветов интернета, которые рекомендуют для экранного дизайна.

    36

    23. Pixlr Editor — всегда под рукой должен быть онлайн редактор изображений, лайтовый фотошоп.

    37

     

     

    24. Platforma — большой комплект шаблонов для прототипирования промо-сайтов и корпоративных сайтов. Шаблоны для Sketch, Photoshop и Illustrator, адаптированные для Bootstrap.

    26

    25. Sympli — инструмент для передачи дизайна от дизайнеров разработчикам, вышел из беты. Основное его отличие от аналогов в поддержке Photoshop и Sketch, а также расширениях для IDE (Android Studio и XCode), помимо работы с вебом.

    25

    26. MediaLABamsterdam — онлайн-справочник методов совместных исследований и прототипирования.

    46

    27. Principle — создание динамических прототипов, импорт макетов из Sketch.

    50

    28. Pixelkit — сервис для системного обсуждения дизайн-макетов внутри команд. Собирает комментарии из разных источников (почта, мессенджеры), поддерживает версионность макетов, синхронизируется с облачными хранилищами.

    24

    29. Webflow — наглядный генератор сеток на основе flexbox. Есть много готовых примеров, которые можно брать за основу.

    23

    30. Motif — генератор картинок-заглушек для использования в OpenGraph — в соц.сетях будут подтягиваться правильные превью.

    27

    31. Pattern Tap — паттерны для проектировщиков интерфейсов.

    45

    32. Gif Gun — инструмент для экспорта анимации в GIF.

    28

    33. Quill — инструмент для совместной работы над wireframes, имеет интеграции с другими сервисами, версионность.

    29

    34. ProtoSketch — приложение для проектирования и дизайна на iPad.

    30

    35. RoundPic — инструмент для создания сглаженных закругленных углов для аватаров и изображений.

    32

    36. Скруглитель — простой скруглитель для аватарок и оформления блога.

    33

    37. Protein — синхронизирует работу компонентов интерфейса независимо от их представления и исполнения, будь то графический редактор вроде Sketch или Adobe Illustrator или код на любом фреймворке или платформе.

    34

     

    Проверка адаптивности

    38. Responsivepx

    21

    39. Проверка адаптивности от seowind

    48

    40. Адаптиватор

    49

     

    Архивы иконок

    41. Free icons (бесплатный)

    38

    42. Iconfinder (платный)

    39

    43. Free Icons Web (бесплатный)

    40

     

    44. Iconstick (бесплатный)

    41

    45. 365 icon

    42

    46. Dry icons

    43

     

    40 сервисов для анализа конкурентов