- •1.2. Числа Фібоначчі в дизайні.
- •1.3. П'ять елементів або Kundli дизайн
- •1.4. Коливання синусоїди
- •1.5. Правило Третин
- •Тема1. Модульна сітки.
- •Що таке модульна сітка?
- •Навіщо використовувати модульну сітку?
- •Як користуватися модульною сіткою?
- •Корисні ресурси
- •Тема 1. Основні елементи дизайну, які беруть участь у створенні композиції
- •1. Простір
- •Колірні моделі.
- •Колірна модель rgb
- •Тема 4. Стилі веб-сайтів
- •Класичний стиль
- •Стиль web 2.0.
- •Стиль гранж
- •Мінімалістичний стиль
Колірні моделі.
Існує кілька способів опису кольору за допомогою кількісних характеристик. Однак, колір - поняття складне, і тому, в залежності від прикладних потреб, колір можна описати за допомогою декількох колірних моделей. Розглянемо найбільш поширені з них.
Колірна модель rgb
Найбільш
поширена в веб-дизайні. Абревіатура RGB
означає назви трьох кольорів: Red
(червоний), Green (зелений), Blue (синій). Його
вихідним кольором є чорний (екран
монітора). Всі інші кольори на ньому
виходять шляхом комбінації трьох
кольорів, які в своїй суміші повинні
утворити білий колір. В HTML документах
кольору задаються символами від 00 до
FF в шістнадцятичному коді перед якими
ставиться
символ
#.
Колірна модель CMYK
Ц
я
модель характерна для поліграфії і
друку. Абревіатура CMYK означає назви
чотирьох кольорів: Cyan (блакитний), Magenta
(пурпурний), Yellow (жовтий), Key (чорний). Його
вихідним кольором є білий (аркуш паперу).
Всі інші кольори на ньому виходять
шляхом комбінації трьох кольорів, які
в своїй суміші повинні утворити чорний
колір.
Оскільки модель RGB охоплює більший колірний діапазон, ніж модель CMYK, то всі зображення, призначені для друку і поліграфії, повинні бути переведені з системи RGB в CMYK. Так, створюючи логотип для сайту, використовується одна система (RGB). А для друку візиток і фірмових бланків, використовується CMYK модель.
Палітри кольорів
Як
правило, дизайнери користуються
традиційним колірним кругом для
визначення кольорової палітри для
сайту. Колірної коло з 12 кольорів був
винайдений Ісааком Ньютоном ще в 1666
році. Існує ряд колірних комбінацій, що
вибираються за допомогою кола, які
практично завжди виглядають гармонійно.
Розглянемо докладніше деякі з них.
Монохроматична палітра
У
такій палітрі використовується тільки
один колір, але з різними значаеніямі
насиченості і яскравості.Такі схеми
акуратні, шляхетні і діють заспокійливо.
На
наведених нижче прикладах, можна
використовувати перший колір, як
основний. Другий колір для тексту або
бекграунду.Третій колір для беграунда
або тексту. А четвертий і п'ятий для
різних графічних елементів і акцентів.
Компліментарна палітра
У
цій гармонії використовуються два
контрастні кольори з кола і з них
вибирається один основний колір. Решта
кольору в палітрі - це похідні по
насиченості і яскравості від двох
первинних кольорів.
Так на наведених нижче прикладах третій і четвертий - це основні контрастні кольори.1 і 2 - відтінки третього, а 5 - відтінок четвертого.
Спліт компліментарна палітра
Це
різновид попередньої палітри, з тією
різницею, що один з контрастних кольорів
розділений на два сусідніх кольору.
Аналогова палітра
Аналогова
палітра заснована на трьох кольорах,
наступних один за одним на колірному
колі.З них один колір є основним, а два
інших допоміжними.
Класична палітра
Тут
використовуються три кольори,
рівновіддалені один від одного.З них
один основний, а два інших допоміжні.
Прямокутна палітра
У
цій схемі використовуються дві пари
протилежних кольорів.
Ця
схема досить складна для використання
в дизайні, оскільки вимагає дуже точного
налаштування.
Палітра квадрат
Ця
схема аналогічна
до
попередньої,
але всі чотири кольори рівновіддалені
один від одного.Також досить складна
для використання в дизайні, оскільки
вимагає дуже точного налаштування.
Використовуємо контрастні кольори
Ще одне правило, про яке не слід забувати при виборі колірної палітри для вашого сайту - це правило контрасту. Важливо вибирати кольору, які забезпечать хороший контраст між текстом, зображеннями і фоном. Наприклад, кольори, найбільш зручні для читання - це чорним по білому або білому по чорному. А ось оранжевий текст на коричневому тлі недостатньо контрастний, і швидше за все, створить незручності для читачів.
Додаткові кольори
Після того, як ви вибрали колірну схему, забезпечили хороший контраст між текстом і фоном, залишилось лише вибрати допоміжні кольори. Як правило, це відтінки ваших основних кольорів. Ці кольори можуть бути використані при наведенні на об'єкт, в текстових посиланнях або декоративною тінню у тексту. Не слід перевантажувати сайт великою кількістю кольорів, це створить непотрібний хаос і відлякує відвідувачів. Оптимально це 4-6 кольорів на сайті.
