Теорія кольору. Колористика by Natalia - Illustrated by Nataliia Lazorko - Ourboox.com
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Теорія кольору. Колористика

by

Artwork: Nataliia Lazorko

  • Joined Apr 2020
  • Published Books 2

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

 

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

2

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

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

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

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

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

5. Насиченість – % присутності темно-сірого і чорного тонів

3
6. Яскравість – однаково насичені відтінки, що відносяться до одного і того ж кольору спектру, можуть відрізнятися один від одного ступенем яскравості. Наприклад, при зменшенні яскравості синій колір поступово наближається до чорного.

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

 

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

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

4

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

  • RGB
  • CMYK
  • HSV або HSB

RGB

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

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

Кількість градацій кожного каналу залежить від бітового значення RGB.

5

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

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

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

Переваги моделі

  • Апаратна близькість із монітором, сканером, проектором;
  • Велика кольорова гамма, близька до можливостей людського зору;
  • Доступність багатьох функцій обробки зображення (фільтрів) у програмах растрової графіки;
  • Невеликий (порівняно до моделі CMYK) обсяг, проте ширший спектр кольорів.
6

Недоліки

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

7
CMYK

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

Українською перші три кольори називають так: блакитнийпурпуровийжовтий; але професіонали мають на увазі ціанмаджента і жовтий. Ці кольори візуально не ідентичні із загальноприйнятими назвами кольорів. Так, маджента— це лише один з пурпурових відтінків; жовтий і блакитний — абсолютно певні відтінки, а не цілі діапазони, як у веселці.

CMYK використовуються чотири кольори, назви перших трьох були пояснені вище, а як четвертий зазвичай використовується чорний.

8

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

 

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

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

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

10

Колірна шкала CMYK

Кожен колір в CMYK описується сукупністю чотирьох чисел, які називають кольоровими координатами. Кожне з цих чисел є відсотком фарби даного кольору у складовій колірної комбінації. Приклад: для отримання темно-помаранчевого кольору слід змішати 30% фарби cyan, 45% фарби magenta, 80% фарби yellow і 5% кольори black. Цей колір можна записати таким чином: (30,45,80,5). Іноді користуються іншим позначенням: C30M45Y80K5.

11
HSV (кольорова модель)

HSV (англ. Hue, Saturation, Value — тоннасиченістьзначення) або HSB (англ. Hue, Saturation, Brightness — відтінокнасиченістьяскравість) — колірна модель, в якій координатами кольори є:

  • Hue – колірний тон (наприклад, червоний, зелений або синьо-блакитний). Варіюється в межах 0-360°, проте іноді приводиться до діапазону 0-100 або 0-1.
  • Saturation – насиченість. Варіюється в межах 0-100 або 0-1. Чим більше цей параметр, тим “чистіше” колір, тому цей параметр іноді називають чистотою кольору. А чим ближче цей параметр до нулю, тим ближче колір до нейтрального сірому.
  • Value (значення кольору) або Brightness – яскравість. Також задається в межах 0-100 і 0-1.

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

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

12

Короткий опис колірних асоціацій:

Червоний – теплий і дратівливий, стимулює мозок, поліпшує настрій. Колір лідерства, чоловічий колір, цей колір також збудливо діє на нервову систему.

Червоному кольору віддають перевазі влюбливі і сексуальні люди. Порушення, енергія, пристрасть, бажання, швидкість, міцність, потужність, тепло, любов, агресія, небезпека, вогонь, кров, війна, насильство, все інтенсивне і пристрасне.

13

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

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

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

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

14

Поле звикнення до зеленого кількість правильно вирішених завдань збільшується на 10%, при скороченні кількості помилок на 20%, але при цьому виникає певна

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

Природа, здорове середовище, відновлення, молодість, бадьорість, весна, щедрість, родючість, ревнощі, недосвідченість, заздрість, невдача.

Оранжевий колір-найдинамічніший, молодіжний і веселий колір. Стимулює почуття та прискорює серцебиття, загострює сприйняття та сприяє вирішенню складних ситуацій, завдань і проблем. Життєрадісний і імпровізований. Дія, що викликає збудження, менш сильний, ніж червоний тому більш приємний. Колір злегка прискорює пульс, не збільшуючи кров’яний тиск, створює відчуття благополуччя і щастя. Чинить сприятливу дію на працездатність, за умови періодичного відпочинку від нього. При тривалому сприйнятті помаранчевого може з’явитися стомлення і навіть запаморочення.

Енергія, баланс, тепло, ентузіазм, жвавий, експансивний, пишний, що вимагає уваги.

15

Жовтий життєрадісний колір сприяє вирішенню завдань і проблем. Якщо виходити з твердження, що жовтий – суміш зеленого і червоного, то він поєднує в собі властивості цих кольорів. Жовтий колір стимулює мозок, викликає збудливу напруга. Перевага жовтого означає прагнення до незалежності, розширення горизонту сприйняття. Це яскравий колір спектру. Він дуже гнучкий і легко пристосовується, всюди проникає. За допомогою жовтого променя можна підібратися до витоків проблеми. Жовтий обожнює вчитися, відрізняється кмітливістю, ясністю думки, точністю. Жовтий знає про життя все … і тим не менш повний оптимізму. Цей колір знаходиться у постійній боротьбі, не поступається без бою.

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

Фіолетовий колір люблять люди з нестійким характером. Він діє на серце і кровоносні судини, а також на психіку. Його також називають “кольором жіночої самотності”.

Коричневий – колір консервативних людей, які не бажають нічого змінювати. Земля, вогнище, будинок, надійність, зручність, витривалість, стійкість.

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

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

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

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

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

17

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

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

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

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

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

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

19
20

Насиченість кольору

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

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

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

Однобарвне

Аналогічне

Доповнення

Розбите доповнення

Основне

Вторинне

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

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

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

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

23

Простір

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

Лінія

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

Фігура

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

24

Колір

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

 

Текстура

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

25

Форма

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

Світлотінь

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

Розмір

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

26

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

Цілісність

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

Рівновага

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

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

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

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

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

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

Дисиметрія

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

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

  • визначається як симетричне розташування асиметричних елементів
29
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Ad Remove Ads [X]
Skip to content