22 октября 2007 в 4:00
Рисование дизайна и html-верстка дизайна для Друпала это разные профессии.
Строгановское училище ведет свою историю с 1825 года и готовит лучшие отечественные кадры художников-прикладников. Наивно ожидать, что технарь-друпальщик нарисует дизайн, хоть близко сравнимый с дизайном выпускника Строгановки.
Впрочем, так же наивно ожидать, что выпускник Строгановки сможет хорошо сверстать свой дизайн для Друпала.
Друпал - великая CMS. И сайты на Drupal заслуживают хорошего дизайна. Сделать его может только пара из профессионального рисовальщика и html-верстальщика.
Для лучшего результата рисовальщик Друпал-дизайна должен иметь представление о примитивах, которыми будет оперировать верстальщик Друпал-дизайна. Иначе рисовальщик может нарисовать дизайн, который будет невозможно сверстать в Друпале. Например, раскиданное по секторам круга меню будет сложно сверстать в дизайне Друпала, который выдает меню или в столбик или в строчку.
Данная электронная книга поможет:
1. рисовальщику Друпал-дизайна сориентироваться в основных элементах дизайна, на которые он может опереться при рисовании дизайна для Друпал-сайтов
2. html-верстальщику понять особенности верстки под Друпал
Оглавление
Глава "Управление дизайном через админку"
В Drupal через админку можно гибко указывать, какую информацию и в каком месте страницы выводить.
Рисовальщик должен постараться нарисовать такой дизайн, который
предусматривает вывод большинства информационных кирпичиков
(элементов), управляемых через админку. И при этом дизайн должен красиво выглядеть при любом
сокращенном наборе выводимых информационных кирпичиков.
Подробнее, "Управление дизайном через админку".
Глава "Файлы-шаблоны".
Для верстальщика каждый информационный кирпичик не абстракция, а вполне осязаемая переменная PHP. Друпал заполняет эту переменную HTML-кодом или оставляет пустой. Верстальщику нужно вывести содержимое этой переменной в нужном месте страницы.
Рисовальщик может нарисовать фантастической красоты дизайн. Верстальщик сверстает этот дизайн, а в местах вывода информации будет выводить содержимое нужного кирпичика.
Но рисовальщик должен знать, что верстальщик крайне редко вытаскивает содержимое кирпичика и правит его "напильником". Обычно содержимое каждого кирпичика верстальщик выводит "как есть", ровно в том виде, в котором Друпал выдал html-код этого кирпичика. Самое большее, это верстальщик может проанализировать кирпичик и если он пуст, то верстальщик не будет выводить элементы дизайна, окаймляющие кирпичик.
Рисовальщик должен в своем дизайне опираться на информационные кирпичики, которые может использовать в верстке верстальщик.
Подробнее ,"Файлы-шаблоны".
Глава "Друпал-верстка без знания Друпала"
Традиционно считается, что дизайн для Друпала должен делать друпальщик. Эта книга помогает рисовальщику понять, как устроен Друпал-дизайн и рисовать дизайн без знания Друпала.
Но верстальщик дизайна для Друпала также не обязан знать Друпал. Верстка Друпал-дизайна лишь на 10% требует знания специфики Друпала, остальное - обычная html-верстка.
Подробнее, "Друпал-верстка без знания Друпала"
Полный текст электронной книги "Рисование Друпал-дизайна"
http://www.razgonka.ru/info/204
Книга сверстана на модуле book.
Комментарии
Быстро пробежал глазами...
Как обычно, в стиле Макса - информационный шум, много воды, и мало что по предмету. Читать не стоит.
Шуму много. Но вполне можно ослабить(ужать) до 2-3 страниц полезной информации. Могу помочь
).
По моему скромному, PSD -> HTML+CSS ~20-40% трудозатрат(может потому, что я не умею рисовать
PVasili: "Шуму много."
Книга написана не для друпальщиков, а для рисовальщиков и верстальщиков, не знающих Друпала. Приходится описывать те вещи, которые друпальщик считает очевидным.
PVasili: "Но вполне можно ослабить(ужать) до 2-3 страниц полезной информации. Могу помочь :)"
Страницы книги "Рисование и верстка Друпал-дизайна для не-друпальщиков" созданы как страницы подшивки. В переводе Вадима Барсукова подшивки описыватся так:
"Подшивка - это коллективная авторская работа: пользователи могут взаимодействовать при написании страниц подшивки, расстановке страниц в верном порядке, а также в пересмотре уже написанных страниц. Подшивка позволяет добавлять информацию и улучшать непонравившиеся вам страницы. Если у вас есть дополнительная информация для всех или вы прочитали страницу и она вам не понравилась или вы считаете, что можете написать лучше - пожалуйста, вы можете это сделать."
Я добавил тебе прав на создание новых страниц подшивки и изменение старых страниц. Заходи на Razgonka.ru под своим именем пользователя PVasili и правь книгу.
Обращаю отдельное внимание, что книга называется ""Рисование и верстка Друпал-дизайна для не-друпальщиков". Не хотелось бы в сжатом варианте получить копию http://docs.drupal.ru/doc/peremennye_v_shablonakh
Модуль book на Drupal.ru
Если тебе понравится работать с книгой, написанной через модуль book, то потом может быть вместе упадем Акселю в ноги, чтобы он включил модуль Book на Drupal.ru. Средства коллективной работы в book не так развиты, как wiki. Но если дать доступ к book только доверенным лицам, то вместе можно будет создавать какую-то документацию.
PVasili пишет: "По моему скромному, PSD -> HTML+CSS ~20-40% трудозатрат"
Примерно так. По прайс-листу Razgonka.ru
Т.е. верстка составляет 25-33% от всей стоимости дизайна.
Одна из причин, по которым рисование дизайна стоит дороже, в том, что клиент может непосредственно оценивать дизайн и обсуждения вариантов дизайна с клиентом занимают много времени.
Верстка же делается под браузеры, которые молчат, клиент даже слова "кросс-браузерность" может не знать.. Часто удается сдать верстку клиенту без единого с его стороны замечания. Если сверстать .psd-файл под любимый браузер клиента.
верстка .psd-файла с дизайном - 500$
Не знаю кому как, а мне обычно нужна верстка в (X)HTML... Сколько это будет по Вашему прайс-листу?
работал с выпускниками: Строгановки, архитектурного,
но... самые яркие впечатления остались от работ дизайнера текстильного вуза
Полный бред, а не сатья. Не связанная логически. Вступление школьного изложения притянутое за уши к Друпалу.
Макс, хватит уже придумывать новые слова и говорить о том чего не знаешь/понимаешь!
1. Зачем называть дизайнера рисовальщиком? Потому что рисует? А художников будем писателями называть? Фотографов - съёмщиками?
2. Пожалуйста, запомни, нет такого понятия, как "вёрстка для Drupal". Если верстальщик смог выразить в (X)HTML+CSS полёт идей дизайнера, то из этого ВСЕГДА можно сделать тему для Drupal.
Набило оскомину уже говорить о том, что 99% html Drupal темизируется. Оставшийся 1% ну никакого отношения к "круговым меню" и прочей ерунде не относится.
Dan пишет: "Зачем называть дизайнера рисовальщиком? Потому что рисует?"
Для того, чтобы подчеркнуть что нет абстрактного дизайнера, а есть рисовальщик файла .psd и есть верстальщик этого файла в тему дизайна.
Dan пишет: "Если верстальщик смог выразить в (X)HTML+CSS полёт идей дизайнера, то из этого ВСЕГДА можно сделать тему для Drupal."
Так кто же будет делать эту тему? Еще один человек, на которого и падут все проблемы с отражением друпало-не-дружелюбного .psd-файла?
Psd-файл с дизайном должен опираться на возможности Друпала, а не парить в небесах. Для этого рисовальщик должен знать информационные "кирпичики", которые должны быть включены в дизайн.
Если рисовальщик знает, что Друпал поддерживает двухуровневое горизонтальное меню, то он сможет включить его в дизайн. Или если рисовальщик знает, что можно сделать разное оформление для четных и нечетных блоков, то он может отразить это в файле psd.
С другой стороны, рисовальщик не будет располагать блоки по диагонали, потому что Друпал выдает их в столбец. Или не будет рисовать трехуровневное горизонтальное меню, которое не поддерживается Друпалом.
Дружелюбный для верстки Друпал-темы файл .psd отличается от обычного абстрактного дизайна, который делался без учета специфики Друпала.
Дружелюбный Друпал-дизайн, например, постарается максимально отразить элементы дизайна, которые могут управляться через админку Друпал-сайта.
Dan пишет: "Набило оскомину уже говорить о том, что 99% html Drupal темизируется."
Слышал я эти разговоры: "Сверстать под Друпал можно любой файл .psd". Также слышал речи: "Поднять сайт на Друпале можно по любому техзаданию". Все можно сделать конечно, только клиенту придется платить лишние деньги.
Один неудачный элемент в дизайне или одна строчка в техзадании, не учитывающая специфики Друпала, может обойтись в реализации столько же, сколько остальной проект.
Лучше, когда .psd рисует рисовальщик, знакомый с примитивами Друпала. А техзадание для Друпал-сайта пишет человек, знакомый с возможностями Друпала и его сторонними модулями. Тогда клиент увидит в дизайне или техзадании то, что будет на его сайте. И в целом заказ обойдется ему дешевле.
Дэн, Вы выразили мою мысль. )) Очередной, извините, бойан?
Макс, хватит уже придумывать новые слова
Оставьте это дело Маяковскому?
Полный бред, а не сатья. Не связанная логически. Вступление школьного изложения притянутое за уши к Друпалу.
Факультет журналистики МГУ свою историю ведёт с 1947 года и готовит лучших журналистов России. Наивно ожидать, что Макс напишет оригинальную статью, сравнимую с публикацией абитуриентов, готовящихся поступить на журфак. Более того, учитывая открытие группы "Дизайн средств массовой коммуникации и информации", от студентов и выпускников можно ожидать красивого дизайна страниц и качественной вёрстки (при условии посещения студентом факультативных занятий).
Друпал - великая CMS. И сайты на Drupal заслуживают безукоризненного исполнения. Сайт компании или предприятия служит "лицом" организации в Интернете, так что не стоит доверять настолько важную работу заурядным студиям.
Помогите подзаработать студентам! Они знают что такое связный текст, они знаю что такое оригинальный дизайн, а для образцовой вёрстки не требуется высшего образования. Вёрстку мог бы выполнить даже школьник.
http://drupal.org/project/themesettingsapi
Пжалста. Те элементы дизайна, которые через админку не управляются - будут! "О Боже, красный модуль!" - скажете Вы. Но с ним можно создать действительно "дружелюбный" интерфейс управления темой, а не выведенные в админку условные операторы if...else.
И в дружелюбном для вёрстки .psd не должно быть упоминаний про аватар, если его наличие не предполагается вовсе! На кой чёрт нам лишние куски кода?
Ссылка в тему.
Посмотреть на хорошие дизайны можно на http://screenalicious.com/ . Рядом с каждым дизайном есть его оценка импортными интернетчиками.
Например, дизайн AnitasGarden.com, 4 звезды:
Двойной пост.
Восприятие дизайна зависит от склада ума. Интеллектуал, по роду занятий привыкший оперировать абстракциями разных порядков (например, программист), в замысловатом "красивом" дизайне увидит полный примитив, вдобавок нелепо загаженный графическими прибамбасами и отягчённый безразмерной шапкой.
OffTop: При попытке разместить запись почему-то отменилась авторизация, и движок обругал меня за неверно заполненное поле защиты от спама. Браузер Safari.
Это будет делать программист. Или ты по-прежнему продвигаешь мысль, что программировать ничего не надо, "только включаем модули"? И при чём здесь psd-файл? Мы уже работаем с вёрсткой.
Столбец и два уровня меню (я так понимаю речь о primary и secondary меню?) - это фича _по умолчанию_. Разработчики решили, что она должна быть в дистрибутиве. Ничего не мешает сделать по диагонали и пятиуровневое.
Почему? О цене на сайт договариваются заранее. Если клиента устраивает цена - вперёд, если нет - найдёт другого исполнителя. О какой переплате речь?
Макс прости, как всегда не дочитал статью до конца, то ли слишком сложно написано, то ли...
Смешно читать о "великом" друпале, sas тут все стихами пишет, а о "великом" друпале не написал. Один Макс воспевает cms, а потом пишет, что дизайнер должен прислушиваться к возможностям этой великой системы
Давайте узнаем, кто статью до конца дочитал?
to gorr
Прочёл все комментарии, со всей критикой согласен на 200%. Посмеялся от души от слов рисовальщик и дЕзайнер, а также, что не может один человек и рисовать красиво и верстать с умом.
У меня глобальное замечание, простите, конечно, но что у автора с аватарой? Очки в паинте карандашом подрисовывали? Ещё раз простите не сдержался, а как тут сдержаться, когда человек спорит сам не представляя о чем и рядом с его ответами такой аватар усиливает впечатление :D))))