Делать сайты: Photoshop или InDesign

Вспомнилась дискуссия на тему «Фотошоп против (все остальное)», которая была развернута менеджерами в Фейсбуке. В чем суть? Собрались десяток менеджеров в одной ветке, и один, значит, говорит «Представляете, мне макет сайта в Иллюстраторе отдали. Ну вообще…». И вот сидели менеджеры и угорали над дизайнерами, которые даже не знают где сайты нужно рисовать, пока в ветку не пришли дизайнеры.

Почему я вспомнил об этом сегодня? Потому что у меня нет никаких сомнений в том, что в ближайшие годы Фотошоп либо оснастят для удобства веб дизайнеров, либо потихоньку будут переводить веб дизайнеров в Adobe Edge. Получится или нет? Я не знаю. С Fireworks-м не получилось, посмотрим куда приведет новая стратегия. Летом я написал статью В Фотошопе неудобно делать сайты. Всем здравомыслящим людям очевидно что Фотошоп идеален для фото монтажа, но ужасен для веб-дизайна. Да в нём нормально делать промо страничку или визиточный сайт. Но как дело доходит то серьезного проекта, с массой интерактивных элементов, с десятками макетов и множеством правок — пиши пропало. Нарисовать займет неделю. А переделывать месяца.

По этой причине дизайнеры 75-го уровня переходят на любые другие приложения для дизайна. Одни утекают в Illustrator, другие в InDesign. Оба приложения не созданы для веб-дизайна, но значительно более удобны для него чем Фотошоп. Упрощение дизайна, тенденции на избавление от излишних объемов, флэт-дизайновый тренд с другой стороны мотивирует использовать для веб дизайна что угодно, только не Фотошоп. Сегодня я наткнулся на статью-страничку Дмитрия Плотникова, который по совместительству арт-директор Мегаплана.

С Дмитрием я сталкивался несколько раз, ведя некоторые проекты на аутсорсе для Мегаплана. Профессионала видно сразу. Вот что он пишет о своей работе:

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

Жаль нет менеджеров, которые рассказали бы Дмитрию, что сайт нужно делать в Фотошопе. Между тем, есть элемент подражательства. Дизайнеры со слабыми навыками, перебегают на Illustrator или InDesign, рассказывая что «иначе работать нельзя», но выдавая работы ниже среднего.

По этому поводу хочу сказать вот что. Инструмент — дело дизайнера. Другая ситуация в компаниях, где оговаривается инструментарий заранее. Почему? Потому что компания, к примеру, купила лицензионный Corel Grafic Suit. Вот мы так работаем, у нас такие правила, работая у нас придется работать на вот таком пакете приложений. Желаемый формат исходников тоже нужно уточнять заранее. Монополия Фотошопа закончилась. Хороший макет можно сделать практически любой программе, неплохой простенький сайт можно сделать даже в Pixlr Editor.

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

Таким образом инструмент — дело дизайнера, а плохая по качеству работа — его личные проблемы.

14 Comments Делать сайты: Photoshop или InDesign

  1. Лилу

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

    1. Дмит&#

      Вот вот. А с крупными проектами на 50 страниц ни чуть не лучше. Там масса сквозных элементов, масса интереатива, миллион хуверов, всяких линков. Плюс куча всяких взаимодействий. Кликнуть сюда, тогда вылезает аякс окошко, которое сдвигает то что есть и тд. Показать это реально 5кой скринов, с комментариями к каждому. И вот так на каждом шагу.

      Клик по иконке, выдвигаются комментарии, которые сдвигают все что ниже. Сами по себе имеют хувер, при клике активируются, или вообще, какие нибудь формы, анкеты со сложными взаимодействиями. Ужас.

      Что до верстки. Для верстки в Фотошопе и Иллюстраторе есть инструменты Slice Tool. Проблема в том что ими никто не умеет пользоваться 🙂 Даже дизайнеры редко знают как. Верстальщики же привыкли все руками и инструментом выделения. А этого инструмента нет ни в индизайне ни иллюстраторе. От сюда ступор.

      На счет индизайне подробно не знаю, знаю лишь что там есть экспорт в HTML, можно делать интерактивные прототипы и тд 🙂
      http://helpx.adobe.com/ru/indesign/using/export-content-html-cs5-5.html
      http://www.lynda.com/InDesign-tutorials/InDesign-CS6-HTML/137905-2.html

      1. Лилу

        немного не туда опубликовала ответ, сори)

  2. Лилу

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

    1. Дмитрий Веровски

      Вот вот. А с крупными проектами на 50 страниц ни чуть не лучше. Там масса сквозных элементов, масса интереатива, миллион хуверов, всяких линков. Плюс куча всяких взаимодействий. Кликнуть сюда, тогда вылезает аякс окошко, которое сдвигает то что есть и тд. Показать это реально 5кой скринов, с комментариями к каждому. И вот так на каждом шагу.

      Клик по иконке, выдвигаются комментарии, которые сдвигают все что ниже. Сами по себе имеют хувер, при клике активируются, или вообще, какие нибудь формы, анкеты со сложными взаимодействиями. Ужас.

      Что до верстки. Для верстки в Фотошопе и Иллюстраторе есть инструменты Slice Tool. Проблема в том что ими никто не умеет пользоваться 🙂 Даже дизайнеры редко знают как. Верстальщики же привыкли все руками и инструментом выделения. А этого инструмента нет ни в индизайне ни иллюстраторе. От сюда ступор.

      На счет индизайне подробно не знаю, знаю лишь что там есть экспорт в HTML, можно делать интерактивные прототипы и тд 🙂
      http://helpx.adobe.com/ru/indesign/using/export-content-html-cs5-5.html
      http://www.lynda.com/InDesign-tutorials/InDesign-CS6-HTML/137905-2.html

      1. Лилу

        немного не туда опубликовала ответ, сори)

  3. Лилу

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

    1. Дмит&#

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

  4. Лилу

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

    1. Дмитрий Веровски

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

  5. Irina Nikolaevart

    мой дед верстал в ворде, и я верстаю в ворде

  6. Irina Nikolaevart

    мой дед верстал в ворде, и я верстаю в ворде

  7. Lee Daser

    Рисую в Иллюстраторе. Разбиваю и разношу элементы по слоям. Слои подписываю. Экспортирую в фотошоп. Мои вестальщики получают привычный фотошоп. Все довольны.

  8. Lee Daser

    Рисую в Иллюстраторе. Разбиваю и разношу элементы по слоям. Слои подписываю. Экспортирую в фотошоп. Мои вестальщики получают привычный фотошоп. Все довольны.

Comments are closed.