Ваш дизайнер - Графічна концепція сайту у пошуках оптимальної моделі

Графічна концепція сайту: у пошуках оптимальної моделі

Перш, ніж створити сайт, необхідно поставити перед собою низку питань і протягом розробки готового образу потрібно на них відповісти. Тільки в результаті вибору функцій, напрямків та інших характеристик класифікації Інтернет-майданчика можна говорити про графічну концепцію. «Вважається, що графічне наповнення веб-сторінки має бути виконане в єдиному стилі. Ця обставина зокрема і характеризує професійне виконання web-сторінки. Далі вже йдуть кошти того, як це реалізувати в Internet». [16].

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

1. Отже, за тематичним наповненням виділяють велику кількість різновидів сайтів. Але нас цікавлять ті, що належать до теми ЗМІ. Наприклад, крім основних новинних сайтів це можуть бути видання культури та мистецтва, медицини, де також розміщуються журналістські статті та новини.

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

Після того, як ми визначилися з темою та призначенням видання, можна говорити про зміст його виразних засобів та структуру.

3. По використаннюметоду побудови.

Фреймовий дизайн

Фрейм (frame) уперекладі з англійської означає «кадр». Сторінка вікна Web-браузера ділилася на області (фрейми), здатні відкривати в собі нову сторінку за посиланням. Фреймовому Web-дизайну зроду вже десять років. Колись кадри на Web-сторінках були звичайним явищем. Їх застосовували так часто, що зараз серед снобів від Web-дизайну вони вважаються поганим тоном і останні п'ять років практично не використовуються в нових сайтах. [8, с. 271]. Справа в тому, що у фреймового дизайну багато недоліків. Насамперед сайти, створені на основі кадрів, дуже погано обробляються пошуковими системами. Не можна одночасно оновити два або кілька кадрів, а лише по одному. У зв'язку з цим користувачеві некомфортно працюватиме з таким сайтом.

Таблічний дизайн

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

Мабуть, спочатку перерахуємо недоліки табличного дизайну, які безпосередньо пов'язані з недоліком самих таблиць: повільне завантаження і відображення; - громіздкий і заплутаний html-код.

Повільне завантаження — нестача номера для Web-сторінок, створених на основі таблиць розмітки. Справді, якщо частина сторінки довго не відображається, відвідувач сайту може почекати. Але якщо змушує на себе чекати вся сторінка, це — погодьтеся! - Діє на нерви. Це справедливо для всіх сторінок,створених на основі таблиць, і якщо сторінка досить складна, а з'єднання з Інтернетом повільне, відвідувач може навіть піти із сайту, не дочекавшись завантаження сторінки. [8, с. 325]. Величний код, який часом важко побудувати вручну, не вдаючись до допомоги комп'ютерних програм. Тому при створенні табличного дизайну треба заздалегідь уникати множини вкладених таблиць та графіки. Це не тільки полегшує систему побудови тегів - html-коду, але і прискорює завантаження сторінки.

Контейнерний дизайн

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

4. Застилем оформлення можна виділити такі типи.

Сайти-альбоми

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

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

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

Сайти-каталогиі бази даних

Такий сайт має дуже складну структуру, безліч зав'язаних між собою гіперлінків (посилань). Серед інших у Білорусі відомі такі інтернет-каталоги: www.21.by - міський довідковий ресурс (м. Мінськ), www.belarys.info, www.b2b.by - каталоги підприємств та сайтів країни, www.onliner.by - каталог техніки та оглядових статей.

Класичні сайти (портали, пошукові системи, інформаційні ресурси)

Портали – це своєрідні електронні «мости» між іншими сайтами та порталами. Бувають тематичні портали, тобто. сайти, які здійснюють перехід усередині однієї тематики. Таким порталом є www.shop.by, який здійснює свою діяльність у рамках теми торгівлі. Пошукові системи, або "пошуковики" - це спеціальні сайти для ключового та розширеного пошуку. Часто портали та «пошуковики» представлені в одному сайті, наприклад www.tut.by.

Отже, за тематичним наповненням нас цікавлять новинні сайти та ЗМІ. Існує загальна для цього типу ЗМІ назва - це мережні ЗМІ, тобто засоби масової інформації, представлені в кіберпросторі. Що таке мережеві ЗМІ? Це досить складне питаннящодо інформаційних потоків в Інтернеті Чи вважати мережевими ЗМІ лише електронні версії друкованої, аудіовізуальної журналістики? Але тоді як бути з сайтами новин, яким немає аналогів поза Інтернет-простором? Чи вважати такими інформаційні сайти, портали, наприклад www.tut.by, які також виступають у ролі засобу масової інформації? Однозначної відповіді дослідники Web-журналістики поки що не дають.

Проте зараз правовий статус Інтернет-видань у чистому вигляді знаходиться поза сферою дії Закону «Про друк та інші ЗМІ». [41]. Так, наприклад, Інтернет-видання, які не мають друкованого аналога, не треба реєструвати в Міністерстві інформації Білорусі. Водночас, за заявою міністра інформації Володимира Русакевича, найближчим часом законодавчу базу буде переглянуто та Інтернет-видання будуть прирівняні за своїм юридичним статусом до друкованих, тобто. придбають усі права та обов'язки нинішніх редакцій газет та журналів, а також аудіовізуальних ЗМІ. [27].

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

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

Автори книги «Інтернет-журналістика» А. Калмиков та Л. Коханова пропонують ще однуорганізаційну структуру web-сайту. [12].

Плоска структура, де головна сторінка містить усі посилання на інші сторінки сайту. Зазвичай на стартовій сторінці пропонується інформація типу «Про компанію», «Контакти», «Зворотній зв'язок», «Продукція» тощо.

Лінійна структура передбачає навігацію сайтом типу «вперед-назад».

Деревоподібна структура, де одна сторінка дає шлях безлічі інших, застосовна в електронних базах даних.

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

До наведеної класифікації можна додати ще один тип - мережну структуру, де навігація по сайту здійснюється шляхом гіпертекстовості, тобто посилання на різні сторінки (внутрішні лінки) взаємопов'язані і взаємонапрямні. Це означає, що з другої сторінки сайту можна потрапити на стартову або будь-яку іншу сторінку за допомогою посилань, що повторюються. Дублювання лінків полегшує користувачеві завдання, він може «подорожувати» до будь-якої точки сайту, не повертаючись на непотрібну сторінку для «пересадки».