Как на Западе устроена фронт-энд разработка?

Question

[Crash]

У нас схема обычно такая - сначала макет рисует дизайнер, затем его верстает верстальщик. Верстальщика также еще часто называют веб-технологом, т.к. он работает со стеком технологий: html, css, js итд.

Но за рубежом, я слышал, такого разделения нет. Там только front-end developer. Т.е. он либо рисует макет и затем верстает его, либо сразу собирает графические элементы в верстку, без предварительного макета (например я так делаю, мне удобно). Есть еще web-designer, но это практически то же самое - он и рисует, и верстает, и добавляет js-анимацию.

Это действительно так или я ошибаюсь? Пруфов не будет, это только предположение

Answer 1

[Игорь Воротнёв]

Если подходить к делу правильно, то процесс следующий:
1. Брейнсторминг на бумаге, продумывание интерфейса и структуры и отображение в 3х вариантах (desktop, tablet, mobile)
2. Разработка модульных сеток (они же wireframes) - Photoshop, Illustrator, Fireworks или сцеп. приложения для сеток и утверждение их клиентом. В 3х вариантах (desktop, tablet, mobile)
3. Верстка голого прототипа по этим 3м вариантам (responsive уже давно стандарт де-факто, а не "бонус").
4. Дизайнер рисует дизайн, четко по утвержденным сеткам.
5. Правки по дизайну, утверждение клиентом.
6. Верстка дизайна, тестирование и отладка, утверждение.

При таком подходе процессы параллельны. Когда есть утвержденная сетка, мы можем работать сразу в 3х направлениях - дизайнер спокойно себе рисует дизайн, в это время верстальщик (он же coder, он же front-end developer) создает голый скелет (прототип) и верстает в него голый контент, а программер (back-end developer) уже может выводить свою часть (динамический контент) в html. Когде же утвержден дизайн, верстальщик этот низкоуровневый скелет начинает "украшать" - добавляются конечные стили (отступы, типографика, цвета и прочее).

Следует еще упомянуть обязательный "шаг 0". Для корректной работы начиная с шага 1 необходимо получить от клиента реальный контент. В процессе шага 1 этот контент вместе с клиентом доводится до ума, финализируется и утверждается. В современной разработке работать с Lorem Ipsum - дурной тон и путь в никуда.

UPDATE:
Еще один бонус - когда сверстан низкоуровневый прототип по сеткам, можно прикручивать его к CMS, и уже с этого момента клиент может наполнять сайт (ну или наш контент-редактор). Часто это бывает очень важно (если контента много).

Из этого всего выплывает:
1. Дизайнер - это дизайнер. Его стихия - графический редактор. Понимание принципов верстки и веб-технологий вообще - обязательно. Умение самому заколбасить что-нибудь на jQuery не обязательно.
2. Верстальщик / кодер / front-end developer - это человек, работающий с клиентской стороной (HTML+CSS+Javascript), переносит картинку от дизайнера в код и прикручивает то, что ему дает программер.
3. Программист / back-end developer / просто web developer - человек, работающий с серверной частью (например, PHP), CMS и т.д.
Это "минимальная конфигурация" Для более сложных проектов работа делится на более узкие направления и появляются профильные люди.

Answer 2

[Матвей Правосудов]

либо сразу собирает графические элементы в верстку, без предварительного макета (например я так делаю, мне удобно)

Мне вас жаль, так делать нельзя.

На западе тоже есть фронт-энд (верстальщики) и дизайнеры.

Comments

[Михей Егоров]

Ну почему же, некоторые (в моей практике - в основном помоложе) клиенты соглашаются на такое. Тут есть свои плюсы.

[Crash]

@duse действительно, почему нельзя? Так меньше издержек

[Матвей Правосудов]

@Bandicoot, в процессе проектирования и дизайна _хорошего_ интерфейса я могу его полностью перерисовать раз 10, хотя, если вы делаете все свои сайты на каком-нибудь бутстрапе...

[Crash]

@duse бутстрап использую не всегда, но перерисовать всегда сложнее, чем переверстать или просто подправить код. Для меня так

[Матвей Правосудов]

@Bandicoot вы немного не правы, поменять местами пару элементов намного легче, чем переверстывать.

[Crash]

@duse кому как проще. Тут во многом зависит от конкретной ситуации

[osj]

Заказчики самодуры, порой сами не знаю чего хотят, тут дизайн 10 раз перерисуешь, а потом кнопку на сверстанной 30 раз поменяешь/перенесешь/удалишь и еще финтифлюшек добавишь. А заказчик: ты же можешь сделать, это ж не трудно.

[Ольга Стогова]

@TheLast потому что денег жалко, а когда проект на 500 т.р. никто не согласится выложить эту сумму на сайт без предварительного прототипирования и дизайна

Answer 3

[Михей Егоров]

Front-end developer в центральной и западной европе это понимание основ вебдизайна, все аспкеты верстки и программирование на стороне клиента (тут могут быть разветвления). А вот в штатах довольно часто подразумевается что web designer должен уметь верстать.