9 бесплатных инструментов для дизайна интерфейсов

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

Давайте рассмотрим некоторые из этих инструментов и ресурсов с юмористической точки зрения.

Начнем с Pixate. Это как швейцарский нож для дизайнера — многофункциональный, удобный, но если не знаешь, как им пользоваться, можно и себе больно наточить. Создаешь прототип, добавляешь анимации, переходы, доволен своей работой. Но вот на следующий день начинается испытание — что это за кнопка, которая просто отвалилась?

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

Marvel — как магия в мире дизайна. Создал дизайн в Photoshop или Sketch, экспортировал в Marvel, сделал прототип, поделился совершенством с коллегами.

Но что делать, когда вдруг босс говорит: «Мне не нравится этот цвет кнопки, давай сделаем ее ярко-розовой»? И вот тут начинается настоящая магия — ай-яй-яй, а вы только представьте, как изменение одного элемента ведет к цепной реакции изменений по всему макету, и уже нельзя вернуться назад, как во времена Ctrl+Z.

А вот iPhone Mockup — это как рисунок пальцем на паре «что было раньше: яйцо или курица?» Создал макет за считанные минуты, перекинул элементы интерфейса, показал друзьям. Но вот только на следующий день понял, что описание функционала Айфончика перепутал с анекдотом про программистов, и теперь пользователи вместо кнопки «Выход» видят надпись «Попробуй еще раз».

Pencil Project — как детский конструктор.

Бесплатный, с открытым исходным кодом, можно создать макет веб-страницы или мобильного приложения, позалипать блок-схемы, формы, кнопки. Но вот сама программа задумана как лабиринт для изучения, и если ты еще не пробовал ее, то встрянешь с раскладкой шрифтов, а потом зависнешь с сарказмом «Я просто хотел создать кнопку…»

Form — вот это уже круто!

Создал прототип, показываешь на iPhone или iPad через Wi-Fi или USB, все работает как по маслу. Но вот презентация заказчику началась с «Стоп, а у меня всегда был Android, у меня не грузится ваш прототип!». И тут начинается беготня с переустановками, настройками, и ты понимаешь, что лучше было бы распечатать макет на бумаге.

Use Your Iinterface — как интернет-магазин джунглей. Вдохновился, нашел отличные решения для интерфейсов, экранов, анимаций, применил в своем проекте.

И вот на следующей неделе начинается «Почему у нас все экраны похожи на копию TikTok?». Плавно переходим от джунглей к оцепенению.

UX Myths — тут уже говорить серьезно. Заблуждения в проектировании интерфейсов, исследования, ссылки, полезные материалы. Но вот пытаться опровергнуть миф о том, что «Пользователи любят, когда кнопка переехала на другую панель» — это как убеждать кота не спать в коробке.

Mobile Patterns — по-настоящему полезный ресурс.

Как туристический гид по городу дизайнов. Но вот только начнешь искать, как реализовать свою идею, проведешь виртуальный тур по категориям «Настройки», «Календари», «Карты» — и вдруг понимаешь, что тебе срочно нужна карта для всех этих категорий одновременно.

Good UI — 75 идей по дизайну веб-страниц.

Проверенные тестированием, на английском языке. На первый взгляд — настоящий кладезь знаний. Но когда начинаешь переводить идеи на практике, оказывается, что тебе просто везет, что Google Translate не всегда понимает иронии английского языка.

Таким образом, даже в серьезной области дизайна и разработки пользовательских интерфейсов есть место для юмора и неожиданностей.

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