Як зробити шапку для сайту?

Шапка сайту або інакше header - це важлива частина дизайну сайтів. Але, не кожен знає, як зробити шапку для сайту вражаючою. У привабливою шапки є кілька плюсів:

• Сайт буде виглядати на професійному рівні;
• Сайт стає впізнаваним і унікальним;
• Правильна шапка для сайту визначає спрямованість тематики;
• Встановлює корпоративну символіку фірми.

Самий проста шапка

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

Першим способом отримати шапку до свого сайту - це скористатися сервісом і завантажити шапку для сайту безкоштовно. З його допомогою можна отримати досить пристойні шаблони. Ось такі ресурси:

• FreeWebPageHeader - є як платні теми для шапки сайту, так і безкоштовні. Безкоштовний варіант просто копіюється з екрану;
• Header.at.ua - крім шапок статичного виду, є навіть флеш-шапки, правда, вибір не дуже широкий;
• Pro-Website.net - є набір ресурсів, що надають шаблони для шапок безкоштовно.

Шапка в Xheader

Даний варіант також безкоштовний, але тут необхідний креативний підхід, але в результаті ви отримуєте практично унікальна, професійна шапка для сайту. З Xheader не проблема як зробити шапку для сайту протягом декількох хвилин. У програми є дві версії: платна і безкоштовна. Але, навіть у безкоштовній версії багато можливостей:

• Можна зробити свій індивідуальний header використовуючи інструментарій програми або взяти готові шаблони, пропоновані програмою;
• У безкоштовної версії є 500 різних графічних шаблонів header;
• Шаблони розподілені за категоріями, тому нескладно вибрати такий, який буде підходити до вашого сайту;
• Є можливість зміни розмірів шапки;
• Завдяки використанню шарів можна розташовувати елементи графіки в необхідному порядку;
• Збереження проектів відбувається в розширенні XHF, завдяки чому є можливість редагувати шапку;
• У фінальному варіанті шапка для сайту буде збережена у форматі JPG;
• Можна попередньо подивитися, як шапка буде виглядати у вікні браузера;
• Можна додавати і видозмінювати різного роду елементи графіки: квадрати, овали, прямокутники, лінії і кола. Фарбувати їх в різні кольори і застосовувати до них ефект прозорості;
• Є можливість створювати шапки для сайту UcoZ і вставляти в шаблони свої зображення: наприклад: логотип, портрет і т.д .;
• Також є можливість додавання і редагування текстових елементів, надання їм кольору і прозорості, використання спецефектів;

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

Шапка в Adobe Photoshop

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

Залити основний фон. В якості заливки можна підібрати тон, який відповідає загальній колірній гамі вашого сайту. Можна обіграти контраст, проте тут необхідно володіти досконалим почуттям стилю, в іншому випадку шапка буде виглядати як чужорідний елемент на сайті. Кумедний ефект виходить при використанні "градієнта 0", адже з переливами кольору шапка для сайту буде виглядати особливою.

Необхідно визначитися з розташуванням елементів графіки, які відповідатимуть тематиці сайту. Вони можуть розташовуватися і на краях шапки або зміщуватися до одного з країв. Не рекомендується влаштовувати нагромадження об'єктів. У тому, як зробити шапку для сайту - лаконічність тільки краще. Крім об'єктів графіки, також можливе розміщення логотипу. Він може бути виділений за допомогою рамочки, тіні або відбиття.

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

Привабливо буде виглядати, якщо зробити шапку сайту у фотошопі і вставити зображення кнопочок головного меню. Різні кнопки попередньо створюються також в фотошопі. Підпишіть їх, виходячи їх основних розділів сайту. Використовуючи ImageReady, отримане зображення розбивається на окремі сегменти, завдяки чому в майбутньому створюються посилання до різних розділів сайту. Обов'язково збережіть отриманий результат вашої творчості - і ви отримаєте унікальну шапку для сайту.

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