- •1.2. Числа Фібоначчі в дизайні.
- •1.3. П'ять елементів або Kundli дизайн
- •1.4. Коливання синусоїди
- •1.5. Правило Третин
- •Тема1. Модульна сітки.
- •Що таке модульна сітка?
- •Навіщо використовувати модульну сітку?
- •Як користуватися модульною сіткою?
- •Корисні ресурси
- •Тема 1. Основні елементи дизайну, які беруть участь у створенні композиції
- •1. Простір
- •Колірні моделі.
- •Колірна модель rgb
- •Тема 4. Стилі веб-сайтів
- •Класичний стиль
- •Стиль web 2.0.
- •Стиль гранж
- •Мінімалістичний стиль
Тема 1. Основні елементи дизайну, які беруть участь у створенні композиції
Основні або базові елементи дизайну є тими окремими цеглинками, з яких будується вся композиція. А різні комбінації елементів і розставлені акценти забезпечують неповторність і унікальність всього дизайну. При створенні дизайну, для кращого результату, найправильніше буде осмислити і приділити увагу кожному елементу.
1. Простір
Під
поняттям простору розуміється місце
або арена дій, площадка, де власне і
знаходиться вся композиція. Може бути
двомірний
і тривимірний
простір. Об'єкти в тривимірному просторі
мають глибину і об'єм.
2. Лінія
Лінія
- це базовий елемент дизайну, який являє
собою безперервну послідовність з точок
на поверхні, зроблену олівцем або
пензлем. За допомогою ліній задаються
контури або обриси. Лінії можуть бути
криві, горизонтальні, вертикальні,
хвилясті, паралельні, пунктирні.
3. Фігура
Коли
лінія перетинає себе або іншу лінію,
то утворюється фігура. Існують геометричні
фігури (коло, квадрат,
прямокутник, трикутник) і органічні
фігури (обриси аркуша, черепашки, квітки
і
т.д).
4. Колір
Колір
дуже добре передає емоції і дозволяє
об'єктам виділятися від фону. За допомогою
кольору можна привернути увагу до певної
частини сайту.
5. Текстура
Текстура
передає візуальний або тактильний вид
поверхні. Текстура може бути гладкою,
шорсткою, м'якою. Розрізняють реалістичні
текстури, такі як дерево, папір, тканинні
текстури, текстури шкіри і
т.д.
6. Форма
Форма
являє собою тривимірний об'єкт, на
відміну від фігури. У форми можна виміряти
ширину, висоту і глибину. Також форма
передається світлотінню. Форма може
бути отримана шляхом об'єднання двох
або більше фігур.
7. Світлотінь
Цей
елемент визначає співвідношення світлих
і темних областей стосовно до об'єкта.
Світлотінь створюється зовнішнім
джерелом світла, який накладає на об'єкт
відблиски і тіні. Саме світлотінь створює
глибину у фотографіі..
8. Розмір
Кожен
дизайнерський елемент, який бере участь
в композиції, має певний
розмір, або масу
по відношенню до інших елементів і до
всього дизайну в цілому. Регулюючи
розмір, можна забезпечити увагу, передати
настрій, створити необхідний контраст,
виділити інформацію.
Тема 2. Психологія кольору і його вплив на емоційний стан
Колір - один з найбільш значущих елементів веб-дизайну. Саме колір задає загальний настрій сайту. Різні кольори викликають у людини певні емоції. Ці алгоритми формувалися століттями в ході активної взаємодії людини з природою і закріпилися на підсвідомому рівні.
Червоний
Червоний колір символізує пристрасть, агресивність, силу, кров, вогонь, динаміку, допомагає стимулювати енергію і життєву силу. При цьому легко дратує, підвищує тиск, посилює стрес.
Зелений
Зелений колір символізує природу, здоров'я, свіжість, спокій, медицину. Сприяє розслабленню, тонізує і заспокоює. Асоціюється з грошима і жадібністю. Зелений - це колір новачків. У великій кількості може викликати відчуття млявості і одноманітності.
Оранжевий
Оранжевий колір символізує ентузіазм, почуття відкритості та дружелюбність. Це колір радості, щастя, дружби. Цим кольором добре виділяти значущі об'єкти. З негативних значень - невігластво і брехню.
Синій
Синій колір символізує мир, надійність, впевненість в собі, створює відчуття спокою і довіри. Може створювати відчуття холоду. Передає потужність сучасних технологій, чистоту повітря і глибину океану. З негативних емоцій - депресія і байдужість.
Чорний
Чорний колір означає владу, вічність, глибину. Також означає витонченість, аристократизм, складність, формальність, таємницю, почуття власної гідності, сучасну музику, протест. Також асоціюється зі страхом, злом, нещастям, сумом, гнівом.
Білий
Б
ілий
колір - це простота, досконалість,
чистота, цнотливість, духовність, світло,
безпека,
єдність, саморозвиток, мир. З негативу
- холодність і відстороненість.
Фіолетовий
Фіолетовий - королівський колір, колір багатства, впливу, духовних сил, прихованих знань. Це високі устремління, благородство, церемонії, таємниці, просвітництво, зарозумілість, інтуїція, магія, чудо, почуття власної гідності. Зворотний бік фіолетового кольору - печаль.
Жовтий
Часто жовтий колір означає інтелект, оптимізм, радість. Жовтий стимулює розумову діяльність і ефективно привертає увагу. Висловлює дитячі радості і почуття. Негативні значення - лінь і заздрість.
Коричневий
Коричневий може означати дружбу, заходи, події, землю, шоколад, матеріалізм, надійність, світ, продуктивність праці, практику, важка праця. З негативу - брудний, притуплений і нудний.
Рожевий
Рожевий значить весну, подарунки, вдячність, захоплення, співчуття, здоров'я, любов, весілля, жіночність, молодість, ніжність, добру волю, фемінізм, почуття прекрасного, емоції, прекрасне. З іншого боку наївність, слабкість, плаксивість.
Тема 3. Поєднання кольорів для веб-сайтів.
Колірна палітра представляє собою набір кольорів, які використовують при розробці дизайну сайту. До вибору колірної гами сайту пред'являються особливі вимоги, оскільки кольори не тільки визначають зовнішній вигляд вашого сайту, але і будуть також асоціюватися з вашим брендом в інтернеті. Більшість палітр включає від 2 до 4 кольорів, не рахуючи білого і чорного кольору.
Для початку дуже важливо вибрати основний колір. Тому, якщо у нас вже є готовий логотип, то краще в якості основного використовувати колір, який основний в логотипі. Якщо ж колір доводиться вибирати з нуля, то можна скористатися іншим способом.
Потрібно проаналізувати аудиторію вашого сайту з точки зору вікових чи соціальних колірних переваг. Або скористатися інформацією про психології кольору і його впливу на емоційний стан.
