Вступ. Що необхідно знати Web-дизайнерові

Лекція: «Основи Web-дизайну»

План

1. Вступ. Що необхідно знати Web-дизайнерові

2. Основи дизайну. Історія дизайну

3. Формоутворення

4. Основні правила композиції. Закономірності і засоби композиції

5. Колір в дизайні

Вступ. Що необхідно знати Web-дизайнерові

Ми дуже раді, що Ви захотіли увійти до світу Web-дизайну! Так, «усесвітня павутина – WWW», Web-сайт, Web-сторінка – зовсім недавно були оповиті туманом загадковості для більшості людей, що працюють з комп'ютером.

А ті небагато, хто мав доступ до мережі, з великим захопленням розповідають про дивовижний «світ Internet», в якому немає нічого неможливого, який живе своїм життям, не залежно від країни, правителів або окремих людей. Можна сказати, що це двомірна, можливо, тривимірна і барвиста копія реального миру! І зараз цей світ доступний, майже, для кожної людини, яка сіла за комп'ютер, сполучений різними каналами зв'язку з комп'ютерами всього світу.

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

А що ж таке Web-дизайн і з чим його їдять? Чи є необхідність Вам його вивчати? Думаємо, що є, оскільки за допомогою цього засобу Вам можна розміщувати інформацію про себе і свою діяльність. Ви можете публікувати свої роботи (якщо вони вже є) і розміщувати будь-яку інформацію, яка у Вас є. Інакше кажучи, вивчаючи Web-дизайн, Ви придбаєте уміння грамотно і ефективно працювати в мережі Internet, реалізовуючи свої творчі задуми. Проте у зв'язку з швидким темпом розвитку Internet-технологій деякі важливі питання не встигають вирішуватися. Особливо гостро це стосується проблеми дизайну в Internet.

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

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

Тим паче, що в даний час з'являється все більше допоміжних програмних продуктів, що полегшують процес написання коду. Крім того, подібну проблему іноді вирішують дуже просто. Над створенням Web-документів одночасно працюють програмісти і художники, як же, як і багато фахівців. Чи виключає це знання методів роботи напарника? Звичайно ж, немає. Особливо для розробки макету сайту, де вирішуються композиційні завдання, колірне рішення Web-сторінки, програмування і інші сучасні вимоги Web-дизайну для оптимального вирішення творчого завдання. Звертаємо Вашу увагу на те, що важливе для Web-дизайнера. А саме, далеко не тільки знання мови програмування HTML. Хоча, зрозуміло, професійний Web-дизайнер повинен знати всі тонкощі і нюанси внутрішньої структури своєї Web-сторінки. Із цього приводу можна відмітити, що увага до дизайну сторінки і програмуванню повинно бути розділено навпіл. Тому, наперед говоримо вам, що варто звернути особливу увагу на створення дизайну сторінки.

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

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

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