Основи макета сторінки в CS5

Макет сторінки включає текст і зображення (а іноді й інші форми мультимедіа) для створення дизайну веб-сторінки в Adobe Creative Suite 5. Коли ви створюєте дизайн сторінки, ви повинні враховувати, як люди бачать макет, наприклад, як око рухається по сторінці, щоб сприймати потік інформації. Також враховуйте, як розташовані елементи і скільки порожнього простору їх оточує.

Два основних типи макета сторінки – це макети для друку та веб-версії. Обидва формати вимагають роботи з багатьма однаковими елементами.

Вирішіть, які програми Creative Suite використовувати

Існує багато відмінностей між підготовкою макета для Інтернету та підготовкою його до друку; однак, ви побачите, що ви використовуєте багато однакових інструментів для обох, і велика кількість інформації переходить між двома засобами.

Маніпулювання зображеннями в Інтернеті часто виконується в Photoshop. Це також стандартна програма для маніпуляції та виправлення зображень, призначених для друку. Ви навіть можете створити сторінку для друку, а також розмістити її в Інтернеті за допомогою команди Export XHTML/Dreamweaver в InDesign.

Однак ви повинні враховувати певні міркування, коли публікуєте інформацію в Інтернеті. Навігація, зручність використання, розмір файлу, розміри та можливості комп’ютера – це міркування для Інтернету, які не турбують, коли ви працюєте над друком. Однак роздільна здатність, кольори та обрізка (наприклад, деякі з них) є міркуваннями того, хто розробляє проект для друку, і це не стосується Інтернету.

Іншим варіантом створення макета веб-сторінки є використання Adobe Fireworks, що входить до складу Creative Suite. Fireworks не тільки допомагає створювати веб-графіку, але й надає чудові інструменти для створення прототипів для Інтернету. Використовуючи Fireworks, ви можете встановлювати стилі, створювати головну сторінку та навіть застосовувати інтерактивність до своїх сторінок. Створення кількох прототипів сторінок із гіперпосиланнями — це синхронізація за допомогою Fireworks.

Розробити макет для друку

Коли ви створюєте макет сторінки для друку, ви повинні враховувати розмір і тип паперу, який буде використовуватися. Іноді ви створюєте бланки з певними елементами на сторінці, які залишаються незмінними, тоді як інші елементи (основний вміст) відрізняються від сторінки до сторінки.

Ви також можете створювати макети сторінок, які служать шаблонами для книги, і використовувати певні елементи (наприклад, маркери або бічні панелі) багаторазово різними способами на сторінках. Розмір сторінки, розмір шрифту та роздільна здатність зображення є важливими міркуваннями під час друку.

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

Багато видів шаблонів доступні в Інтернеті, і іноді ви можете завантажити їх безкоштовно; інші доступні за невелику плату залежно від шаблону.

Нижче наведено кілька питань, про які слід подумати, коли ви створюєте макет сторінки:

• Використовуйте сітку та елементи з прив’язкою до вирівнювання, коли це можливо. Якщо певні елементи на вашій сторінці не вирівняні, у вас повинна бути вагома причина.

• Око рухається в напрямку елементів на сторінці. Наприклад, якщо зображення людини звернене в сторону від центру розвороту, око рухається в цьому напрямку. Переконайтеся, що погляд переміщується до важливих елементів на сторінці.

• Дотримуйтесь правила третин і розділіть сторінки на третини. Частини вашого макета повинні входити в ці три області.

Роздільна здатність зображення на екрані вимірюється в пікселях на дюйм (ppi), що відноситься до кількості пікселів, які знаходяться в межах 1 дюйма на екрані. Роздільна здатність зображення вимірюється в точках на дюйм (dpi) — для кожного пікселя друкується крапка чорнила.

Вищий dpi означає, що зображення стає чіткішим і має більш дрібні деталі, що надзвичайно важливо для друку. Роздруковані зображення майже завжди мають вищу роздільну здатність, ніж зображення на екрані, тому ви можете виявити, що зображення розміром 4 x 4 дюйми на екрані (72 ppi) друкується з розміром менше 1 x 1 дюйм (з роздільною здатністю 300 dpi).