Веб-дизайнер. Кто такой?

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

Сейчас работаю над:

Разработка одного стартапа

Текущий статус - разработка дизайн.
Много всего для popsop.com

Заказать мне работу

17.05

Комментарии (22) Design

web-designer
Миром правят недоразумения и шаблоны. Люди, например, хрен его знает, сколько лет считали, что солнце вращается вокруг земли, потому что всякие важные личности говорили, что так правильно, а остальным было лень разбираться.

Многие пали жертвой шаблона. Например, устоявшееся понятие «веб-дизайнер» — особь (как правило, мужская) делающая HTML-странички. Уныло как-то.

Порой дизайнеры даже стесняются назвать свою профессию — знают ведь, что не поймут их. Вернее поймут, но так, что хоть в морду давай.

Кстати, шаблон веб-дизайна, именно тот редкий случай, когда обратная сторона медали выглядит еще хуже. Любая особь (как правило, мужская) сделавшая пару страничек и выложившая их в сеть, считает себя веб-дизайнером (некоторые, к счастью начинающими). Совсем недавно моя знакомая гордо заявила, что ее мама тоже (!!!) делает сайты. А ведь еще вчера не умела. Вона какой талант!

А ведь в моем понимании это такая профессия, освоив которую человек уже может не опасаться за кусок хлеба. Ну, сами посудите.

— Графика. Я не веду речь о таких гуру как феррарист или фригер. Они иллюстраторы – люди умеющие рисовать красивые картинки. Однако веб-дизайнер рисовать тоже должен уметь в рамках способностей любого человека. Должен уметь видеть баланс композиции, чувствовать пространственные отношения, и понимать, что типографика тоже может быть красивой.

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

— Юзабилити. Ты можешь совершенно не знать, как рисовать тени и отражения, но знать, где лучше расположить форму регистрации просто обязан. К сожалению, многие подходят к вопросу юзабилити, основываясь на обычном житейском опыте и интуиции. А ведь за этой наукой стоит огромное кол-во исследований и опытов. Тем не менее, это неотъемлемая характеристика дизайнера. Если у нас, в рунете, люди готовы пускать слюни на сайт с красивой картинкой, то в стране «забугряндии», человек не нашедший в течение 20 секунд кнопку «оплатить» или «регистрация», уходит и больше не возвращается.

— Кодинг. Не, я не призываю засесть всем за учебники по php. Просто таже самая верстка, сильно связана с программированием. Если вы работали в офисе, то не раз и не два слышали матюки программистов в сторону верстальщика. То есть веб-дизайнер может и не уметь кодировать, но уж точно программинг для него не пустой звук.

Итого неслабый наборчик скилов выходит. Согласитесь, что, потратив на освоение всего этого добра не один год, обидно услышать, что вас сравнивают, с человеком только что научившемся создавать home-pages.

Весьма примечателен комментарий моего знакомого ролевика:
— Мегамачкинский персонаж получается — играть сложно, развивать долго, но уж если раскачаешь…

Метки:Design

1
Настя Манно (17.05.2008) #
Согласитесь, что, потратив на освоение всего этого добра не один год, обидно услышать, что вас сравнивают, с человеком только что научившемся создавать home-pages.

Я не обижаюсь. Да и было бы на кого. Я думаю, что любой мастер, зная себе цену, не станет попросту обращать внимания на такие вещи. Это как в “Место встречи изменить нельзя”, когда Шарапов кося под бандита, сыграл на рояле что-то из классики. А один из бандюков и говорит: а, фигня это все. Ты сыграй так, чтобы душа развернулась… Типо, Мурку.
Се ля ви!
2
darkside (18.05.2008) #
по своему опыту скажу, что годы уходят не на освоение, а на набитие руки. на освоение css и блочной вёрстки у меня ушло три недели за которые я прочитал одну небольшую книжку с неособо углублённым, но хорошим подходом и всё это пропустил через себя и dreamweaver.

