Топ инструментов дизайнера интерфейсов в 2018 году — itstar.by






Топ инструментов дизайнера интерфейсов в 2018 году

Любой дизайнер UI и UX использует в своей работе ряд инструментов. К сожалению, идеальный сервис со всем необходимым функционалом, который бы закрыл все задачи, пока не создан. Специалисты используют многочисленные дизайн-тулс для разных задач.  В этом материале представлены самые полезные приложения и сервисы для дизайнера UI/UX в 2018 году.

Для создания прототипа

Sketch — один из самых популярных и востребованных сервисов. Это гибкий и функциональный wireframe-инструмент с понятным интерфейсом и простым функционалом. Sketch можно использовать и для прототипирования, и для создания иллюстраций и иконок.

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

Adobe XD, пришедший на смену Photoshop и Illustrator, создан специально для дизайнеров UI и UX. Сервис позволяет создавать каркасы, векторный дизайн и интерактивные прототипы.

Для создания интерактивного прототипирования

InVision любят за то, что он позволяет легко переносить файлы из Photoshop и Sketch и создавать качественный анимированный дизайн. Прототипы, созданные в InVision, выглядят, как реальные проекты, потому что страницы можно связывать между собой.

Marvel  — бесплатный инструмент, не требующий умений в написании кода. Можно сфотографировать эскиз, скачать каркасы из Photoshop и Sketch, сделать реалистичный прототип мобильного приложения в Marvel и поделиться им с пользователями.

Инструмент UXPin позволяет создавать высококачественные каркасы интерфейсов, переносить работы из Sketch или Photoshop, а также автоматически формировать спецификации для разработчиков.

Сервис Principle может работать без подключения к Интернету, а прототипы можно легко преобразовать в видео или GIF и поделиться ими.

Для цветовых палитр

Бесплатный веб-инструмент ColorHexa поможет создать эффектные цветовые палитры и покажет, как выбранные цвета будут воспринимать люди с дефицитом цветового восприятия. Еще один бесплатный сервис с простым функционалом — Paletton. Flat UI Color подойдет для любителей Flat-направления в дизайне. Color Tool — отличный сервис, ориентированный на мобильный дизайн, где цветовые схемы можно опробовать на мобильных шаблонах.

Для работы с типографикой

Более 600 семейств шрифтов содержится в Google fonts. Обширную библиотеку шрифтов и удобнейший интерфейс можно найти в Typekit. Для сравнения шрифтов подойдет Fontjoy, для сравнения и тестирования шрифтов — Typetester, для создания шрифтов на базе почерка — Calligraphr.

Для работы со знаками и иконками

Хорошие базы профессиональных иконок, разбитых на категории — Icons8 и The Noun Project. Неплохой бесплатный инструмент Free Icon Maker, позволяющий создавать элементы и редактировать их онлайн.  Впрочем, любые значки можно создать и в визуальных редакторах (Figma, Sketch, Illustrator).

Для организации рабочего процесса

Интуитивно понятные, простые и эффективные инструменты для взаимодействия членов креативной команды, разработчиков и клиентов — Trello, Zeplin, Presentator. Zeplin, к тому же, позволяет работать с элементами интерфейса, Trello имеет удобные версии для iOS и Android, а Presentator — бесплатный.


Главное, что стоит знать — сервисы лишь упрощают работу. Они «работают» тогда, когда дизайнер точно знает, что делает. Постоянно учиться, совершенствоваться и развиваться нужно обязательно. Начните свой путь в UI и UX дизайне вместе с Академией IT Star.


itstar.by