Веб-дизайнер должен разбираться в HTML и CSS?

Question

[Алексей Помогаев]

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

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

В общем, у меня такой вопрос к веб-дизайнерам — знание HTML и CSS и умение самостоятельно внести небольшие правки в верстку у вас считается плюсом?

Answer 1

[Артур Кох]

Дизайнер должен иметь представление об HTML и CSS не для собственноручного внесения правок, а для того, чтобы представлять, как это реализовывается ан практике. Банальный пример — фотогалерея на сайте. Дизайнер нарисовал нестандартный вид открывающейся фотогорафии, а клиент не оплатил ее верстку. И попробуй объясни заказчику, почему вы можете прикрутить «якобы стандартный» шаблон плагина, а не тот, что нарисовал дизайнер. Пример — первый что пришел в голову. Суть в том, что можно нарисовать красивый дизайн, при он будет достаточно просто реализован. Дело не в лени, просто зачем перенапрягаться, если клиент не платит за нечто крайне уникальное.

Answer 2

[Mikhail Osher]

Я объяснял дизайнерам, что такое margin, padding, outline, border. Версталось от души.

Answer 3

[Kakysha]

Хороший дизайнер должен не только разбираться в таких тесно с ним связанных вещах, как HTML & CSS, но вообще хотя бы базово иметь представление об аспектах веба, не связанных напрямую с его деятельностью.

Answer 4

[UseRifle]

Веб-дизайнер со знанием HTML и CSS — это очень круто и дорого стоит. А если еще js знает на уровне пользователя jquery — вообще цены нет.

Таких людей мало.

Разумеется не беру в счет школьников-студентов, изучившие «умную» книжку, или, не дай бог, видеоурок, и мнящих себя «дизайнерами».

Answer 5

[Иван Гарбуз]

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

Comments

[max_rip]

И все таки дизайнер должен представлять, как это все работает, чтобы облегчить жизнь верстальщикам.
А то получится, так что, нарисует так, что за воплощение придется заплатить столько денег, что заказчик не помет за что +)

[Иван Гарбуз]

Если заказчик не понимает за что он платит и не может отличить качественную работу от дешевки, то я предпочитаю не иметь таких клиентов. Клиент до работы должен понять за что он будет платить деньги и почему так дорого, если нет, то значит оно ему просто не нужно и Вы потратите много лишних нервов и времени.

[andruxin]

ну если не может сверстать, значит есть куда расти, а это хорошо. Рано или поздно дизайнер-верстальщик научится верстать то что рисует и соответственно КПД повысится.
Дизайнер позже всё равно начинает разбираться в вёрстке.

[Иван Гарбуз]

Хороший дизайнер обычно делает это с душой. Точнее на досуге или за чашечкой кофе, когда в руки попадает карандаш рисует, что-то из головы — получаются маленькие но очень тонкие рисунки. Далее при получении заказа, мастер изучает тематику и аудиторию, после чего приходит мысля, что там должно быть. В дело начинают попадать наброски, которые в процессе наполняются и дорабатываются, прорисовываются недостающие фрагменты пазла. Естественно в сам дизайн попадают все необходимые детали, где-то даже воображение подсказывает предложить идею начальству, что можно добавить в сайт, чтоб было более функциональным и лучше вписывалось в общую структуру.
Второй этап — дизайн попадает на стол своей студии, где каждый кто работает над данным проектом, может высказать свое мнение и где-то помочь улучшить работу. Тут и налаживаем ту самую идиллию с верстальщиком, но не в ущерб дизайну, т.е. максимум небольшие корректировки.
После работы над ошибками и от полученного нового взгляда со стороны, дизайн дорабатывается и выносится на суд заказчику, если есть что доработать — дорабатываем, если нет, то отдаем на верстку.

P.S. уметь верстать и быть верстальщиком — 2 большие разницы! Если вы знаете английский, то не факт, что будете хорошим переводчиком. Специалист в любой области должен постоянно развиваться, иначе он не специалист, а просто тот, кто сможет хоть как-то выполнить работу. Если вы хороший специалист — то Вам просто не дадут заниматься другим и ЗП будет хорошая. А если Вы решили подрабатывать верстальщиком, то Вы, скорее всего, не очень хороший дизайнер, который не имеет достаточной загруженности по работе в силу своей слабой компетенции.

Answer 6

[igorr]

Дизайнер в полиграфии должен разбираться в тонкостях работы различных принтеров и свойствах различных материалов?

Comments

[vanxant]

Ну в общем со времен изобретения пантонов — уже нет.
Если конечно типография правильная.

[igorr]

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

[Константин Биржаков]

Если дизайнер в полиграфии не разбирается в тонкостях работы различных принтеров и свойствах различных материалов, он попал, и попал серьезно.

Answer 7

[vanxant]

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

Раньше, действительно, были кое-какие вещи, которые было очень трудно реализовать в html-коде. Дизайнерам приходилось про эти ограничения знать.
Но это было до эпохие IE6, как ни странно.
Сегодня верстка слоями — эта прямая калька со слоёв фотошопа. Если верстальщик не может просто скопировать информацию из одного файла в другой — значит он профнепригоден.

Comments

[tick]

Обтекание картинки текстом с обеих сторон.
Обтекание текста по не-вертикальной границе картинки.
Выключка по формату с переносами.

Когда это будет реализовано на вебе, без «экспериментальной поддержки» и плагинов на js в 100кб, тогда можете сколько угодно гнать на верстальщиков.

[Иван Гарбуз]