относительно коддинга - считаю, что вёрстка и коддинг, вобщем-то родственные вещи. зная одно тебе просто придётся знать второе)

что касательно графики - то фотошоп, по моему мнению надо вообще в школе с 3-5го класса преподавать, ибо нынче это просто одна из фундаментальных программ которыми надо хоть чуть-чуть овладеть для общего образования. другое дело талант и понимание специфики веб-графики - это тоже составляющие “набитие руки” (по-крайней мере так было для меня).

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

что до профессии “веб-дизайнер” - предпочитаю называть себя фрилансером. кому надо те поймут. а веб-дизайнер это как-то не вебдванольно звучит:)
3
darkside (18.05.2008) #
кстати баг в вёрстке у вас. смотрю оперой 9.27 последней - под текстбоксом и справа от кнопки “отправить”.
4
Vladimir (18.05.2008) #
смотрю оперой 9.27 последней

А разве последняя не 9.50?

PS - из 8 ошибок, которые находятся валидатором, семь лечатся путем смены DOCTYPE (ибо WP не приспособлен к XHTML 1.0 Strict), а восьмая - путем добавления cols к <textarea id=”comment”> Ничего фатального
5
Vladimir (18.05.2008) #
Попутно: при добавлении комментария (через AJAX) ломается нумерация (рисунок).

И еще:

setting a property that has only a getter http://pokrovskii.com/wp-content/plugins/ajax-comments/ajax-comments.php?js Line 80 afterFinish: function() { li.className = className; li.style = style; }
6
darkside (18.05.2008) #
9.5 недавно только вторая бета вышла, а релиз последний - 9.27.

так-то оно так, надо strict какой-то переходный стандарт, что бы презентационный код ещё как бы работал, но всё уже было на xhtml:)) надо уже пользовать transitional, эпоха вебдваноль как-никак. хотя фатального и правда, вобщем-то ничего нет.
7
Vladimir (18.05.2008) #
На всякий случай фикс для нумерации: в

new Effect.BlindDown(li, {
afterFinish: function() { li.className = className; li.style = style; }
});

в afterFinish добавить такой кусок кода:

var i=1, c = $$('.commentcount');
if (c) {
c.each(function(node) { node.update(i ); } );
}

эпоха вебдваноль как-никак

Извиняюсь за оффтопик, но я никогда не понимал, что люди имеют в виду под Web 2.0. Полагая, что Web 2.0 официально появился в 2005 и прочитав в Википедии, что народ понимает под Web 2.0, я прихожу к выводу, что это “хорошо забытое старое” - AJAX, RSS, RPC, XML, mash-up, тэги, “социализация” - это все использовалось с давних пор, до 2005 года… А в понятии заказчиков (не знаю, как с отечественными, я больше с америкосами работаю) Web 2.0 - это дизайн-проклятье для верстальщика (всякие там жутко закругленные углы неправильной формы, рюшечки, завитушки; при этом на каждой странице цвет/форма меняется, ибо так нынче модно) AJAX где нужно и где не нужно смерть таблицам даже там, где есть табличные данные. В результате получаем то же самое, что было и 5 лет назад с поправкой на дизайн.

Если раньше с “табличной версткой” огороды городили (лично исправлял сайт с таблицами 18(!) уровня вложенности), то с бестабличной версткой в интерпретации индуса Ражалпраграму Наджави получается суп из дивов/списков 50 килобайтный и более CSS. Технология вроде новая, а по сути дела внутри все старое Какая (какое) тут юзабилити?

Возвращаясь к теме: настоящий дизайн (верстка, программирование, нужное подчеркнуть) - это искусство, которым владеют немногие :-), и которое пытаются превратить в ширпотреб…
8
darkside (18.05.2008) #
ну титл “эпоха вебдваноль” я использую только как лёгкую иронию:) уже в печени эти все концепции, непонятки и желание всё обаяксить, оботражать, повесить на каждую редактируемую строчку рсс-поток и обязательно регистрацию пользователя.

