Основи web-дизайну

Основи web-дизайну
Як театр починається з вішалки, так і web-дизайн починається з визначення цілей і завдань майбутнього сайту. Навіщо потрібен сайт? На яку аудиторію розрахований? Яких результатів дозволить домогтися?

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

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

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

Модульна сітка будь web-сторінки містить, як мінімум, два блоки: для основного тесту сайту і для меню. Якщо на сторінці потрібні додаткові елементи, наприклад, ще одне меню, «підвал» ( «footer») або «хедер» ( «header»), то модульна сітка розбивається ще на кілька блоків.

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

Розрізняють шаблон головної і шаблони типових сторінок сайту. Шаблон головної сторінки оформляється, як правило, більш «вигадливо», а шаблони інших сторінок сайту лише підтримують основну ідею.

Робота над шаблоном вимагає обов'язкового тесту на крос-браузерні. тобто на сумісність з різними браузерами і їх версіями. Різні браузери можуть по-різному інтерпретувати код html, тому таке тестування необхідно, щоб уникнути можливого «розвалу» дизайну.

Протестований і повністю готовий до роботи дизайн сайту «прикріплюється» до функціональної «канві», створеної веб-програмістами. У разі використання CMS, розроблені шаблони «закачуються» в відповідну папку на сервері - і все, сайт готовий для наповнення.

Теги:
основи web-дизайну, веб-дизайн, web-дизайн, дизайн сайтів

Схожі статті