Pull to refresh

Comments 46

>В блоке Статистики не было никаких ссылок, а только текст (они не предусматривались системой?). А уж инфографика, вместо того, чтобы отражать реальные данные для каждой тематической ленты, была ничем иным, как статической картинкой, теряющей весь смысл и роль. Не было и намёка на кликабельность целей знакомств, что могло бы стать особенной «фишкой» этого сайта.

Для этого обычно ТЗ пишется… Ну и менеджер проекта должен смотреть, а вот насчет градиентов, переливов, цветовых схем, — тут только совместная работа. Плюс кстати техника важна :) Дизайнер работает за калиброванным IPS Деллом, я верстаю за безымянной самсунговской ТНкой, в итоге у меня макет выглядит совсем по-другому, нежели у дизайнера.
Дизайнер работает за калиброванным IPS Деллом, я верстаю за безымянной самсунговской ТНкой, в итоге у меня макет выглядит совсем по-другому, нежели у дизайнера.

А слово «пипетка» Вам о чем-нибудь говорит? Или всегда «на глазок»?
Вы хоть поняли вообще о чем речь? Причем тут пипетка? Поставьте рядом два монитора и посмотрите. Залейте оба синим цветом, — на ипсе он будет синий на всём экране, на ТНке будет градиент сверху до низу. Плюс цветопередача на разных мониторах разная. Дизайнер выделил некоторые элементы СЕРЫМ на БЕЛОМ фоне, я у себя открываю — нету у меня серого, и то и то белое. Только одно FFF, другое f7f7f7. А как оно будет у заказчика смотреться? А как оно у клиентов будет смотреться? А на смартфонах как будет?
Если макет приходит к Вам в виде PSD или AI файла, то вопросы градиентов решаются открытием файла в редакторе и выяснением цветов у градиентов.
Если пришла растровая картинка — помогает пипетка.
А когда верстальщик подбирает градиенты «под свой монитор» — это какая-то кустарщина, простите.
За цветопередачу отвечает дизайнер, и именно на его совести возможные траблы пользователей с разными мониторами. Если верстальщик наблюдает очевидную проблему, то его задача — аргументированно донести ее до дизайнера.
О чём и речь, — совместная работа. Одно дело если вы можете хоть что-то донести до дизайнера, другое дело, если пришёл уже готовый макет, а дизайнер за тридевять земель находится.
Мне первый рисунок-схема по дизайну больше нравится чем то, что вышло… Признаться честно, ожидал в статье прочитать что-нибудь новое и интересное. Задачи, пути решения. Не вышло, переделали так и эдак. Не покатило, так как то-то и то-то, поэтому нашли такое решение. А вышло примерно так: решили сделать сайт, нарисовали схему, сделали дизайн, хорошо, когда работают профессионалы и все выходит красиво.
(ещё лучше, когда он же — ещё и программист, но это, скорее, редкость, чем правило)


Издеваетесь? :) Дизайнер-верстальщик-программист? С вероятностью 99% он будет два из этих пунктов делать на «более-менее», а третий — на «отвратительно».

На моей памяти редко попадались даже те, кто на профессиональном уровне совмещал две из этих профессий, а уж все три — упаси бог от таких комбайнов.
PavlovM, являюсь комбайном. Жить и создавать хочется — не убивайте.
Когда-то давно начинала как веб-дизайнер, но слыша «нельзя» верстальщиков, начала верстать и делать «можно».
Если жить и создавать хочется — это прекрасно :)

Просто быть отличным профи в двух разных областях получается у очень немногих.
Лучше сосредоточьтесь на том, что вам интереснее (дизайн, наверное?), развивайтесь, растите. А на верстку найдите человека, которому больше по душе верстка, чем дизайн. Вам просто попадались плохие верстальщики, такое бывает :)
так вы совмещаете все три качества?
а можно примеры ваших работ, которыми гордитесь. Если не секрет
очень неплохо! спасибо
А что по-вашему комбайн? Вот я верстальщик, но могу сделать дизайн, если сроки не жмут и могу создать программную часть, даже cms. Но занимаюсь вёрсткой, т.к. это больше нравится. Опять же я считаю, что любой дизайнер должен знать основы и ограничения вёрстки этим и отличается веб-дизайнер от любого другого дизайнера.

Ну, а последний довод — если такого комбайна покупают, значит он востребователен.
Люди, которые могут сделать «удовлетворительно» — существуют, не спорю, и даже в относительно больших количествах. А вот чтобы один человек делал и дизайн, и верстку, и программирование на «отлично» — сильно вряд ли. Мы ведь все хотим «отлично», правда? :)

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

