Почему дизайнеры должны уметь верстать
Перевод статьи . John Urban.
Довольно часто дизайнеров справедливо обвиняют в том, что, создав дизайн сайта, они уходят в свой кокон и замыкаются в неведении, оставляя всю «грязную работу» по воплощению дизайна в жизнь разработчикам. Такая равнодушная позиция отмечается не только в индустрии создания сайтов, но и при разработке программного обеспечения и игр.
Суровая действительность указывает на то, что весь процесс разработки должен происходить при участии дизайнеров. Для достижения оптимальной эффективности дизайнер должен уметь не только нарисовать картинку, но и встроить ее! В этой статье я хотел бы поделиться несколькими соображениями о том, почему дизайнеры должны уметь верстать сайты.
Tweem.ru – реклама в Твиттере.
Здесь можно проверить обратные ссылки.
Эффективная раскрутка сайта в Краснодаре, Сочи, Геленджике, Анапе и Туапсе. Антикризисные акции и скидки!
Создание реалистичного и осуществимого дизайна
Имея четкое представление о том, как будет реализовываться конечный продукт, дизайнер будет предлагать более реальные и практически осуществимые идеи. Поскольку работа дизайнера является неотъемлемой частью процесса разработки сайта, он должен озаботиться тем, чтобы дизайн можно было успешно претворить в сетевую реальность, в частности, учитывая юзабилити сайта, удобство его просмотра и доступность. Дружественный интерфейс сайта подразумевает не только удобство и четкую логическую организацию навигации, но и предоставление пользователю всей необходимой ему информации упорядоченно и не перегружая его сверх меры. Единственный реальный способ узнать, правильно ли «работает» ли верстка сайта, – это научиться делать ее самому.
Упрощение коммуникаций
Фактически, продукты, разработанные одними людьми и воплощенные другими, никогда не оправдывают ожиданий всех участников, особенно это касается неосязаемой продукции, такой как веб-сайты, программное обеспечение или игры. Обычно все заканчивается компромиссом между тем, что ожидалось, и тем, что возможно осуществить на деле. Все вроде бы уловили общую идею, но редко когда получается передать ее в точности. Панацея от этого – сделать так, чтобы дизайнеры не только генерировали идеи, но и пожинали плоды их реализации. Тогда исключается путаница, недопонимание и искаженная передача информации.
Удобный циклический процесс разработки
На практике, готовый дизайн не должен всегда быть окончательным вариантом. Я имею в виду, что он должен быть гибким, чтобы его можно было менять и адаптировать под технические ограничения системы без утраты его изначальной сущности. Такие многократные и неизбежные изменения могут осуществляться только самим дизайнером. Дизайнер/разработчик в одном лице может вносить необходимые изменения гораздо быстрее, чем если бы разработчику приходилось повторно отсылать макет дизайнеру, который, к тому же, редко находится в пределах досягаемости, чтобы внести изменения. К тому же, в такой ситуации могут возникать – и часто возникают – трения между дизайнерами и разработчиками.
Лучший и более гармоничный результат
Я люблю проводить параллель между созданием ПО, сайтов или игр и оркестровой музыкой, когда дизайнер сравнивается с композитором, а разработчик с руководителем ансамбля или дирижером. Представьте, что будет, если дирижер сам является композитором? Я думаю, это придаст симфонии поистине превосходное звучание и очарование. Ведь она не только была написана мастером своего дела, но и сыграна под руководством своего создателя!
Экономия времени на разработку
Если дизайнер умеет верстать сайты, то стадии дизайна и верстки происходят непосредственно одна за другой, если не одновременно. Получается, на разработку затрачивается меньше времени – а кому не хочется, чтобы работа шла эффективнее?
Дизайнер начинает соответствовать требованиям рынка
Сегодня дизайнеру, чтобы оставаться востребованным, нужно постоянно расширять свое портфолио и улучшать свои конкурентные качества – уже недостаточно обладать каким-то одним набором навыков. Часто приходится быть мастером на все руки – и дизайнером, и разработчиком пользовательских интерфейсов, и копирайтером, и менеджером проекта.
Умея претворять свои дизайнерские работы в жизнь, а не оставляя их на милость разработчиков – вы повышаете свою ценность. К тому же, указанные рядом в резюме навыки дизайна и верстки сайтов еще никому не мешали. Даже наоборот, это делает сотрудника более востребованным и незаменимым, что жизненно важно в наше экономически неспокойное время корпоративной реорганизации (тотальной экономии) и сокращения штатов (массовых увольнений).
Однако, у такого сценария, когда дизайнер занимается версткой своих инноваций, есть и недостатки.
Как написал Лукас Мэтис (Lukas Mathis) в одной противоречивой статье на нашу тему под названием «Дизайнеры – не программисты» [1]:
Если дизайнер претворяет в жизнь собственные идеи, перед ним стоят две разные задачи: написать качественный код и создать приятный пользовательский интерфейс. Эти две задачи противоречат друг другу. Если вам необходимо самому воплощать свой дизайн, вам придется чем-то поступиться ради качества кода, а это повредит дизайну.
Дизайнеры, сами занимающиеся версткой сайтов, сталкиваются с двумя проблемами: они знают, когда новая замечательная идея может вылиться в неряшливый код, и они знают, где имеющийся код может повлиять на качество пользовательского интерфейса. Таким образом, две их задачи противоречат друг другу, поскольку пользовательский интерфейс включает множество мелких деталей, а эти мелкие детали приводят к нежелательному загромождению кода.
Отсюда вытекает нелегкое решение, принятое пуристами от веб-разработки. Они придерживаются старой школы, выступающей в защиту четкого разграничения между дизайном и разработкой. В самом деле, дизайнеры творят для людей, а разработчики программируют для компьютеров. Таким образом, дизайнеры, заботящиеся о восприятии пользователем, должны создавать максимально удобные пользовательские интерфейсы, а разработчики должны принимать оптимальные решения в программировании. Хотя в этом и есть разумное зерно, но сам я заметил, что безуспешно пытаюсь абстрагироваться от кода, работая над пользовательским интерфейсом, и, в конечном счете, удобнее иметь в виду ограничения, связанные с техническим воплощением и удобством использования.
Заключение
Учитывая все сказанное, объем разрабатываемого проекта может, в конечном итоге, определять роли, которые отводятся в нем дизайнеру и разработчику. Небольшое приложение может с успехом контролировать менеджер проекта [2], в то время как обширной системой, определенно, должен управлять специализированный персонал!
[1] – Mathis, Lukas.”“.
[2] – Spolsky, Joel. ““.
Dmoz
Бред какой.
А программист не должен заниматься дизайном?
Может, дизайнер, по вашему еще и поставками воды в офис должен заниматься вместо службы доставки?
Цитировать
уметь верстать — это не категорическое «за», чтобы дизайнер сам был ОБЯЗАН верстал свой проект. Он должен понимать что такое верстка, как оно все будет выглядеть «в живую», понимать, когда его спрашивают «а как будет фон тянуться»?
Но если он умеет верстать и у него есть на это время — это огромный плюс.
Программист должен понимать верстку (не ОБЯЗАН верстать), чтобы знать куда вставить соотвествующий код.
Чувствуете разницу понятий УМЕТЬ, ПОНИМАТЬ и ОБЯЗАН?
Цитировать
Абсолютно с вами согласен!
Сам сейчас мучаюсь с такой проблемой, у заказчика работает девушка-дизайнер, с хорошим чувством вкуса, но при этом она абсолютно не имеет понятия о верстке…
В итоге имеем вместо дизайна сайта красивую картинку, которую только на стенку и остаётся повесить )
Цитировать
Почему дизайнеры должны уметь верстать
Почему дизайнеру необходиму знать верстку – так думаю правильней.
Цитировать
Тут всё дело в непонимании термина «дизайнер». Дизайнер не оформитель, дизайнер – художник-инженер. Это как архитектор. И следовательно, кроме художественной части он должен разбираться и в технической, функциональной части, а следовательно, веб-дизайнер должен разбираться в вёрстке (но не обязан её выполнять).
Цитировать
Это не правильно. Взять к примеру дизайнеров автомобилей, они разрабатывают концепты, но ведь не они собирают готовые автомобили, их собирают на конвеере. Так же и с дизайнерами, на то он и дизайнер, что бы создавать дизайн, а программист должен писать код. Так оно было, и должно быть.
Цитировать
Они не собирают, но он просчитывает различные аэродинамические величины, массу и проч. А если б он просто рисовал автомобиль, то характеристики у конечного продукта были бы низкие. Так и здесь – при создании дизайна дизайнер должен учитывать вёрстку. Но не обязан верстать сам.
Цитировать
Ну я как бы и не отрицаю, что параллельно с дизайном и консультацией с заказчиком, дизайнер должен советоваться с программистом.
Цитировать
На западе дизайнер поумолчанию должен уметь верстать. Они все там так считают. У нас система другая. Дизайнер остается дизайнером, а верстальщик верстальщиком.
Дизайнер не должен уметь верстать, но он должен знать, что можно делать а что нельзя, какие дизайнерские ходы верстаемы, и какие нет.
Цитировать
Вообще дизайнер не обязан верстать этому есть несколько причин.
1 универсальных людей нет он все-равно будет или хорошо верстать или хорошо рисовать
2 у дизайнера хватает работы и без того(ну по крайней мере обработать все картинки для сайта это та еще работа. так-же оформить тексты кое-где дорисовать картинки)(я говорю про нормальные студии а не про те, которые рисуют шаблон главной и внутренней)
3 Дизайнер должен решать задачи дизайна
4 появляются оправдания типа а это будет сложно реализовать
но представлять что такое html и css он должен.
я говорю с позиции дизайнера который в начале своей карьеры верстал) Если бы я не бросил это дело, я бы не вырос до своего уровня)
Цитировать
Мысли интересные, но дизайнер не только должен уметь верстать. А вообще быть достаточно всесторонне развитым.
Если человек есть дизайнер и считает своей задачей просто выдавать картинки из фотошопа, он просто ограничен, так как дизайн сайта — интерактивная среда.
Цитировать
Я бы хотела сказать так, что дизайнеру не обязательно досконально знать верстку, достаточно знать основные принципы и понятия верстки. Тогда можно и дизайн сделать большее качественным, и облегчить работу профессионального верстальщика.
Цитировать
Я, категорически за то, чтоб дизайнеры знали – как верстать. Я как программист/верстальщик уже просто замаялся бороться с дизайнерами(макеты делают в фотошопе) и со всякими чудесами из серии использования “шарпа”(просто не реализуемо человеческими средствами для малых шрифтов), тройного слоирования полупрозрачных картинок фона которые нельзя выделить в 1ну и нельзя сделать повторяющимися(страница даже при наихудшем качестве пнгшек становится невообразимо тежолой).
Цитировать
Веб дизайнер не должен верстать странички, он должен заниматься только оформлением. Меня раздражает когда написано что ВЕБ ДИЗАЙНЕР должен быть развитым специалистом и должен знать Adobe photoshop, Adobe illustrator, freehand, flash + action script, C#, C++, Delphi, Assambler, Turbo Pascal, Javascript, Visual Basic, PHP, Dreamweaver, InDesign, Adobe after effects, Adobe image ready, adobe pright, adobe soundbooth, программирование Linux, все тонкости всех операциооных систем в мире, СУБД, MySQL,MSOffice, + MCAcces сетевой маркейтинг, инжинерную графику, быть хорошим водителем, доставлять пицу . т.д
Цитировать
@Артур,
ну уж это вы загнули )))
Цитировать
дизайнеры подобны богам! они приносят к нам смертным красоту небес! мнение плебеев вредит их тонкой духовной организации… их надо холить и лелеять понимать их высокие запросы потому что кроме них никто так тонко не чувствует как нужно и не сможет выразить невыразимое!!!!!
Цитировать
Все правильно, каждый дизайнер (веб-дизайнер) должен уметь верстать.
точно так же как верстальщик должен знать фотошоп, что бы правильно разрезать и поправить все картинки макета.
Цитировать
Перевод с английского: designer – конструктор, проектировщик.
Вот кто такой дизайнер, а тот кто рисует это художник, рисовальщик, и пр.
Это у нас в России изначально извратили понятие дизайна. Вот теперь всех кто может придумать и реализовать что-то “красивое” (в кавычках потому что вкус у всех разный и абсолютно красивого быть ничего не может) называют дизайнерами.
Я помню ещё лет 10-15 назад купил антенну для телевизора на которой было написано “Designed by …”, (кслову, с виду эта антенна была просто ужас зато отлично телек с ней показывал), я не думаю что разработчики имели ввиду, что “Designed” это “красиво придумано” скорее это означало “Разработано”.
Цитировать
Да, дизайнер – это несомненно разработчик и проектировщик. НО! Представьте, что заказчик отдал рисовать сайт художнику/рисовальщику. Да, он нарисует красиво, но разве смысл дизайна не в том, чтобы не только красиво нарисовать, но еще и разместить все элементы, как говорится user friendly? Поэтому дизайном сайта занимается дизайнер, а не художник. Художник может лишь “отрисовать”, но не спроектировать в данном случае.
Цитировать
Вот и я об этом.
Дизайнер должен быть не просто художником, он должен быть проектировщиком (это в любой отрасли, не только в вебе).
А что касается конкретно веб-дизайна, то дизайнер должен если не уметь верстать, но как минимум хорошо понимать принципы вёрстки.
Вообще ИМХО, узкая специальность это смерть любого таланта, и способностей. В вузах не просто так инженерам философию преподают. И все, без исключения, великие изобретатели были философами часто художниками и наоборот. К примеру Циолковский который вывел уравнение реактивного движения, был ещё писателем и философом.
А Леонардо да Винчи – великий итальянский художник (живописец, скульптор, архитектор) и учёный (анатом, математик, физик, естествоиспытатель).
Продолжать можно бесконечно.
Цитировать
А все кто кричит, что веб-дизайнер не должен разбираться в каких-то там вёрстках, они просто рисовальщики (художниками язык не поворачивается назвать) в лучшем случае, в худшем, просто недалёкие люди.
Цитировать
Да дизайнер еще и психологию знать должен! Я одного знаю, он такие баннеры рисует, crt больше 80%!
Цитировать
Ну, это вы загнули, но общая мысль абсолютно верна, человек любой профессии должен всесторонне развиваться.
Цитировать
Больше всего напрягает, когда принимаю макет, там все слои не склеены, и раскиданы как попало. И названия типа shape 2 copy 3, layer 31 copy 4.
И линейки расставлены, типа «я знаю, что такое модульная сетка». Хотя в 99 % они расставлены неправильно, либо вообще не нужны.
Цитировать
Вообще когда слои не склеены это только плюс.
А вот то что они не сгрупированы и названы как попало не есть хорошо.
Цитировать
Я имею ввиду нужные слои, типа: кнопка, тень от кнопки, блик от кнопки. Или когда бекграунд из 10 градиентов, их нужно склеивать в один.
Цитировать
Ну бэк из 10 градиентов это совсем не страшно и клеить его совсем не обязательно. Если все эти 10 слоёв сгруппированы ими очень легко манипулировать.
Я кстати не защищаю дизайнеров, так как сам в первую очередь верстальщик и лишь немного дизайнер.
Цитировать
Хороший вопрос. Я думаю дизайнер и вёрстка это “однокоренное”))) одно без другого ни как это проверенно.
Цитировать