Считаю, что
для интерфейсов нет ничего лучше Adobe Fireworks на Винде (на Маке есть Sketch).
Очень жаль, что Adobe забросила этот продукт и не предложила ничего взамен. Файерворксу не хватает пары инструментов/возможностей Фотошопа, а Фотошопу не хватает половины возможностей Файерворкса. По сравнению с Иллюстратором Файерворкс попроще и подружелюбнее будет, хотя я мало работал с Иллюстратором, могу и ошибаться.
Доводы ЗА Fireworks:
- Fireworks — это полностью векторный редактор, заточенный под растровый вывод. В нём удобные инструменты работы с кривыми (path), выравнивание точек по пиксельной сетке. Рисовать резкие пиксельные иконки очень легко. Быстро и легко можно скруглять и распрямлять углы у прямоугольников, все вместе и по одному, ресайзить прямоугольники (даже растровые) без превращения круглых углов в овальные. Всё это вызывает боль в Фотошопе.
- Отличная интеграция с Adobe Illustrator. Можно copy/paste туда обратно с возможностью редактирования. При помощи стороннего бесплатного плагина можно импортировать и экспортировать SVG.
- В Fireworks есть стили для текста и векторных объектов, которые работают как CSS. Можно задать стили основному тексту, заголовкам, кнопкам, полям форм, а потом поменять данный стиль и распространить изменения на все страницы и состояния проекта.
- В Fireworks все страницы (экраны) хранятся в одном документе. Разные страницы могут иметь разный размер, цвет фона, свои гайды. Каждая страница может иметь несколько состояний. Слои можно делать общими для нескольких страниц и/или состояний: например шапку и футер можно расшарить на все страницы, а можно сделать «символом» — элементом библиотеки наподобие смартобъекта в Фотошопе. В состояниях удобно хранить варианты одной и той же страницы, контент табов, каруселей, всплывающие подсказки, ошибки валидации форм и т.д.
- В Fireworks есть библиотека символов. Туда удобно складывать всякие ресурсы, клипарты, картинки высокого разрешения, чтобы это не валялось в невидимых слоях. Но можно линковать и внешние файлы. На этапе проектирования, когда создаются wireframes, удобно для каждой иконки создать в библиотеке символ с плейсхолдером, потом собрать все эти символы на отдельной странице и отрисовывать по одной — иконки появляются на всех страницах, а вайрфреймы плавно превращаются в дизайн.
- Fireworks умеет экспортировать стили в CSS (как CSS Hat), умеет генерировать CSS-спрайты. Правда из-за того, что Adobe положила хер на Fireworks, в CSS много уже не нужных префиксов и устаревший синтаксис градиентов.
- Слайсы в Файерворксе могут пересекаться
- Есть еще менее значимые фишки, но мне надоело писать
Доводы ПРОТИВ Fireworks:
- Корявое сглаживание шрифтов (некоторые шрифты сильно отличаются от того, что потом увидишь в браузере), не хватает некоторых эффектов текста: надстрочные, подстрочные, все заглавные, зачеркнутый текст.
- Примитивные инструменты рисования и ретуширования (баннеры и коллажи я рисую в Фотошопе и импортирую в Fireworks)
- Нельзя просто так взять и перетащить слой с прозрачностью из Фотошопа в Fireworks — прозрачность заливается белым (надо экспортировать в png файл и импортировать из него — вот это реально бесит!)
- Нельзя задавать размер страницы больше, чем 6000×6000px (иногда высоты не хватает)
- Фотошоп пошустрее будет, Файерворкс притормаживает
P.S. «Всяк кулик своё болото хвалит». Дизайнеру-dribbble'ру Fireworks не понравится, а вот для проектировщика интерфейсов это чуть ли не идеальный инструмент.