Но верстальщик, который что-то понимает в дизайне — еще не дизайнер. Программист, который знает html-теги и может на основе бутстрапа сделать сайт — еще не верстальщик. И так далее.
dshster,

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

Согласна. Это, на мой взгляд, должно быть нормой. В то же время, ограничений у вёрстки сейчас много меньше, чем когда-то. Полагаю, бОльшая часть коллизий, возникающих при реализации веб-дизайна, кроется в отсутствии диалога / сотрудничества между веб-дизайнером и верстальщиком. Эта связь должна быть налажена, прочна и заГОСТованна. В первую очередь, с подачи менеджера (пусть даже в его качестве выступает сам владелец сайта).

Ну, и — спасибо за доводы. )
PavlovM, если я занимаюсь веб-дизайном/программированием/вёрсткой, что же, мне теперь в волейбол и в шахматы не играть? Гроссмейстером не являюсь, но перворазрядников периодически обыгрываю. Волейбол пляжный — ростом не вымахала, но беру «сложные мячи». Это, конечно, отступление. Касательно профильности и профессионализма, в первую очередь, хочу поинтересоваться — какого уровня решение задач вы подразумеваете? И связанный вопрос: как вы думаете, какого уровня осуществление задач требуется для создания современного сайта для малого и среднего бизнеса? Вы считаете, что в большинстве проектов на сегодня стремятся использовать инновации и революционные коды/техники, требующие беспримерных навыков программирования/ вёрстки/ веб-дизайна? Что, по-вашему, «отлично», и на что опирается эта оценка? Например, я могу спрограммировать модуль Joomla, osCommerce на «отлично». Сделать дизайн и сверстать его. Если встанет такая задача, смогу разобраться в любом чужом коде других CMS. При достатке времени, могу написать с нуля CMS под нужные задачи (но не вижу смысла красть велосипед / прорубать окно в Америку). В веб-дизайне я не считаю себя Микеланджело, но это не значит, что все, кто занимается исключительно веб-дизайном — сразу Да Винчи. Равно, как и не каждый программист, занимающийся исключительно программированием, — пишет самый быстрый, гибкий и самый востребованный код. Моё увлечение шахматами совершенно не мешает мне играть в волейбол, и даже наоборот, хотя это совершенно разные виды спорта (я знаю, куда лучше посылать мяч, чтобы противник его не отбил, — или, какому союзнику его передать). Более того, в веб-разработке иногда полезно и выигрышно иметь более глубокие знания в разных спектрах, чем просто ознакомление с «соседними» видами деятельности. Расскажу пример. Небольшая московская фирма. В офисе сидят программист, верстальщик, дизайнер и сеошник. Творят над сайтом на Joomla. На сайте всего несколько прикрученных модулей. Творят более года, постоянный штаб. Сеошник говорит: «Что-то мы на второй странице Яндекса...». Смотрю код. Спрашиваю: «а почему у вас главный заголовок где-то за меню и шапкой влачится?». Сеошник отвечает: «У нас максимальная оптимизация при данном шаблоне». Немая сцена: оглядываю программиста, дизайнера и верстальщика. Поместить заголовок ближе к «боди» — дело 5ти минут, они сидят месяцами напролёт перевёрстывают / передизайнивают / перепрограммируют сайт (боюсь спросить, что вообще с сайтом можно делать годами — целым штабом?). А всё дело в том, что разделение труда воспето и прославлено, и вместо одного человека фирма кормит четырёх, которые даже согласоваться между собой не могут. Ответный пример с моей стороны: cck-ship.ru — тоже на joomla, прикручено и модернизировано также несколько модулей/компонентов, делался под ключ за месяц, периодически меняю баннеры и произвожу небольшие обновления, по ключевым запросам в поисковиках — в топ10 (по самым главным — в топ3). Работаю удалённо, обновляю по требованию. К чему всё это? Приведённый пример — демонстрирует типичный уровень задач современного интернет-проекта малого и среднего бизнеса. Он успешно осуществим одним человеком. Доказано прктикой. Однако если говорить о мега-проектах, мега-брендах и т.д. (включая мега-бюджеты), то, безусловно, здесь понадобятся не то что 3-4е человека, а целые отделы специалистов, и управлять ими лучше при чётком разделении ролей и обязанностей (иначе произойдёт топтание на месте).
Можно быть перворазрядником по шахматам и выигрывать районное первенство по волейболу, но стать одновременно гроссмейстером и чемпионом страны по волейболу — у вас уже вряд ли получится :)

