Лекція 1 Тема: Основні поняття і об'єкти веб-дизайну.
План
Історія дизайну.
Основні терміни дизайну.
Правила проектування веб-сторінок.
Основні категорії об'єкта дизайну.
Галузі дизайну.
Історія дизайну.
Термін Web-дизайн складається з двох частин. Перша частина - Web - це скорочене написання слів World Wide Web - Всесвітня Павутина. Друга частина терміна - слово "дизайн" - походить від англійського слова design, що означає: проектувати, конструювати, планувати, креслити, створювати малюнок.
Дизайн в широкому сенсі слова - будь-яке проектування, тобто процес створення нових предметів, інструментів, обладнання. Його мета - проектування предметів, в яких форма відповідає їх призначенням.
Слово «design» з'явилося в XVI столітті і однозначно вживалося у всій Європі. Слово "дизайн" вперше згадав в одній зі своїх робіт італієць К. В. Скьер. Італійське вислів «designo intero» означало народжену у художника і викликану Богом ідею - концепцію твору мистецтва. Оксфордський словник 1588 дає наступну інтерпретацію цього слова: «задуманий людиною план або схема чогось, що буде реалізовано, перший начерк майбутнього твору мистецтва».
У вересні 1969 року на конгресі Міжнародної ради організацій по дизайну (ІКСІД) було прийнято наступне визначення: «Під терміном дизайн розуміється творча діяльність, мета якої визначення формальних якостей предметів, вироблених промисловістю. Ці якості форми відносяться не тільки до зовнішнього вигляду, але головним чином до структурних та функціональних зв'язках, які перетворюють систему в цілісну єдність з точки зору, як виробника, так і споживача ».
У середині XX століття в професійному лексиконі для позначення формоутворення в умовах індустріального виробництва вживалося поняття «індустріальний дизайн». Тим самим підкреслювався його нерозривний зв'язок з промисловим виробництвом і конкретизувалася багатозначність терміна «дизайн». І багато трактати з історії дизайну того часу в заголовках містили уточнення «індустріальний дизайн».
Потім в кінці XX століття проектно-художню діяльність в області індустріального формоутворення стали називати більш стисло - «дизайн».
Сучасне уявлення про дизайн в цивілізованому світі розглядається набагато ширше, ніж промислове проектування, в будь-якій області творчої діяльності людини, будь то мистецтво, будівництво або політика ми стикаємося з поняттям дизайну.
Основні терміни дизайну.
Текстура - характер поверхні якого-небудь об'єкта, обумовлений його внутрішньою будовою, структурою, об'єктивними фізичними властивостями (дерево, метал, скло, тканина).
Фактура - зовнішня властивость поверхні об'єкта (гладка, шорстка, дзеркальна). Фактура характеризує якість обробки поверхні об'єкта.
Форма - зовнішній обрис, зовнішній вигляд, контур об'єкта.
Колір - властивість тіл викликати певне зорове відчуття у відповідності зі спектральним складом і інтенсивністю відбиваного або випускається ними видимого випромінювання. Основні параметри кольору - колірний тон, насиченість і светлота. Тон визначається спектральним складом світла, насиченість - кількістю додається сірого кольору, а светлота - яскравістю.
Пропорція - зв'язок складових усередині складного цілого. Розрізняють такі види пропорцій: арифметичну, геометричну, гармонійну. Найвідомішою в дизайні пропорцією є золотий перетин. Цю пропорцію ілюструє малюнок. При цьому довжини сторін показаного прямокутника пов'язані закономірністю: b / a = a / (a + b).
Рисунок 1 – Правило золотого перетину
Перераховані елементи повинні бути творчо пов'язані між собою на базі основних принципів композиції: симетрії, асиметрії, рівноваги, ритму і руху (динаміки).
Композиція - з'єднання різних частин (елементів) в єдине ціле твір відповідно до якої ідеєю. Елементи художнього твору повинні перебувати в гармонійній єдності. Композиція - показник художньої культури дизайнера, почуття міри і стилю.
Симетрія - таке розміщення зображуваних об'єктів, при якому вони розташовуються майже дзеркально по відношенню до центральної осі художнього твору (Web-сторінки). Симетричні композиції - статичні (стійкі), ліва і права половини зображень врівноважені. Порушення симетрії створює відчуття неспокою, динаміки, складності.
Асиметрія - довільне розташування зображуваних об'єктів, при якому ліва і права половини художнього твору стають неврівноваженими.
Рівновага - стан, при якому всі елементи збалансовані між собою. Рівновага викликає відчуття спокою і впевненості.
Рух - ілюзія динаміки, створювана на статичних картинах спеціальними образотворчими прийомами (використання діагональних ліній і розмитого фону, введення вільного простору перед об'єктом, що рухається, вибір характерних фаз руху об'єкта - моментів кульмінації руху). У Web-дизайні ефект руху створюється засобами анімації.
Ритм - чергування різних елементів, яке надає композиції чіткість, стрункість, особливу виразність, динамічність (будова гілок дерева, що стоять уздовж вулиці будинку, повороти голів людей, що стоять групою).
Гармонія - домірність всіх частин цілого.
Контраст - велика відмінність елементів композиції (протиставлення темного і світлого, високого і низького, легкого і важкого, тонкого і товстого, ліній і плям).
Колорит - гармонійне поєднання, взаємозв'язок, тональне об'єднання різних квітів.
Перспектива - спосіб зображення тривимірного простору на площині відповідно до удаваним зміною розмірів і чіткості об'єктів. Дизайнери роблять ступінь зміни розмірів і чіткості пропорційними величині віддаленості об'єктів від точки їх спостереження. Завдяки художній перспективі зображення стає об'ємним, стереоскопічним.
Веб дизайн - вид графічного дизайну, спрямований на розробку та оформлення інтерфейсів користувача і веб-додатків, заснований на застосуванні комп'ютера, програмного забезпечення і спеціальних мов програмування.
Мови програмування, які використовуються при веб-розробці:
HTML;
JavaScript;
Java;
Perl;
C++;
PHP;
Мережеві технології, які використовуються при веб-розробці:
CGI(Common Gateway Interface);
CSS(Cascading Style Sheets);
SSI(Server Side Includes);
ASP.NET;
AJAX.
Web-дизайнер (Web-майстер, Веб-майстер) - художник-програміст, що займається Web-дизайном. Крім обов'язків, пов'язаних з дизайном, веб-майстру нерідко доводиться також виконувати обов'язки системного адміністратора і програміста.