Класичний стиль
Форма
Текстура
Текстура передає візуальний або тактильний вид поверхні. Текстура може бути гладкою, шорсткою, м'якою. Розрізняють реалістичні текстури, такі як дерево, папір, тканинні текстури, текстури шкіри і т.д.
Форма являє собою тривимірний об'єкт, на відміну від фігури. У форми можна виміряти ширину, висоту і глибину. Також форма передається світлотінню. Форма може бути отримана шляхом об'єднання двох або більше фігур.
7. Світлотінь
Цей елемент визначає співвідношення світлих і темних областей стосовно до об'єкта. Світлотінь створюється зовнішнім джерелом світла, який накладає на об'єкт відблиски і тіні. Саме світлотінь створює глибину у фотографіі..
8. Розмір
Кожен дизайнерський елемент, який бере участь в композиції, має певний розмір, або масу по відношенню до інших елементів і до всього дизайну в цілому. Регулюючи розмір, можна забезпечити увагу, передати настрій, створити необхідний контраст, виділити інформацію.
Тема 2. Психологія кольору і його вплив на емоційний стан
Колір - один з найбільш значущих елементів веб-дизайну. Саме колір задає загальний настрій сайту. Різні кольори викликають у людини певні емоції. Ці алгоритми формувалися століттями в ході активної взаємодії людини з природою і закріпилися на підсвідомому рівні.
1. Червоний
Червоний колір символізує пристрасть, агресивність, силу, кров, вогонь, динаміку, допомагає стимулювати енергію і життєву силу. При цьому легко дратує, підвищує тиск, посилює стрес.
2. Зелений
Зелений колір символізує природу, здоров'я, свіжість, спокій, медицину. Сприяє розслабленню, тонізує і заспокоює. Асоціюється з грошима і жадібністю. Зелений - це колір новачків. У великій кількості може викликати відчуття млявості і одноманітності.
3. Оранжевий
Оранжевий колір символізує ентузіазм, почуття відкритості та дружелюбність. Це колір радості, щастя, дружби. Цим кольором добре виділяти значущі об'єкти. З негативних значень - невігластво і брехню.
4. Синій
Синій колір символізує мир, надійність, впевненість в собі, створює відчуття спокою і довіри. Може створювати відчуття холоду. Передає потужність сучасних технологій, чистоту повітря і глибину океану. З негативних емоцій - депресія і байдужість.
5. Чорний
Чорний колір означає владу, вічність, глибину. Також означає витонченість, аристократизм, складність, формальність, таємницю, почуття власної гідності, сучасну музику, протест. Також асоціюється зі страхом, злом, нещастям, сумом, гнівом.
6. Білий
Білий колір - це простота, досконалість, чистота, цнотливість, духовність, світло, безпека, єдність, саморозвиток, мир. З негативу - холодність і відстороненість.
6. Фіолетовий
Фіолетовий - королівський колір, колір багатства, впливу, духовних сил, прихованих знань. Це високі устремління, благородство, церемонії, таємниці, просвітництво, зарозумілість, інтуїція, магія, чудо, почуття власної гідності. Зворотний бік фіолетового кольору - печаль.
9. Жовтий
Часто жовтий колір означає інтелект, оптимізм, радість. Жовтий стимулює розумову діяльність і ефективно привертає увагу. Висловлює дитячі радості і почуття. Негативні значення - лінь і заздрість.
10. Коричневий
Коричневий може означати дружбу, заходи, події, землю, шоколад, матеріалізм, надійність, світ, продуктивність праці, практику, важка праця. З негативу - брудний, притуплений і нудний.
11. Рожевий
Рожевий значить весну, подарунки, вдячність, захоплення, співчуття, здоров'я, любов, весілля, жіночність, молодість, ніжність, добру волю, фемінізм, почуття прекрасного, емоції, прекрасне. З іншого боку наївність, слабкість, плаксивість.
Тема 3. Поєднання кольорів для веб-сайтів.
Колірна палітра представляє собою набір кольорів, які використовують при розробці дизайну сайту. До вибору колірної гами сайту пред'являються особливі вимоги, оскільки кольори не тільки визначають зовнішній вигляд вашого сайту, але і будуть також асоціюватися з вашим брендом в інтернеті. Більшість палітр включає від 2 до 4 кольорів, не рахуючи білого і чорного кольору.
Для початку дуже важливо вибрати основний колір. Тому, якщо у нас вже є готовий логотип, то краще в якості основного використовувати колір, який основний в логотипі. Якщо ж колір доводиться вибирати з нуля, то можна скористатися іншим способом.
Потрібно проаналізувати аудиторію вашого сайту з точки зору вікових чи соціальних колірних переваг. Або скористатися інформацією про психології кольору і його впливу на емоційний стан.
1. Колірні моделі.
Існує кілька способів опису кольору за допомогою кількісних характеристик. Однак, колір - поняття складне, і тому, в залежності від прикладних потреб, колір можна описати за допомогою декількох колірних моделей. Розглянемо найбільш поширені з них.
1.1.Колірна модель RGB
Найбільш поширена в веб-дизайні. Абревіатура RGB означає назви трьох кольорів: Red (червоний), Green (зелений), Blue (синій). Його вихідним кольором є чорний (екран монітора). Всі інші кольори на ньому виходять шляхом комбінації трьох кольорів, які в своїй суміші повинні утворити білий колір. В HTML документах кольору задаються символами від 00 до FF в шістнадцятичному коді перед якими ставиться символ #.
1.2. Колірна модель CMYK
Ця модель характерна для поліграфії і друку. Абревіатура CMYK означає назви чотирьох кольорів: Cyan (блакитний), Magenta (пурпурний), Yellow (жовтий), Key (чорний). Його вихідним кольором є білий (аркуш паперу). Всі інші кольори на ньому виходять шляхом комбінації трьох кольорів, які в своїй суміші повинні утворити чорний колір.
Оскільки модель RGB охоплює більший колірний діапазон, ніж модель CMYK, то всі зображення, призначені для друку і поліграфії, повинні бути переведені з системи RGB в CMYK. Так, створюючи логотип для сайту, використовується одна система (RGB). А для друку візиток і фірмових бланків, використовується CMYK модель.
2. Палітри кольорів
Як правило, дизайнери користуються традиційним колірним кругом для визначення кольорової палітри для сайту. Колірної коло з 12 кольорів був винайдений Ісааком Ньютоном ще в 1666 році. Існує ряд колірних комбінацій, що вибираються за допомогою кола, які практично завжди виглядають гармонійно. Розглянемо докладніше деякі з них.
2.1. Монохроматична палітра
У такій палітрі використовується тільки один колір, але з різними значаеніямі насиченості і яскравості.Такі схеми акуратні, шляхетні і діють заспокійливо.
На наведених нижче прикладах, можна використовувати перший колір, як основний. Другий колір для тексту або бекграунду.Третій колір для беграунда або тексту. А четвертий і п'ятий для різних графічних елементів і акцентів.
2.2.Компліментарна палітра
У цій гармонії використовуються два контрастні кольори з кола і з них вибирається один основний колір. Решта кольору в палітрі - це похідні по насиченості і яскравості від двох первинних кольорів.
Так на наведених нижче прикладах третій і четвертий - це основні контрастні кольори.1 і 2 - відтінки третього, а 5 - відтінок четвертого.
2.3.Спліт компліментарна палітра
Це різновид попередньої палітри, з тією різницею, що один з контрастних кольорів розділений на два сусідніх кольору.
2.4.Аналогова палітра
Аналогова палітра заснована на трьох кольорах, наступних один за одним на колірному колі.З них один колір є основним, а два інших допоміжними.
2.5.Класична палітра
Тут використовуються три кольори, рівновіддалені один від одного.З них один основний, а два інших допоміжні.
2.6.Прямокутна палітра
У цій схемі використовуються дві пари протилежних кольорів. Ця схема досить складна для використання в дизайні, оскільки вимагає дуже точного налаштування.
2.7.Палітра квадрат
Ця схема аналогічна до попередньої, але всі чотири кольори рівновіддалені один від одного.Також досить складна для використання в дизайні, оскільки вимагає дуже точного налаштування.
Використовуємо контрастні кольори
Ще одне правило, про яке не слід забувати при виборі колірної палітри для вашого сайту - це правило контрасту. Важливо вибирати кольору, які забезпечать хороший контраст між текстом, зображеннями і фоном. Наприклад, кольори, найбільш зручні для читання - це чорним по білому або білому по чорному. А ось оранжевий текст на коричневому тлі недостатньо контрастний, і швидше за все, створить незручності для читачів.
Додаткові кольори
Після того, як ви вибрали колірну схему, забезпечили хороший контраст між текстом і фоном, залишилось лише вибрати допоміжні кольори. Як правило, це відтінки ваших основних кольорів. Ці кольори можуть бути використані при наведенні на об'єкт, в текстових посиланнях або декоративною тінню у тексту. Не слід перевантажувати сайт великою кількістю кольорів, це створить непотрібний хаос і відлякує відвідувачів. Оптимально це 4-6 кольорів на сайті.
Тема 4. Стилі веб-сайтів
Найбільш затребуваний в веб-дизайні - класичний стиль.
Сайти з класичним оформленням користуються популярністю серед престижних компаній - фірмовий логотип, фірмовий шрифт, колір та інші елементи роблять сайт впізнаваним для споживачів. Справжній класичний стиль характерний повною відсутністю анімації, або її самим мінімальним кількістю, малим вмістом графіки, має дуже доступну навігацію для відвідувачів сайту.
1.1. Чітка структура
Класика - це чітко виділена стовпчик структура, з назвою, логотипом і слоганом компанії. Найчастіше меню розташовується або вгорі, або в бічній частині сайту (зліва).
1.2. Увага на логотип.
Як правило, класичний дизайн сайту використовують, створюючи веб-ресурс для бізнесу (компаній і корпорацій). При цьому, акцентують увагу на логотипі (найбільш яскравому і привертає увагу, колірному зображенні) - найбільш впізнаваних елементів бізнесу.
1.3. Нейтральні кольори
Класичний дизайн сайтів, найчастіше, виконаний в строгому стилі, колірна гамма - нейтральна, без надміру чванливих або навпаки похмурих кольорів.