Собственно, соглашусь, для малого бизнеса хороший «человек-комбайн» может сделать нормальный сайт. Просто «комбайнерство» мешает стать отличным профи в чем-то одном.

Но, как говорится, дело хозяйское :)
PavlovM, мне кажется, всё проще. ) Есть способности, физические и психические пределы развития. Чемпионами становятся единицы. Также, как не все упорные мастера становятся Микеланджело и Да Винчи. Кстати, Да Винчи не мешало быть одновременно анатомом, химиком, изобретателем и живописцем и мн. др. По вашей логике, он в «профи» уж никак не мог попасть. )
Хм. Один из величайших гениев в человеческой истории должен немного выбиваться из общей цепочки, не находите? :)

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

И также я убежден, что если бы эти люди сконцентрировались на одной профессии, которая им больше по душе, они бы достигли в ней лучших результатов, чем пытаясь усидеть на трех табуретах сразу. И к черту «пределы развития» :)
Доброго дня. ) Один из величайших гениев выделяется отнюдь не этим, а своими способностями, талантами и открытиями. У вас есть укоренившееся мнение, и даже исторические факты его вряд ли опровергнут. Более того, все гении как раз и были похожи в своих обширных интересах и пытливом отношении к миру. Возьмите Наполеона, Ломоносова, Эйнштейна и др. Их увлечения не мешали им стать гениями в конкретной сфере (скорее — наоборот). Вы находите корреляционную зависимость там, где её нет, и совершенно игнорируете довольно очевидные связи.

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

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

Я думаю, дело не в желании сидеть на трёх стульях, а комплексности мышления и подходов к разработке, от которых уже не уйдёшь (да и не нужно), и которыми, напротив, можно было бы успешно пользоваться, только вы не знаете, как. Скажу даже больше: после отдельной разработки дизайна, представленной в этой моей статье, я стала отказывать клиентам, пытавшимся заказать у меня исключительно веб-дизайн. Хочу и могу больше. А если моё желание не удовлетворяется в целом (хотя бы веб-дизайн+вёрстка), значит, оно — ополовинивается. Дизайн воспринимается мной в комплексе, и эта комплексность только усиливает и наращивает качество моей разработки на каждом этапе. К такому неожиданному выводу я пришла после своего опыта узкопрофильного проектирования. )

Не жадна до идей, хочу совершенствоваться, развиваться, творить. Приносить пользу. Не перекрывайте кислород, дайте жить.)
Да ради бога, живите и творите, я не такой уж злобный буратино, чтобы вам отказывать в этом праве :)

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

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

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

А то иначе ведь все мы знаем, как правильно и грамотно нужно работать, только вот почему-то говна на рынке не становится меньше )
superalesha, я верстаю. Все мои дизайн-макеты и свёрстанные страницы выглядят практически идентично. Я как-то даже не понимаю, как у верстальщика он может выглядеть как-то иначе, чем у дизайнера.
Да легко) Два разных человека и видят всё по-разному, и делают всё по-разному. Вот для вас страницы выглядят «практически» одинаково, а для кого-то совсем не одинаково, смотря как смотреть и как расставить акценты. Именно поэтому придумали вёрстку «пиксель в пиксель».
Anisotropic, вероятно, так и есть. Тогда другой вопрос: разве нельзя сверстать «пиксель в пиксель» по чужому макету, так же, как по своему? Отнестить к дизайну «пиксель в пиксель». Здесь правильно озвучили мысль о том, что за дизайн отвечает дизайнер (за цветопередачу и пр.). От верстальщика требуется повторить дизайн как можно ближе к «оригиналу». Это и есть его работа, если я верно понимаю (?).
От меня, например, не требуют вёрстки «пиксель в пиксель» ;)
Как правило не требуют, я и не стараюсь особо, показываю потом дизайнеру, и слушаю, что она скажет.
Если показываете, и он одобряет, значит, всё классно. Я думаю, это даже можно назвать совместным творчеством.) В какой-то мере, вы можете чувствовать себя соавтором дизайна.)
Идеально, если веб-дизайнер и верстальщик — одно лицо

