Как дизайнеры, использующие Illustrator для создания веб-интерфейсов и приложений, организуют свою работу?

Question

[monochromer]

Всем привет!

Интересует, кто какие методологии использует - именование и расположение слоев монтажных областей, файловая структура, создание и поддержка ui-kit'ов и styleguide'ов, как взаимодействуете с верстальщиками и front-end-разработчиками?
В общем, поделитесь своим workflow.

Спасибо!

Answer 1

[Дмитрий]

Не совсем по теме вопроса, но не поделиться мнением не могу.

Считаю, что дизайнеры, использующие Illustrator для создания веб-интерфейсов и приложений, организуют свою работу с особым цинизмом и в дальнейшем совсем не взаимодействуют с верстальщиками и front-end-разработчиками.

Ну серьезно. Зачем использовать Illustrator? Рисовать интерфейсы там может и удобно. Но позже верстать с ai файла сложнее и дольше.
Особенно, если использовать всякие штуки вроде Extract с Adobe Cloud: ну не понимает оно ai файлы, умеет только с psd работать.

Comments

[Faber Estello]

за .ai будущее и верстальщикам придется подстраиваться. Увы!

[Дмитрий]

Sen Selesss: спорное утверждение.
Мне вот больше Sketch нравится в работе. Может дизайнерам стоит на него перейти?
Тот же Adobe вон, выпустили Experience Design, которое почти полностью повторяет Sketch.

Из моего опыта, макет нарисованный в Illustrator у меня выходит сверстать в среднем раза в 2-2.5 дольше, чем тоже самое, но с psd/sketch.

[williamstark]

Sen Selesss: За Sketch будущее, хотя я использую Photoshop. :)

[Faber Estello]

dimasmagadan: не буду спорить, если подскажете, в Sketch есть возможность реализации svg?

[Дмитрий]

Sen Selesss: что вам мешает реализовывать svg в illustrator и вставлять их в Sketch?

[monochromer]

dimasmagadan: а какие именно причины для вас влияют на скорость верстки из AI?

[Дмитрий]

monochromer: основная - невозможность пропустить ai файл через Extract от адоба.

Из досадных мелочей - необходимость покупать лицензию еще и на illustrator под такие разовые заказы. Мелочь, но жаба душит.

[Faber Estello]

dimasmagadan: хах! Если дизайнеры обнаглели и не хотят выполнять свою прямую обязанность - делать дизайн и для мобильной версии, а вы говорить, сделать в иллюстраторе что-то, а потом еще вставить куда-то. Если все сразу можно сделать в иллюстраторе.

[monochromer]

Когда я пришел работать в большую IT-компанию, где имеется целый дизайн-отдел из 20 человек и все используют Illustrator, я был немного удивлен - вроде все используют Photoshop, что с ним не так. Сначала было непривычно, но со временем я понял, что Illustrator больше соответствует современным тенденциям веба.

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

Illustrator производительнее. Почти все элементы сайтов и веб-приложений можно реализовать в векторной графике. В итоге сам файл весит меньше, чем аналог для PS, AI обрабатывает его быстрее. При этом в одном файле с помощью артбордов очень удобно размещены все страницы и состояния.

В AI гораздо проще редактировать элементы, проще их искать.

Скоро для Windows выйдет Adobe XD (для Mac уже есть), тут авторам Sketch'а придется попотеть, чтобы сделать свой продукт еще удобнее. Так как дизайнеры все равно используют продукты Adobe для прорисовки отдельных элементов, зачем им покупать еще и Sketch.

[Дмитрий]

monochromer: дизайнеру то в Illustrator'е работать может быть и удобнее, чем в Photoshop.
Верстальщику как-то наоборот.

[monochromer]

dimasmagadan: мне, как верстальщику, который 2 года работал с AI-макетами, так не кажется.

[Дмитрий]

monochromer: ну, это не показатель.
Кто-то и в кореле макеты делает, и с них потом верстает. Массово же illustrator для весртки не используют. Стандарт - photoshop.

А вот то, что в гугле по "illustrator для верстальщика" на первой странице только ссылки либо на ваши вопросы, либо на комментарии, где вы про это рассказываете (www.cyberforum.ru/html/thread1233405.html Adobe Illustrator для HTML/CSS-верстальщика? ), либо на туториалы за 2011-12 год, уже может быть показателем. Показателем того, что кроме вас illustrator'ом еще мало кто пользуется.

Если вам так удобно, ради бога, никто не запрещает, пользуйтесь. Только имейте в виду, что другие так не делают.

[monochromer]

То, что им (AI) мало кто пользуется, не показатель того, что он плох. А вот то, что PS является стандартом - это скорее заслуга веб-мастеров и веб-дизайнеров 2000-ых и маркетологов Adobe (сделали программу для редактирования фотографий инструментом для создания UI).

Мои коллеги не станут использовать PS только ради популярности. Технических преимуществ у PS никаких. Как я сказал, это технологический выбор. Причины я описал выше.

[Дмитрий]

monochromer: конечно не показатель. Отличная программа.
Просто именно под эту работу она не заточена и есть другие инструменты, которые позволяют выполнять ту же работу быстрее.

Вот, поспрашивайте человека, что его в иллюстраторе не устраивает.
Есть ли аналог Zeplin или Avocode для Ai файлов?

У вас в фирме использование ai сложилось исторически. Если вас с этой программой работать устраивает, проблем нет, работайте, никто не запрещает.
Но вы ж не будете постоянно в одной компании работать? Когда будете куда-то уходить, так и так придется переучиваться под "стандарт"

Answer 2

[Jenish]

Использую PS. И ассеты готовлю для верстки частенько сам. Так быстрее и отношения с верстальщиком теплее :)
С выходом артбордов в фотошопе, процесс стал удобнее. До этого сам предпочитал иллюстратор.
Но идеальный инструмент, говорят, Sketch. Сам не работал на нем, но наслышан.