я думаю мы с вами хорошо понимаем что есть лишнее, а что есть нужное. по-крайней мере стремимся это понимать и, всё-таки, зарабатываем на этом деньги. в конце-концов если диалог идёт в 5 утра, значит неспроста мы в это время не спим:)

а собственно какое популярное искусство в своё время не пытались превратить в ширпотреб? люди вот уже сколько тысяч лет как писать научились и кто скажет что писать это не искусство? сейчас модно писать php и javascript:)
9
Vladimir (18.05.2008) #
в конце-концов если диалог идёт в 5 утра, значит неспроста мы в это время не спим:)

Это точно… Тяжела и неказиста жизнь простого программиста… Вы не поверите, но как раз страдаю очередным псевдо-Wъeb 2.0-проектом.

кто скажет что писать это не искусство?

Смотря что понимать под словом писать. Аналогия с программированием: есть программисты, есть кодеры, есть быдлокодеры (извиняюсь за жаргон). Первое - это творческий процесс, второе и особенно третье - механический процесc. Это как поэт и графоман
PS - в предыдущем посте в коде WordPress съел “плюс плюс” после i.
10
darkside (18.05.2008) #
Вы не поверите, но как раз страдаю очередным псевдо-Wъeb 2.0-проектом.

чертовски аналогично. оно на расстоянии ощущается.

Аналогия с программированием: есть программисты, есть кодеры, есть быдлокодеры (извиняюсь за жаргон)

так я о том и говорю. одни владеют искусством, а другие превращают в ширпотреб:)

фух. спасибо за интересный диалог, а теперь пора немного передохнуть.
11
Максим Покровский (18.05.2008) #
Настя Манно. Я думаю, что любой мастер, зная себе цену, не станет попросту обращать внимания на такие вещи

Путь до мастера тяжек и тернист

darkside. что до профессии “веб-дизайнер” - предпочитаю называть себя фрилансером. кому надо те поймут. а веб-дизайнер это как-то не вебдванольно звучит:) вещи

Также делаю

кстати баг в вёрстке у вас. смотрю оперой 9.27 последней - под текстбоксом и справа от кнопки “отправить”.

Смотрел в 9.0 и 9.5. Не нашел.

надо уже пользовать transitional

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

2Vladimir. семь лечатся путем смены DOCTYPE

Спасибо что напомнил. Я вообще не догнал как там у меня стрикт затесался.

На всякий случай фикс для нумерации: в

Это фикс чего? Прости не понял.
12
darkside (18.05.2008) #
http://www.picamatic.com/view/288663_ff3/
http://www.picamatic.com/view/288664_09.27/
http://www.picamatic.com/view/288665_o9.5/

неужель так оно быть и должно?
13
darkside (18.05.2008) #
http://www.picamatic.com/view/288681_o9.5/
http://www.picamatic.com/view/288683_09.27/
http://www.picamatic.com/view/288684_ff3/

прошу прощения, не те ссылки:)
14
Максим Покровский (18.05.2008) #
Ты имеешь ввиду бардовую полосу? Она должна быть растянута по ширине textarea
15
darkside (18.05.2008) #
нет, я о тени. мне казалось она должна быть в упор к бордовой полосе, иначе непонятна к чему ону. ну.. показалось так:) уже понял что так оно и должно быть.
16
Vladimir (18.05.2008) #
Всем доброе утро!

Это фикс чего? Прости не понял.

http://www.picamatic.com/view/289015_comment-number-bug/

Если посмотреть на рисунок, то видно, что комментарии, отправленные AJAX всегда имеют номер 1. Этот фикс просто для того, чтобы при посте комментов нумерация не ломалась Это просто вчера от нечего делать
17
Vladimir (18.05.2008) #
По ходу я нашел еще один баг: так получилось, что мы видимо одновременно со спамером поситли коммент. В результате при отправке комментария я увидел чужой комментарий вместо своего.

