Разработка сайта с нуля - иллюстратор или фотошоп?

Если я создаю веб-сайт с нуля и собираюсь нарезать его и кодировать в Adobe Dreamweaver позже, должен ли я создать дизайн веб-сайта в Illustrator или Photoshop? Почему?

Быстрый буквальный ответ: между Illustrator и Photoshop, PhotoShop, как и растр, как и веб-сайт.

Чуть более подробный ответ: вы бы использовали оба.

Альтернативный ответ: рассмотрите возможность использования Adobe Fireworks. Fireworks намного проще в использовании, если вы освоите его для создания веб-графики.

Длинный скучный ответ на лекцию:

Метод «Slice-n-Dice» немного устарел. Он был популярен десять лет назад, но в наши дни этот подход не рекомендуется. Я бы предложил:

• Используйте любое приложение (AI / PSD), чтобы «зарисовать» сайт. Не стесняйтесь идти с высокой точностью, но относитесь к этому просто как к макету.

• как только вы это установили, начните строить сайт. Погрузитесь в HTML / CSS / JS.

• при необходимости перейдите в PhotoShop, чтобы создать нужные графические элементы.

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

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

Однако имейте в виду:

• Фейерверк лучше для сжатия PNG. Размеры файлов, как правило, на 20% -30% меньше, чем у Photoshop.

• Если вы знаете, что в будущем вы будете разрабатывать другой не веб-контент для сайта (футболки, плакаты, листовки и т. Д.), Лучше начать с векторной программы.

Я должен не согласиться с DA01.

Тот факт, что веб-документ не является статичным изображением, не имеет отношения к полезности графического редактора для размещения и разработки веб-сайта. Ваш макет дизайна не должен (и не должен) быть рабочим прототипом вашего сайта. Макет дизайна - это документ, который помогает визуализировать и создавать эстетический дизайн вашего сайта.

Тот факт, что лист бумаги или белая доска не обладает всеми качествами веб-документа, не означает, что его нельзя использовать для создания каркаса веб-сайта. Кроме того, тот факт, что окно браузера можно растянуть и изменить размер, не имеет значения для макетов дизайна. Любой опытный веб-дизайнер знает, как планировать определенные части макета как гибкие и учитывать ограничения веб-технологий. Все визуальные элементы макета все еще могут быть представлены в виде плоского изображения (именно так оно и отображается на экране).

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

Наконец, для внесения изменений в дизайн кода требуется гораздо больше времени, чем для настройки макета изображения. Вот почему вы всегда должны планировать свой дизайн в макетах, прежде чем приступить к написанию кода. Используете ли вы векторная графику программу, как Fireworks или Illustrator или растровая программа, как Photoshop до вас. Но вы должны всегда разрабатывать свой дизайн в графическом редакторе, прежде чем начинать его кодировать.

Вот хороший пост объясняя это смешно :) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

Здесь лучшее объяснение из очень надежного источника «http://99designs.com/help/whats-the-difference-between-photoshop-and-illustrator»

«В конечном счете, решение о том, какой инструмент использовать, должно быть предписано держателем конкурса, но в целом Illustrator следует использовать для логотипов и печати, тогда как Photoshop следует использовать для веб-дизайна и любого дизайна, который можно увидеть только на компьютере. экран «.

Если вам нужно «нарезать», вы можете использовать Photoshop напрямую, не переходя в Dreamweaver.

В фотошопе есть два способа нарезки: автоматически и вручную, выбрав нужную часть изображения и сохранив ее по одному для Интернета.

В любое время, когда вы автоматически добавляете фрагменты к генерации HTML, вы теряете контроль над кодом. В начале вашей карьеры все в порядке, вы учитесь, но наступит момент, когда вы должны будете знать код, потому что для оптимизации лучше использовать ручной код в расширенном текстовом редакторе (например, в программном обеспечении Ultraedit), выполняющем собственный HTML и CSS.

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

фотошоп к картинке готов. То есть речь идет о содержании сайта. Клиент не платит за улучшение вашего портфеля. KL

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

Проекты иллюстраторов все еще имеют тенденцию обрабатываться медленнее, чем проекты фотошопов.

Если вы разрабатываете иконки и веб-элементы, я бы предложил создать их в иллюстраторе, а затем поместить эти элементы в фотошоп.

Если вы создаете макеты в фотошопе, вы можете легко перенести эти документы в Fireworks для быстрого создания прототипов.

Фотошоп будет лучше. Это поможет пользователям нарезать.