Еще года два назад я считала также и очень не любила отдавать свои творения на вёрстку другому человеку. Мне казалось, что правильно реализовать всё благолепие могу только сама).
Но по мере прокачки навыков дизайнера интерфейсов, я стала замечать интересную вещь — при создании графического макета я подсознательно делала некоторые вещи мене сложными и интересными, чем они могли бы быть, потому что «мне еще потом это верстать под IE».
Другой немаловажный момент — в некоторых случаях фронтенд-разработка занимает очень много времени, а я хотела всё больше заниматься дизайном, изучать новые инструменты, следить за трендами, основательно позалипать над скетчами и т.д.
И тогда я все-таки решила начать доверять верстальщикам). Главное — это диалог и по-возможности, приятельские отношения с фронтендером. Тогда сотрудничество получается продуктивным, а результат только радует.
Я люблю работать над фронтом и стараюсь следить за новыми веяними, но теперь не считаю это своей основной деятельностью. И это на порядок упростило мне жизнь. Чего и всем желаю).

Насчет
(ещё лучше, когда он же — ещё и программист, но это, скорее, редкость, чем правило)

Мне кажется, для дизайнера кодинг может быть только хобби, но никак не видом деятельности, которым он занимается наравне с основными обязанностями.
По себе знаю, что переход от фотошопа к IDE и наоборот — это как смена часовых или климатических поясов, ресурсов затрачивается огромное количество, а настроится на работу занимает очень много времени. Если я сегодня пишу код (без разницы, HTML, JS или PHP), то от души подизайнить я смогу, скорее всего, только завтра.

Мораль: дизайнеру в первую очередь нужно быть дизайнером, включать голову и уметь выстроить диалог с фронтед-технологом. И всё будет.
ZaiSL, спасибо за объёмный отзыв и за то, что поделились рассказом из личной практики. Согласна насчёт кода и дизайна — почти всегда приходятся на разные дни. Так получилось, что делаю всё — чаще всего, заказывают «сайт под ключ». Сначала — дизайн (неделя +), после утверждения дизайна начинается программирование и вёрстка (иногда попутно). Т.о., художественная и техническая части разделены. В целом, ваши мысли мне близки и понятны. Мой путь складывается иначе, но, как знать, может, всё переменится в дальнейшем. Более того, если бы я организовывала фирму, то, скорее всего, брала бы разных профильных специалистов (ими проще управлять). Мораль же из статьи почти такая и есть, как вы сказали, за небольшим исключением. Она обращена преимущественно к владельцам сайтов, которые нанимают фрилансеров отдельно и никак не связывают их, т.е. не дают возможности диалога.
Я так понял, что инфографика это вон та зелёная плашка? А теперь вопрос, как её верстать, если, к примеру, поле онлайн у вас всего 4 знака? Через год было бы 6 знаков в этом поле и строчка съехала бы вправо.

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

Картинка будет вам в портфолио, опыт на будущее. Не отчаивайтесь! И не надо ругать верстальщиков — и среди них есть профессионалы и гении и халявщики студенты.
Мне еще нравятся моменты наложения слоев с эффектом (вычитание, умножение и пр.). Выглядит отлично, но в реализации невозможно (или я чего то не знаю). И такое встречается довольно часто. Так что если дизайнер хочет чтобы макет выглядел один в один, то азы верстки и возможные применимые технологии в верстке
Если вы говорите об известных фильтрах-эффектах Photoshop, то при вёрстке, в этом случае, используется вырезанная из макета картинка/бэкграунд. Иногда достаточно вырезать достаточно небольшой участок. Когда же речь идёт не об умножении/вычитании, а просто полупрозрачности определённых элементов, то для этого в css есть такие инструменты как параметр opacity (-moz-opacity и т.д.). Для IE существуют ещё десятки интересных фильтров наложения (filter progid), однако они, по большинству, не в счёт, т.к. отсутсвуют аналоги обработки для других браузеров. Зачастую их применение ограничивается в создании полупрозрачности, теней и градиентов. В целом для веб-разработки, если вам интересно воплощать какие-то фильтры для картинок, могут использоваться фильтры php GD библиотек, однако их продуктом будут исключительно изображения (такие же, какие можно получить из PSD), поэтому для вёрстки их рассматривать не стоит.
Я о тех случаях когда фон один, а поверх слой с таким фильтром, на котором расположен текст, и этот слой с фильтром размножается, и фон можно быть разным или смещаться. Тогда уж никакие фокусы вырезания не получатся. Про прозрачность это как то уже не серьезно :)
А что именно смущает в тексте («на котором расположен текст»). Текст ставится на отдельный слой. Если фон может быть разным или смещаться, надо сделать так, чтобы не смещался / не был разным. Можно установить начало размножения фона с центра, или использовать хак. Если уж совсем гиблое дело (фон никак невозможно стабилизировать под картинкой, чтобы смотрелось слитно), тогда нужно сказать дизайнеру или заказчику, при каких условиях нужный эффект удастся передать в дизайне.
Ну вот собственно была такая задумка чтобы для каждой страницы был другой фоновый рисунок. Ну в общем так и сошлись, что сменили на прозрачность.
А смещался/не смещался, так это зависит куда фон (не повторяющийся) будет прикреплен — если к низу, тут как не крути не получится чтобы не смещался при слишком длинном тексте.
Ну да ладно, такие случаи встречаются не сильно часто, но вот использование этих фильтров — бывает часто, и для этого и надо иметь понятие что можно, и как можно использовать
Вы имеете в виду, фон фиксированный, а всё остальное движется? ну тогда это атас.
Сменили на прозрачность — самое логичное решение) Поэтому про неё и упомянула выше. Эффект «наслойки» всё-таки более-менее сохраняется.
Ну как то так. На том и сошлись, что переделали под прозрачность
Если в фоновом изображении невозможно выделить полоски-области, которые могли бы повторяться, однако у вас есть это изображение в хорошем разрешении, то «подгонять» его по размеру экранов можно js-скриптами.


