Колористика - наука про колір, що включає знання про природу кольору, основних, складових і додаткових кольорах, основні характеристики кольору, колірних контрастах, змішування кольорів, колориті, колірної гармонії, колірному мовою, колірної гармонії і колірної культури.

Колір - властивість світла викликати певне зорове відчуття у відповідності зі спектральним складом відбиваного або випускається випромінювання. Світло різних довжин хвиль збуджує різні колірні відчуття; випромінювання від 380 до 470 нм мають фіолетовий і синій колір, від 470 до 500 нм - синьо-зелений, від 500 до 560 нм - зелений, від 560 до 590 нм - жовто-оранжевий, від 590 до 760 нм - червоний. Однак колір складного випромінювання не визначається однозначно його спектральним складом.

Терміни колористики:

1. Відтінок (кольори) - назва кольорів (червоний, синій,...)

2. Інтенсивність - рівень концентрації кольорів (перевага того або іншого тону)

3. Глибина - ступінь яскравості або приглушеності тональності кольорів

4. Світлота - ступінь розбіленості ( % присутності в кольорі білого і ясно-сірого тонів)

7. Контрастність - відношення різниці яскравостей об'єкта і фону до їхньої суми

Кольорові моделі

Кольоро́ва модель — це модель конкретизованої класифікації гами світлових кольорів сприйнятних для людини, котра дає можливість класифікувати конкретний колір для подальшої можливості його відтворення.

Основні кольорові моделі

• RGB

• CMYK

• HSV або HSB

RGB

RGB (скорочено від англ. Red, Green, Blue — червоний, зелений, синій) — адитивна кольорова модель, що описує спосіб синтезу кольору, за якого червоне, зелене та синє світло накладаються разом, змішуючись у різноманітні кольори. Широко застосовується в техніці для відображення зображення за допомогою випромінення світла.

У даній моделі колір кодується градаціями складових каналів (Red, Green, Blue). Тому за збільшення величини градації котрогось каналу — зростає його інтенсивність під час синтезу.

Кількість градацій кожного каналу залежить від бітового значення RGB. Зазвичай використовують 24-х бітну модель, у котрій визначається по 8 біт на кожен канал, і тому кількість градацій дорівнює 255, що дозволяє закодувати 2553=16.5 млн. кольорів.

Колірна модель RGB призначена сприймати, представляти та відображати зображення в електронних системах, таких як телебачення та комп'ютери, хоча її також застосовували у традиційній фотографії. Вже до електронного віку, модель RGB мала за собою серйозну теорію, засновану на сприйнятті кольорів людиною.

RGB — апаратно-залежний простір кольорів

Типово приладами із RGB-входом є кольоровий телевізор і відеокамера, сканер і цифровий фотоапарат.

4. Невеликий (порівняно до моделі CMYK) обсяг, проте ширший спектр кольорів.

Недоліки: Збереження імовірності помилки відображення кольорів на екрані монітора — невідповідно до кольорів, отриманих у результаті кольоропроби.

CMYK

CMYK (Cyan, Magenta, Yellow, Key color) — субтрактивна кольорова модель, використовується у поліграфії, перш за все при багатофарбовому (повноколірному) друці. Вона застосовується у друкарських машинах і кольорових принтерах. Українською перші три кольори називають так: блакитний, пурпуровий, жовтий; але професіонали мають на увазі ціан, маджента і жовтий. Ці кольори візуально не ідентичні із загальноприйнятими назвами кольорів. Так, маджента— це лише один з пурпурових відтінків; жовтий і блакитний — абсолютно певні відтінки, а не цілі діапазони, як у веселці.

