Розробка веб-сайту з нуля - Illustrator або Photoshop?

Якщо я розробляю веб-сайт з нуля і маю намір нарізати його і зашифрувати його в Adobe Dreamweaver пізніше, я повинен створити дизайн веб-сайту в Illustrator або Photoshop? Чому?

Швидка буквальна відповідь: між Illustrator та Photoshop, PhotoShop, як це растрово, як і веб-сайт.

Трохи детальніша відповідь: ви б використовували і те, і інше.

Альтернативна відповідь: Подумайте про використання Fireworks. Феєрверки настільки простіші у використанні, як тільки ви знайдете його для створення веб-графіки.

Довго нудна відповідь лекції:

Метод "Slice-n-Dice" трохи датований. Він був популярний десять років тому, але в наші дні це дійсно не рекомендований підхід. Я б запропонував:

• Використовуйте будь-яку програму (AI / PSD), щоб "замалювати" сайт. Не соромтеся дотримуватися високої вірності, але ставитесь до цього лише як до макета.

• як тільки це встановлено, починайте створювати сайт. Зануріться у HTML / CSS / JS.

• при необхідності перейдіть до PhotoShop, щоб створити потрібні вам графічні елементи.

Чому? Ну, дизайн в Photoshop не враховує середовище, в якому ви працюєте. Це нерухоме полотно, а веб - це не фіксоване полотно, а також навіть не стандартне полотно. Це приводить команду до ідеальної для пікселів ідеї, і Інтернет просто не ідеальний для пікселів.

Використовуйте феєрверки або 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-bet between-photoshop-and-illustrator"

"Зрештою, рішення про те, який інструмент використовувати, повинен бути прописаний власником конкурсу, але в цілому Illustrator слід використовувати для логотипів та друкованих робіт, тоді як Photoshop слід використовувати для веб-дизайну та будь-якого дизайну, який можна побачити лише на комп'ютері екран ".

Якщо вам потрібно "нарізати", ви можете використовувати безпосередньо Photoshop, не переходячи до Dreamweaver.

У фотошопі є два способи зрізу, автоматично та вручну, вибираючи потрібну частину графіки та зберігаючи її для Інтернету, один фрагмент за раз.

Щоразу, коли ви "автоматично розрізаєте" за допомогою створення HTML, ви вирішите втратити контроль над кодом. На початку вашої кар’єри це нормально, ви навчаєтесь, але це наступить момент, коли ви повинні знати код, тому що для оптимізації краще ввести код руки на вдосконаленому текстовому редакторі (наприклад, програмному забезпеченні Ultraedit), що робить ваше власні html та css.

Єдиний момент, коли мені здається більш корисним автоматичне нарізання, це коли мені потрібно генерувати код таблиці під час проектування електронних листів.

фотошоп до зображення готовий. тобто йдеться про зміст сайту. Клієнт не платить за покращення вашого портфеля. КЛ

Цілком очевидно, що ви повинні використовувати Photoshop для всебічних макетів веб-дизайну.

Дизайни ілюстраторів все ще мають тенденцію оброблятися повільніше порівняно з дизайнами фотошопів.

Якщо ви розробляєте піктограми та веб-елементи, я б запропонував розробити їх в ілюстраторі, а потім розмістити ці елементи у фотошопі.

Якщо ви створюєте макети в Photoshop, ви можете легко перенести ці документи у Fireworks для швидкого прототипування.

Photoshop буде краще. Це допоможе користувачам нарізати.