Т.е. верстальщик все таки программист по-любому? JS-программист? С кучей кривого медленного кода…

Если дизайнером запланирован фон под каждый знак в каком-то числе, а верстальщик просто кладёт под это число приближённый цвет фона, это неправильно. В этом случае, верстальщик должен сказать: «чтобы достичь точного соответствия с макетом, нужно разбить общее число на отдельные знаки, вложенные в теги». Эту задачу без труда выполнит программист.


Если это отдельные знаки — значит они могут меняться, значит соответствие с макетом будем до следующего изменения.

Автор очень здорово переложил всю ответственность на верстальщика. Только проблема как раз таки чаще всего в том, что нужно заниматься проектированием дизайна и учитывать всю тонну факторов (от браузеров и экранов до специфики и данных сайта). А не рисовать в Photoshop линии и градиенты. Вначале пишется книга, а потом иллюстрации. А у вас получается — дай-ка я нарисую Гарри Поттера без очков, а ты весь сюжет 7 книг меняй — ведь написать, как и сверстать можно все.
Странный комментарий, но спасибо за внимание.) Вы поклонник Гарри Поттера? Про очки и 7мь книг вообще не поняла. При чём тут вёрстка? В статье говорится о том, что при надлежащих знаниях и управлении ими, всё возможно и всё достижимо. В обратном случае, всегда возникают неурядицы.
В статье говорится о том, что при надлежащих знаниях и управлении ими, всё возможно и всё достижимо. В обратном случае, всегда возникают неурядицы.


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

Ок, не понравился (или не поняли) Гарри Поттера — вот вам еще пример.

Я могу нарисовать машину или ракету как угодно хоть знаком вопроса — кому она нужна будет со скоростью 10 км/ч вот в чем вопрос.

Точно так же и сайты — можно нарисовать 10 слойные макеты с офигительными шрифтами, а потом любоваться на единственного пользователя у которого это заработала.
За компетентным специалистом и подразумеваются надлежащие знания, о которых я и говорю. Сайт ни в коем случае не должен быть перегружен. Но бедный и «быстрый» дизайн, — вроде пародии на вКонтакте или Яндекс, — тоже мало кого впечатлит и, в большинстве случаев, будет неприемлем. Давайте же не впадать в крайности, чем вы тут пытаетесь заниматься. Удачи!
Вообще самый простой и удобный интерфейс — это строка поиска: вбил, что нужно и вперед.
Как-то читала про исследования аудитории в этом вопросе. Существует 2 типа пользователя: те, для кого актуальна та самая строка поиска, и те, кто её не воспринимают в принципе.
Идеально, если веб-дизайнер и верстальщик — одно лицо (ещё лучше, когда он же — ещё и программист, но это, скорее, редкость, чем правило)

Как по мне то это плохая идея. Обычно это приводит к тому, что верстальщик начинает править дизайн, если что-то не выходит с версткой. В целом считаю, что нужно разделять максимум сферу обязанностей.
p.s Я вообще не представляю верстальщика который без IPS матрицы работает… Тоже самое, что детским совочком капать траншеи…
Sign up to leave a comment.

Articles

Change theme settings