CMYK використовуються чотири кольори, назви перших трьох були пояснені вище, а як четвертий зазвичай використовується чорний. Згідно з теорією кольору, практично будь-який відтінок можна отримати за допомогою лише трьох кольорів — наприклад Cyan, Magenta і Yellow. Зокрема чорний колір — змішуванням згаданих кольорів в рівній пропорції і з максимальною інтенсивністю. На практиці через недосконалості пігментації фарб стовідсоткове змішування цих трьох кольорів дає скоріше брудно-коричневий або брудно-сірий колір; тріадні фарби не дають тієї глибини і насиченості, яка досягається використанням чорної фарби. Оскільки чистота і насиченість чорного кольору є надзвичайно важливою в друкарському процесі, його було введено в цю колірну модель.

Так було зроблено ще і на користь зручності і простоти друку одноколірних об'єктів — наприклад, чорного тексту. Крім очевидної безглуздості і марнотратства друку кольору, що часто зустрічається, трьома (дорогими) фарбами замість однієї (дешевої сажі), виникають ще і чисто технологічні проблеми — неприведення (незбіг накладених кольорів, що на малих кеглях дає абсолютно нечитабельний результат), і багато інших.

Здійснення друку за допомогою моделі CMYK

Повноколірне зображення розділюється на чотири колірні канали C, M, Y і K, кожен з яких раструється, тобто представляється у вигляді сукупності точок. На відстані точки різних колірних каналів, що розташовані близько одна до одної, для людського ока зливаються. Так створюється відчуття, що кольори накладаються один на одного, утворюють певний відтінок.

• Saturation - насиченість. Варіюється в межах 0-100 або 0-1. Чим більше цей параметр, тим "чистіше" колір, тому цей параметр іноді називають чистотою кольору. А чим ближче цей параметр до нулю, тим ближче колір до нейтрального сірому.

• Value (значення кольору) або Brightness - яскравість. Також задається в межах 0-100 і 0-1.

Візуалізація

Відтінок змінюється по колу конуса. Насиченість кольору зростає з віддаленням від осі конуса, а яскравість - з наближенням до його основи. Іноді замість конуса використовується шестикутна правильна піраміда.

Колірний круг

Колірний круг — це спосіб зрозуміти асоціації кольорів з різними речами та дозволяє зрозуміти, як кольори взаємодіють один з одним.

Біле світло включає всі видимі кольори, які формують безмежний спектр, представлений в послідовності кольорів від фіолетового до червоного:

Колесо має 12 базових тонів. В першу чергу, це три основні кольори (синій, жовтий і червоний). Основні кольори змішуються у вторинні, які дають третинні.

Основні кольори є «батьками» колірного кола; це єдині кольори, не утворені з інших. Основні кольори знаходяться в третинах колірного кола.

Вторинні кольори знаходяться точно між основними. Кожен з них утворено змішуванням рівної кількості найближчих основних кольорів.

Третинні кольори розташовані між вторинними. Кожен з них утворений змішенням сусідніх вторинних кольорів.

Кольори в сукупності

Як ви знаєте, кожен колір плавно переходить в наступний, утворюючи таким чином колірний круг. Синій міститься в семи кольорах, які як би розсипаються віялом, починаючи з ясно-блакитного. Зелений і фіолетовий є вторинними кольорами, які містять синій.

Жовтий міститься в семи кольорах, які розсипаються віялом, починаючи з ясно-жовтого. Зелений і помаранчевий є вторинними кольорами, які містять жовтий.

Червоний міститься в семи кольорах, які розсипаються віялом, починаючи з ясно-жовтого. Помаранчевий і фіолетовий є вторинними кольорами, що містять червоний.

Поєднання кольорів

Існує шість основних поєднань кольорів. Кожне з них може дати безконечну кількість різних колірних палітр.

Основи композиції

Що таке композиція? Композиція - об'єднання окремих графічних елементів в єдине ціле. Композиція будується на взаємній супідрядності всіх графічних елементів. Хороша композиція не дозволяє провести якісь додавання або навпаки, щось прибрати, так як це в свою чергу призведе до глибоких змін її характеру

Основні елементи дизайну, які беруть участь у створенні композиції

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

Простір

