Як створити каркас сайту

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

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

Що включити в каркас сайту?

Всі важливі елементи веб-сторінки повинні бути представлені в каркас вашого сайту. Використовуйте прості форми замість реальної графіки та позначте їх. Ці елементи включають в себе:

  • Навігація: кнопки для користувачів, щоб відвідати основні розділи вашого сайту.
  • Логотип компанії: може бути просто представлений коробкою.
  • Області утримання: де буде показано різні розділи вмісту?
  • Вікна пошуку
  • Зони входу користувача

Як створити каркас сайту

Існує багато способів створення каркаса сайту. Вони включають:

Малювання від руки на папері

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

Використання Adobe Photoshop, Illustrator або іншого програмного забезпечення

Більшість графічних програмних пакетів оснащені всіма основними інструментами, необхідними для створення каркасів. Прості лінії, форми і текст (для маркування ваших елементів) - все, що вам потрібно для створення презентабельного каркаса.

Використання програмного забезпечення, створеного для цього типу завдання

Хоча Photoshop та Illustrator можуть виконати завдання, деякі програмні пакети розробляються спеціально для цього типу робіт. OmniGraffle спрощує створення каркасів, надаючи інструменти форми, лінії, стрілки та тексту для використання на чистому полотні. Ви навіть можете завантажити власні графічні набори (безкоштовно) в Graffletopia, яка дає вам більше елементів, таких, як загальні веб - кнопок, працювати с.

Вигоди

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

Недоліки

Для більшості людей, як правило, простіше використовувати систему управління контентом, таку  WordPress, ніж розробляти веб-сайт з нуля. Каркасна конструкція ідеально підходить для більш великих і дорогих дизайнерських проектів. З CMS загальний дизайн значною мірою не підлягає обговоренню.