http://www.picamatic.com/view/289093_someones-comment/

Не сиди я под Линуксом, подумал бы, что у меня трооян
PS - еще раз, на этот раз от ins06 с такой фигней в конце: 3pZkF0j1×6

PPS - а что это за прикольный плагин, позволяющий редактировать комментарий?
18
Максим Покровский (18.05.2008) #
О супер! Надо сделать. Сенкс!

По ходу я нашел еще один баг:

Фигасе. А я главное его не видел. Видимо Aksimet сначала выводит коммент, а потом уже проверяет на спам.

PPS - а что это за прикольный плагин, позволяющий редактировать комментарий?

WP AJAX Edit Comments
19
Настя (19.05.2008) #
А не кажется ли вам, уважаемый, что быть этаким человеком ренессанса хорошо, но все таки лучше, когда каждый делает свою работу- программист кодирует а дизайнер, соответственно, рисует?

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

Это я к тому, что вы все таки впадаете в крайность.
Да, абсолютбегиннеры слишком много о себе думают, но не стоит опускать недооценивать узких специалистов, имхо.
20
Максим Покровский (19.05.2008) #
Не, я не призываю засесть всем за учебники по php. Просто таже самая верстка, сильно связана с программированием

Не читали предпоследний абзац или читали и не поняли? Если второе, тогда поясню. Веб-дизайнер знает о программировании. Знает что это такое, знает как оно работает, знает как работают CMS (многие специально ориентируют дизайн на ту или иную CMS). Веб-дизайнеру несравненно легче будет освоить программирование, чем художнику или иллюстратору.

Кстати, в России нет узких специалистов. Просто есть специальность в которой они секут больше чем в других.
21
Vladimir (19.05.2008) #
но не стоит опускать недооценивать узких специалистов, имхо

Узкий специалист подобен флюсу, полнота его одностороння Козьма Прутков

программист кодирует

программист не кодирует

он не перестает при этом быто хорошим спецом в своей области

Человек - хороший специалист, если он умеет работать в команде. Иначе получится, что дизайнер нарисует такое, за что верстальщик его будет материть не переставая (ибо заказчик потребует pixel perfection, при том, что дизайнер так извратит элементы форм (input, button, checkbox, …), что удобно это будет только дизайнеру). Плюс, как абсолютно верно заметил Максим, usability, о которой все забывают (за что в Британии можно попасть на деньги). Потом это все попадает программисту, которому разгребать извращения двух предыдущих товарищей. Когда проект почти готов, заказчик, как водится, решит что-нибудь кардинально пересмотреть в дизайне, в результате извращенный программистом макет попадет в руки верстальщика. И если верстальщик не разбирается в программировании (хотя бы в основах), или если программист не разбирается в верстке, то начинаются очень интересные и трудноуловимые глюки.

Мораль: “поэтом можешь ты не быть, но гражданином быть обязан” - кем бы ты ни был - верстальщиком, программистом, дизайнером, проджект менеджером - ты всегда должен понимать (хотя бы в общих чертах), что делают твои товарищи по команде, и должен уметь работать так, чтобы не создавать им лишних проблем
22
Креативные идеи #2 > Mannodesign (28.05.2008) #
[...] Покровский размышляет о том, кто есть такие веб-дизайнеры и что шаблонный подход к определению не есть гуд и [...]

Оставить комментарий

Имя (обязательно)

E-mail (не публикуется) (обязательно)

Сайт

Вы можете использовать простые теги форматирования HTML (вроде <a>, <ul> and others). Чтобы вставить пример код, используйте
<code lang="php">$a = "hello";</code> (поддерживаемые языки: ruby, php, yaml, html, css, csharp, javascript). Также Вы можете использовать <code>$a = "hello";</code>, синтаксис не будет подсвечен. Если вы не хотите использовать тег <code>, замените символ < на <