tick, первым делом хороший дизайнер понимает, как сделать красиво, практично и удобно — не важно в какой сфере. Дизайн — это не просто яркая картинка, это сложная наука, в некоторый момент сложнее всякой математики и физики, т.к. иногда творения могут не поддаваться никаким законам и логикам, но быть полностью идеальными.
Покажите мне пример, когда обтекания с двух сторон на картинке это удобно? Это как в интерьере, телевизор стоит посередине комнаты, а кресла — вокруг.
Дизайнер как я говорил выше, может ничего не смыслить в верстке, но он должен прекрасно понимать, как сделать максимально комфортным сайт, чтоб читатель с наслаждением использовал каждый прорисованный пиксель. А верстальщик несмотря на даже те 100кб javascript должен эту идеальную идею воплотить в жизнь.

Маленький пример: может правда не самый хороший, на хабре в комментариях есть справа на странице, фиксированная кнопка «обновление комментария» и «перейти к новому комментарию» — вот реализация этой идеи заложена не 2 строчки кода, но она очень упрощает жизнь, а с логикой которую я слышу на этой странице: «дизайнер не должен ее рисовать, т.к. сильно геморно это делать и с заказчика придется сорвать дополнительную сумму, а это всего-то маленькая кнопочка, что же я скажу заказчику». Вот и сделайте вывод, что важнее классная и удобная идея или сложность и цена верстки.

[vanxant]

Почему-то среди школоты сложилось мнение, что если верстальщик способен сделать макет на две колонки одинаковой высоты с прибитым к низу экрана футером — то он всего добился в этой жизни и может всю жизнь копипастить одно и то же из проекта в проект.
На самом же деле настоящая задача верстальщика — это как раз и есть обтекание текстом по хитрым кривым, ручная расстановка переносов и прочая ручная работа по верстке заданного текста по заданному шаблону.
Другое дело, что на 99% сайтов этого не делают — ну так это значит, что эти сайты сверстаны хреново.
Сравните, например, бумажную и онлайновую версию компьютерры (когда еще была бумажная версия).

Answer 8

[itch625]

Мне кажется основы верстки дизайнер должен понимать. Часто встречался с тем что дизайнер нарисовал, а верстальщик не сверстал.

Answer 9

[Олег Барабанов]

Дизайнеры разные бывают. Есть дизайнеры интерьеров. Есть дизайнеры концепт-каров. Есть еще куча направлений дизайнов. И все они отличаются технической направленностью.
Как дизайнер веб-интерьеров должен знать всякие детали и нюансы, так и веб-дизайнер, должен понимать, из каких элементов строится фронтенд. Потому то он и называется «веб-дизайнер».
Мое мнение таково:
Дизайнер не обязательно должен знать досконально CSS и HTML, но должен знать их возможности. И спорные вопросы должны решаться вместе с верстальщиком.

Но если вопрос задан от лица руководителя, то я еще добавлю:
Если проект еще оценивается, то тем более, дизайнер должен понимать основы. Почему? Возьмем как пример что вы решили делать проект на 100 т.р. сроком разработки 15 дней(5 дизайн + 5 верстка + 5 программирование). Причем заказчик потребовал полную совместимость даже с IE6(в сумму входит). Вы посчитали стоимость рентабельной. Верстальщик молчит, т.к. он еще не знает, с чем именно он столкнется. И 5 дней дизайнер отлично старается сделать простой сайт, со вкусом, и с нестандартными формами, и сложными фигурными элементами управления.

Когда верстальщик получает это чудо искусства, творения и вдохновения, он падает на пол. Надо не только сверстать, но еще и нацепить кучу плагинов, наделать скруглений на всех подряд элементах(которые в IE<9 не работают нативно), добавить SVG|VML(или через Raphael.js) сложные элементы управления. Насобачить триггеров, чтобы это все еще и правильно работало. И выяснится, что вместо 5 + 5 + 5 = это займет 5 + 10 + ~ времени, т.к. программист получит страшную верстку, и ему еще всякие AJAX надо будет прикручивать.
При этом дизайнер будет радоваться, т.к. свою работу он выполнил красиво и вовремя, ему все почести и премии. Верстальщик будет нервно курить а прогер будет всех проклинать. И вам, в бюджет меньшая сумма придет, т.к. расход увеличится существенно.

Answer 10

[Константин Биржаков]

Сайт, нарисованный дизайнером, который хорошо разбирается в верстке html / css и сайт, нарисованный дизайнером, который в этом ничего не понимает / не хочет понимать — два разных сайта. Заказчики в основном с большей охотой принимают второй вариант (из личной практики).

Answer 11

[Dmitry Shvalyov]

Тут вопрос стоит в том, что дизайнер и верстальщик должны работать в паре в кой-то степени, а именно для того, чтобы оценивать сколько времени и усилий понадобиться верстальщику для верстки дизайна — у верстальщика может быть бюджет в 10 уе, а дизайнер нарисует то, что ему придётся на 100 уе верстать (вряд ли верстальщик будет бесплатно работать, осуществляя фантазии дизайнера при своём ограниченном бюджете).

Я понимаю, что это не правильно, но сложно объяснить заказчику дороговизну верстки. Дизайнеру не нужно знать тонкости вёрстки и уж совсем не нужен js, но примерно ориентироваться в сложности верстки тех или иных элементов надо. (к примеру: тянущиеся блоки с тенями и нестандартными текстурами или формами во времена css2)

Кстати, дизайнер это техническая профессия, в которой есть определённые правила и требования. Если дизайнер не понимает или не придерживается технических правил, то он не дизайнер, а художник.