Категории
(262)
(73)
(42)
SEO
(25)

Drupal-верстка: html-макет или psd-эскиз?

07.05.2014
Автор:

Во время работы нам очень часто приходится сталкиваться с вопросом клиентов: “Что лучше для разработчика - сверстанный HTML-макет или PSD-макет сайта?”. Отвечаем коротко - HTML лучше (при условии, что он качественный). А теперь - наши более подробные измышления на эту тему с конкретными примерами.

Предполагаем, что HTML-макет является полноценным интерактивным макетом сайта, по которому можно пощелкать ручкой мышкой. Также предполагаем, что он качественный, то есть: 

- адаптивный;

- мульти браузерный;

- с рюшками и эффектами.

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

Итак, получив PSD, веб разработчик видит только картинку, ему еще многое предстоит пережить догадаться. В случае получения html-макета, можно сразу сделать 20 кликов по нему, а это за собой приносит понимание предстоящей работы, например:

- видно поведение сайта при разных разрешениях (адаптивность);

- поведение специальных элементов - всплывающие окна, слайд шоу и т.п.;

- а также другие эффекты - маусовер, интерактивность и т.п.

То есть выигрыш в том, что в случае получения html разработчик не смотрит лишний час в монитор, пытаясь понять загадки ЛеонардоДаВинчи дизайнера, например:

- не надо думать, как должен себя вести тот или иной элемент, так как можно просто скопировать поведение из макета;

- будет полная идентичность того, что видел (прим. - если видел) заказчик и реализации этого разработчиком. Избегаем ключевого заключения заказчика при просмотре результатов “ЧТО ЭТО??!!!!”

- на создание Друпал-темы понадобится меньше времени, в пределах от 10% до 70% бюджета разработки (конечно, процент зависит от сложности дизайна, качества макета, его подогнаности под родной стиль друпала);

- не нужно ковыряться знать фотошоп и другие редакторы;

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

Тем не менее существует устойчивый миф о том, что, имея на руках html-макет, друпал-разработчику для верстки сайта фактически остается сделать пару кликов: “что-то куда-то скопировать” и “оно должно заработать” само по себе. Давайте будем разбираться, что же происходит в реальности, а не в мифах. Возьмем за пример одну из наших работ - globein.com, и  посмотрим его главную страницу.

регионы друпал страницы

На изображении указано, в какие именно файлы темы необходимо перенести html-разметку из макета. То есть html-разметка макета рвется и разносится в десяток разных файлов, причем в нее вставляются нужные куски php-кода с переменными и т.п. Потом это все тестируется и отлавливаются нестыковки. А теперь самое интересное - объем работ по верстке что на основе макета, что  psd-эскизов, не особо-то отличается. Вот сравнение работ:

схема работ над друпал темой

Красные этапы работ ± идентичны по объему, но в большинстве случаев в конечном счете верстка на основе html все-таки быстрее. 

Итак, если у вас есть выбор, то, конечно же, лучше работать с html-макетом, ибо так сохранится последний нерв хорошее взаимопонимание между разработчиком и заказчиком и, соответственно, можно будет избежать выяснения конфликтов “как все-таки оно должно было работать”.

1 vote, Rating: 3

Также по теме

1

Ни для кого не секрет, что важнейшей страницей на любом портале является посадочная (целевая) страница. Как грамотно подойти к созданию такой страницы на своем портале - читайте в этом блоге.

2

Среди десятков тем для Drupal несложно и заблудиться. Мы подготовили обзор самых полезных и популярных тем из тех, которые вы можете найти на...

3

SASS - это метаязык на основе CSS, предназначен для увеличения уровня абстракции CSS кода и упрощения файлов каскадных таблиц стиля. 

4

Для удаления ненужных байтов из файлов изображений используется ...

5

Тема Fusion ориентирована на интеграцию с модулем Skinr, и чтобы использовать все возможности, надо ставить 2-ю ветку Скинера + модуль Dialog (для UI). Но, поскольку релизов модулей нету, только...

Need a quote? Let's discuss the project!

Are you looking for someone to help you with your Drupal Web Development needs? Let’s get in touch and discuss the requirements of your project. We would love to hear from you.

Join to peoples who already subscribe