Почему в Индизайне делать дизайн сайта удобней, чем в Иллюстраторе

Индизайн всегда использовался в полиграфии для верстки. Но, со стремительным ростом нета и востребованностью создания сайтов, многие дизайнеры стали использовать этот замечательный инструмент для создания дизайна сайта.

Идея Индизайна в том, чтобы создавать дизайн из готовых элементов, предварительно сделанных в Фотошопе и Иллюстраторе. Весь набор изображений компонуется в одном документе, образуя готовый макет. После утверждения заказчиком, дается верстальщику в виде исходников: indd вместе с линками (psd, ai).

Возникает вопрос, чем же Индизайн лучше Иллюстратора для создания дизайна сайта?

Итак, резюмируя, можно перечислить основные преимущества. Здесь я буду сравнивать Индизайн и Иллюстратор CS2.

Преимущества Индизайна CS2

  1. Продуктивность. Иллюстратор, своим обилием инструментов подталкивает именно «рисовать» веб-сайт, когда его необходимо просто верстать. Таким образом, думаешь не о красивостях, а именно о том, о чём нужно.
  2. Быстродействие. Индизайн летает даже при десятке страниц, с большим количеством изображений. Иллюстратор в таких условиях будет тормозить.
  3. Многостраничность Иллюстратора — ненатуральная, а в Индизайне — самая настоящая.
  4. Идентичность браузеру. Индизайн рендерит шрифты очень близко к браузеру (только немного светлее).
  5. Поддержка шаблонов (страниц, на основе которых базируются другие страницы). Внесение изменений в шаблона моментально отражается на всех страницых, основанных на нем.
  6. Совместная работа. Индизайн позволяет одновременно работать нескольким специалистам над проектом (когда над проектом одновременно работает  дизайнер, иллюстратор и технический дизайнер). Все быстро подключается, меняется и приводится к окончательному виду.
  7. Использование стилей. Можно задать стиль текста для ссылок главного меню, заголовков, параграфов и т. п.
  8. Дубликаты страниц. Очень удобно создавать несколько вариантов дизайна, чтобы выбрать лучший. Для этого достаточно скопировать существующую страницу и спокойно вносить необходимые изменения, не создавая отдельный файл.
Статья по теме:  Тенденции в мобильном дизайне 2016

Недостатки Индизайна CS2

  1. Невозможно задать единицы измерения пиксели. Создавая новый документ, размер приходится указывать в миллиметрах. Да и определить размер фрейма для картинки проблематично.
  2. Невозможно задать цвет в шестнадцатиричной системе, используемым в HTML.
  3. Документ отображается в режиме CMYK.
  4. Экспорт в джипег не достаточно качествен. Например, в макете сайта пиццы «Марио», подчеркивание текущего разделела было плохо видно и поэтому верстальщих ее не заметил и сделал ссылку без подчеркивания.
  5. Не у всех верстальщиков установлен Индизайн, ведь он не входит в веб-пакет.

Понравилась статья? Поделиться с друзьями:
Комментариев: 11
  1. Vlad Ossipov

    Спасибо Илья, за разбор. Особенно первый пункт, для меня как старого фаната Инди, сразу все поставил по местам. А насчет пикселей, может это так было в CS4? В InDesign CS5 пиксели есть.

    1. FORTRESS-DESIGN (автор)

      Пожалуйста, Влад. Я вообще сравнивал Индизайн и Иллюстратор CS2. Надо это обозначить.

      То что в CS5 появились пиксели — это для меня самая хорошая новость. Значит, возможно, его начинают адаптировать и для макетирования сайтов.

      1. Vlad Ossipov

        Судя по всему. Т.к. при создании нового документа там явно можно выбрать тип Print или Web.

        Это я про Инди.

        1. FORTRESS-DESIGN (автор)

          Это супер клево! :) Значит стоит нарабатывать методику создания макетов сайтов в Индизайне.

          1. Vlad Ossipov

            Ага, вот как раз ваш пост для меня оказался той последней каплей :)

            1. FORTRESS-DESIGN (автор)

              А ваши комментарии теперь развеяли мои сомнения на счет целесообразности работы в Индизайне, когда нет контроля над каждым пикселем. :)

  2. axekoff

    Более того в CS5 можно делать импорт для Дримвейвера, где уже естественно можно внести существенные правки в немного корявый код :)

    1. FORTRESS-DESIGN (автор)

      Че там прям так команда и называется «Экспортировать в Дримвивер»?

      1. Жанна

        Да. File/Export to…/Dreamweaver

        1. FORTRESS-DESIGN (автор)

          Забота о веб-разработчике — это, конечно приятно. Но насколько адекватный получится результат при экспорте?

          Откуда Индизайн знает какой нам нужен сайт: резиновый или фиксированной ширины?

  3. Алекс

    Нормальная верстка — только ручками, замываясь над каждым тегом и правилом.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Перейти к верхней панели
Adblock detector