Під поняттям простору розуміється місце або арена дій, майданчик, де власне і знаходиться вся композиція. Може бути двомірний і тривимірний простір. Об'єкти в тривимірному просторі мають глибину і об'єм.

Лінія

Лінія - це базовий елемент дизайну, який являє собою безперервну послідовність з точок на поверхні, зроблену олівцем або пензлем. За допомогою ліній задаються контури або обриси. Лінії можуть бути криві, горизонтальні, вертикальні, хвилясті, паралельні, пунктирні.

Фігура

Коли лінія перетинає себе або іншу лінія, то утворюється фігура. Існують геометричні фігури (коло, квадрат, прямокутник, трикутник) і органічні фігури (обриси листа, черепашки, квітки і т.д.).

Колір

Колір дуже добре передає емоції та дозволяє об'єктам виділятися від фону. За допомогою кольору можна привернути увагу до певної частини сайту. Існують основні кольори (червоний, жовтий, синій), вторинні кольори (оранжевий, зелений, фіолетовий) - вони виходять шляхом змішування основних кольорів, проміжні (основний + вторинний) і додаткові кольори (протилежні кольори на колірному колі).

Текстура

Текстура передає візуальний або тактильний вид поверхні. Текстура може бути гладкою, шорсткою, м'якою. Розрізняють реалістичні текстури, такі як дерево, папір, тканеві текстури, текстури шкіри і т. д.

Форма

Форма являє собою тривимірний об'єкт, на відміну від фігури. У форми можна виміряти ширину, висоту і глибину. Також форма передається світлотінню. Форма може бути отримана шляхом об'єднання двох або більше фігур.

Світлотінь

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

Розмір

Кожен дизайнерський елемент, який бере участь в композиції, володіє певним розміром, або масою по відношенню до інших елементів і до всього дизайну в цілому. Регулюючи розмір, можна забезпечити увагу, передати настрій, створити необхідний контраст, виділити інформацію.

Властивості і якості композиції

Цілісність

• цілісність пов'язана з іншим засобом композиції

• співпідпорядкованістю

• бажано поєднувати всі елементи в групи за допомогою кольору, розміру або місцеположення

• окремо навіть гарні елементи не зіллються в одне композиційне ціле, якщо вони не будуть підкорятися цьому цілому

• перехід від симетрично організованої частини композиції до іншої частини композиції, що має асиметричну організацію, повинен направлятися використанням таких форм, які дозволяють об'єднати ці частини в єдине ціле

Рівновага

• стан форми, при якому всі елементи збалансовані між собою. Воно залежить від розподілу основних мас композиції щодо її центра (існують різні тлумачення поняття "центр композиції", однак у більшості випадків воно трактується як місце зосередження основних, найважливіших зв'язків між всіма елементами

• маса, текстура, фарбування графічних елементів впливають на композиційну рівновагу

Симетрія припускає:

• строгість, відпочинок, спокій, класицизм, силу

• симетричні форми відповідають формам "важливим", "представницьким"

• розташування елементів засноване на повторенні, відбиття лівого в правом, верхнього в нижньому і т.д.

• відступи від симетрії неминучі і потрібні, але в цьому випадку асиметричний елемент необхідно органічно погодити з іншим обсягом, композиційно зрівноважити і тоді симетрична у своїй основі композиція буде більш оригінальною

Асиметрія означає:

- слабість, рух, динамізм, життя, волю, виразність

- при організації асиметричної композиції окремі елементи позбавлені своєї сполучної - осі симетрії

Дисиметрія

• несиметричне розташування основних частин цілого, при якому другорядні елементи розташовані симетрично. Звідси слідуе, що це динамічна структура зі статичними елементами. Не можна змішувати її з урівноваженою симетрією, що є статичною структурою з динамічними елементами

• дисиметрія вносить у множинність порядок і спокій

Врівноважена симетрія

• визначається як симетричне розташування асиметричних елементів.