Теория цвета ч.2 — Основные понятия

Чтобы добиться большего эффекта цвета в вашем дизайне, необходимо знать основные понятие и терминологию цвета. Тщательное изучение таких понятий, как насыщенность цвета, сочетание цвета и тени, и наполнение цветом — это ключ к собственным удивительным цветовым решениям.

В первой части этой статьи мы изучение различные оттенки цветов и их значения. Здесь мы пойдём дальше и разберём , как влияют на дизайн добавление серого, белого, чёрного в оттенки цвета. Конечно, с примерами.

ОТТЕНОК

Оттенок — базовое понятие теории цвета, и основывается на цвете самого обьекта. Когда мы говорим «синий»,»зелёный»,»красный» — мы говорим об оттенках .Оттенки используются в дизайне для ПЕРЕДАЧИ ВАЖНОГО ПОСЛАНИЯ посетителю. Но об оттенках я писал в предыдущей статье цикла.

Примеры

У этого сайта перекликаются красный фон и цвета части текста.

Добавление чистых цветов может придать дизайну игривости и веселья.

Простой чистый красный очень популярен в дизайне

Здесь используется микс цветов, который играет и в шапке и в логотипе

А вот зелёный в чистом виде используется редко, выделяясь из других цветов.

ХРОМАТИЧНОСТЬ

Понятие хроматичекского цвета и цветности связано с его чистотой. Хроматический цвет не содержит в себе ни белого, ни черного, ни серого (эти цвета хроматичность уменьшают). Цветность передаёт яркость цвета в сравнении с белым.

В дизайне , чтобы избежать различных оттенков, нужно иметь очень похожие по цветности варианты. Предпочитая оттенкам цветность вы сразу же становитесь непохожими на всех.

Примеры

Голубой очень цветной, и он хорошо противостоит чёрному и белому

Ещё один сайт с «цветастый», хотя тут присутствуют и его оттенки

Сочетание сильно- и слабо-насыщенных оттенков создают интересный и элегантный дизайн

Яркий цветной дизайн выглядят здесь сдержанно

Сочетание разных по насыщенности цветов дают визуально приятный градиент

НАСЫЩЕННОСТЬ

Насыщенность относится к разделу цветности, она изменяется от количества света, воздействующего на обьект. На ум приходят слова Слабый или Сильный, Бледный или Чистый

В дизайне цвета с хорошей насыщенностью образуют хорошие связки. Как и в случае с цветностью, цвета с разной насыщенностью могут давать визуально резкий эффект

Примеры

Насыщенность разных оттенков схожа, что даёт эффект единства в общем виде страницы

Сочетание ненасыщенных цветов образует мягкий дизайн, что подчёркивается добавление изображений с водой

Цвета с низкой насыщенностью не обязательно должны быть светлыми , что здесь и показано

Отличный пример, как можно выделить форму за счёт разной насыщенности её и фона

А это другой пример того, как соседствуют цвета с низкой и высокой насыщенностью

ЯРКОСТЬ

Яркость можно по-другом назвать «освещённостью», т.е. этот параметр показывает насколько светлый или тёмный цвет. Тёплые цвета имеют бОльшую яркость, нежели тёмные. Например, оранжевый и красный много ярче, чем синий и фиолетовый. Соответственно, самый яркий цвет — белый, а самый не яркий — чёрный

В дизайне как используются цвета с высокой яркостью, особенно если они с цветные. Контрасты дают нам эстетически приятные дизайны

Примеры

Яркий жёлтый действительно противостоит неярким чёрному и серому

В этом дизайне применены 2 разных голубых, различной яркости. И этот контраст выглядит привлекательно

Сочетание ярких цветов даёт нам энергичный и живой фон

Красный менее яркий, чем голубой, а голубой, в свою очередь, менее яркий, чем белый

Человеческий взгляд сам выбирает акценты в ярких цветах

ТОН

Тон цвета образуется, когда серый добавляется в него . Тона обычно более тусклые и унылые, чем чистые цвета.

Тона используются в дизайне например для придания винтажного эффекта. В зависимости от оттенка, они могут сделать дизайн более изощрённым или элегантным

Примеры

Тона придают сайту изящный вид, внося винтажность и старинность

На этом сайте используется синий разной затемненности, тонов и оттенков

Тонированный цвет можно усилить , если вокруг него расположить серый


В этом дизайне тона панели навигации и фона создают винтажный, «хенд-мейд» образ

Отличный пример, как чистый яркий цвет может сочетаться с тонированным

Некоторые цвета могут рассматирваться как тон других. В этом примере фон -тонированный голубой, в нём очень много серого

ТЕНИ

Тени получаются от добавление в оттенок чёрного, за счёт чего он становится темнее. Это часто порой неправильно используют для описания осветления или тона, но тени могут быть применимы только к оттенку, делая его темнее

В дизайне тени иногда заменяют чёрный, и играют роль нейтрализатора. Сочетание тонов и теней отличный способ создать красивый изящный сайт.

Примеры

Сайт Джонатана Мура содердит в фоне большое количество теней от фиолетового, а также более светлую раскраску в других частях

Использование различных теней вместе работает отлично, пока между ними поддерживается достаточный контраст.

Эффективная комбинация теней в расцветке, особенно в шапк

В этом дизайне для передачи теней используется градиент

Тени внутри текста придают дополнительный интерес сайту

ОСВЕТЛЕНИЕ

Осветление образуется за счёт добавления в оттенок белого, который высветляет его. Если белого добавлено много, что цвета называю пастельными

Осветление обычно используется в создании женских(особенно пастельные) или светлых сайтов. Хотя оно отлично работает и в винтажных дизайнах, и в сайтах, предназначенных для родителей и их малышей или питомцев.

Примеры

Эта страница сочетает в себе различные осветлённые оттенки зелёного

Осветлённый синий используется здесь для получения мягкого и изощрённого образа

Голубой очень популярен для передачи неба в «природных» дизайнах

Осветление очень популярно в «размытых» дизайнах

Осветления сочетаются между собой, обазуя изящный градиент

ИТОГИ

Чтобы ещё раз всё закрепить, В двух словах о каждом из вышеописанных понятий

* Оттенок это цвет (синий, зелёный, красный и тп.)
* Хроматичность (цветность) это чистота цвета (Высоко-хроматичные цвета не имеют в себе примесей черного, белого и серого)
* Насыщенность обозначает насколько силён или слаб цвет (насыщнный — сильный)
* Яркость обозначает насколько светлый или тёмный цвет (яркий — светлый)
* Тон образуется за счёт добавления серого, придавая унылости
* Тени образуються за счёт добавления черного, затемняя оттенок
* Осветление образуется за счёт добавления белого, делая оттенок светлее

оригинал

Читателям также нравится:

Обратите внимание!

Запущена новая версия сообщества для творческих людей — TopCreator, которое мой блог всячески поддерживает. Мы верим, что проект нужен российским дизайнерам, иллюстраторам и фотографам — мы хотимы быть вам полезны! Очень интересный проект, будьте среди первых. Заходите сюда

Комментарии

  1. 04 Мар
    Alexcarrenoir

    Не хотите продать свой naikom.ru ?

  2. 06 Мар
    urimeseeteemi

    Всем прив, скажите пожалуйста как подписаться на вашу rss ленту, что то не получется никак :( Заранее благодарен за ответ.

  3. 07 Мар
    urimeseeteemi

    Всем добрый день, скажите пожалуйста как подписаться на вашу rss ленту, что то не выходит никак :(( Заранее благодарна за ответ.

  4. 07 Мар
    admin

    http://naikom.ru/blog/?p=160
    по этой схеме всё работает.

Оставить комментарий:

Anti-Spam Protection by WP-SpamFree


  • Kevin Durant Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Nike Lebron James Shoes
  • Derrick Rose Shoes
  • D Rose Shoes
  • KD 7 Shoes
  • Kobe X Shoes
  • Kobe 10 Shoes
  • KD 7
  • Kevin Durant Shoes
  • KD Shoes
  • Nike KD Shoes
  • Kobe 10 Shoes
  • Discount Kobe Shoes
  • Kobe Shoes
  • Kobe Bryant Shoes
  • KD 7 Shoes
  • Kyrie Irving Shoes
  • Lebron 12
  • Lebron James Shoes
  • Lebron Shoes
  • Nike Free
  • Nike Free Run
  • Air Max Shoes
  • Cheap Air Max Shoes
  • Lebron James Jersey
  • Kobe Bryant Jersey
  • Kevin Durant Jersey
  • Air Jordan Shoes
  • Michael Jordan Jersey
  • Blake Griffin Shoes
  • Russell Westbrook Shoes
  • Rose Shoes
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Shoes
  • Kyrie 1 Shoes
  • Nike Free 5.0
  • Nike Free 5
  • kevin durant shoes
  • kd 7
  • kd new shoes
  • KD Shoes
  • Kyrie 1
  • Jeremy Scott shoes
  • Jeremy Scott Adidas
  • Tenis Adidas Springblade
  • Kevin Durant Shoes
  • Kobe Bryant Shoes
  • KD Shoes Store
  • KD Sneakers
  • Lebron Basketball Shoes
  • Adidas Porsche Design
  • kd shoes
  • Cheap Herve Leger Dress
  • Cheap Lebron Shoes
  • Adidas Porsche Design
  • Lebron James Shoes
  • Coach Retail Store
  • nba jerseys
  • louis vuitton handbags
  • Cheap Lebron 11
  • Kobe Bryant Shoes
  • Kevin Durant Shoes
  • louis vuitton belts
  • kobe shoes
  • Lebron James Shoes
  • Kevin Durant Shoes
  • Los Angeles Clippers Jerseys
  • Toronto Raptors Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • KD Shoes
  • Lebron James Shoes
  • KD 7
  • Westbrook Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Air Max Shoes
  • kobe bryant shoes
  • Derrick Rose Shoes
  • Rose Shoes
  • KD 7
  • Kobe X
  • Kobe 10
  • Lebron Shoes 12
  • kyrie irving shoes
  • Nike KD Shoes
  • Cheap Nike Free
  • Nike Free
  • Lebron 12 Shoes
  • Cheap Air Max
  • Cheap Lebron Jerseys
  • Kobe Bryant Jerseys
  • Kevin Durant Jersey
  • Kobe Shoes
  • Griffin Shoes
  • Michael Jordan Jerseys
  • Kobe Jerseys
  • Lebron Jerseys
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Cheap Supra Shoes
  • Supra Shoes
  • Nike Kyrie 1
  • Nike Free Shoes
  • Nike Free Run
  • KD shoes
  • Kyrie 1 Shoes
  • Kevin Durant Shoes
  • Jeremy Scott Wings
  • Jeremy Scott Shoes
  • Lebron James Shoes
  • Adidas Porsche Design
  • Kobe Shoes
  • Cheap Kevin Durant Shoes
  • Kevin Durant Shoes
  • Lebron 11
  • Porsche Design Adidas
  • Cheap KD Shoes
  • Lerbon James Sneakers
  • Cheap KD Shoes
  • Herve Leger Dress
  • Lebron Shoes
  • Porsche Design Shoes
  • Lebron Shoes
  • Nike Shoes
  • Cheap Coach Bags
  • louis vuitton purses
  • cheap nba jerseys
  • Lebron James Shoes
  • Cheap Kobe Shoes
  • Kobe Shoes
  • KD Shoes
  • KD Shoes
  • Sacramento Kings Jerseys
  • Washington Wizards Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Lebron 11
  • Kobe Shoes
  • cheap kobe shoes
  • lebron 12 shoes
  • James Shoes
  • Lebron Shoes
  • Rose Shoes
  • Derrick Rose Shoes
  • Kobe 9
  • NIke KD
  • KD VII
  • KD Shoes 2015
  • kyrie shoes
  • Air Max 90
  • Air Max Shoes Sale
  • Nike Free Shoes
  • Nike Free Run 2
  • Lebron 12
  • Lebron Jerseys For Sale
  • Cheap Kobe Jerseys
  • KD Jersey
  • Jordan Jersey
  • Jordan Griffin Shoes
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Footwear
  • Supra Shoes
  • KD Shoes
  • Kyrie irving Shoes
  • Nike Free Run Shoes
  • nike free run 5.0 women
  • KD Shoes
  • Kyrie Irving Shoes
  • Kevin Durant Shoes
  • KD Shoes
  • Kobe Shoes
  • Kobe Shoes
  • Adidas Wings
  • Kobe Bryant Shoes
  • Porsche Design Adidas
  • Cheap Kobe Shoes
  • KD 6
  • Cheap Westbrook Shoes
  • Kevin Durant Shoes
  • Adidas Porsche Shoes
  • Cheap Lebron James Shoes
  • Kevin Durant Shoes
  • Herve Leger Outlet
  • Lebron James Shoes
  • Adidas Porsche Design Bounce
  • Nike Lebron Shoes
  • Coach Outlet
  • nba jerseys for sale
  • louis vuitton bags
  • Air Jordan 29
  • Nike Lebron Shoes
  • Nike Kobe Shoes
  • Cheap Kobe Shoes
  • Cheap KD Shoes
  • KD 6
  • Utah Jazz Jerseys
  • Philadelphia 76ers Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron New Shoes
  • James Shoes
  • Cheap Lebron 11
  • Lebron James Shoes
  • KD 7
  • Adidas Rose Shoes
  • Rose 5
  • NIke KD 7
  • irving shoes
  • KD Shoes
  • Kobe 9
  • Air Max 95
  • Air Max 2014
  • Nike Free 3.0
  • Nike Free Run 3
  • lebron shoes for sale
  • kobe 2014
  • Cheap Lebron James Shoes
  • Kobe Jerseys
  • Kevin Durant Jerseys
  • Jordan Jerseys
  • Cheap Griffin Shoes
  • Jordan Westbrook Shoes
  • Kobe Jersey
  • Lebron Jersey
  • Supra Online
  • Supra Shoes
  • Kyrie 1
  • Irving Shoes
  • Kyrie Shoes
  • Nike Kyrie 1
  • KD Shoes 2015
  • Kobe Shoes 2015
  • Kobe Shoes 2015
  • Kevin Durant Shoes
  • Nike KD Shoes
  • Nike Kobe Shoes
  • Nike Kobe Shoes
  • Adidas Jeremy Scott
  • Adidas Jeremy Scott
  • KD Shoes
  • Adidas Springblade Shoes
  • Kevin Durant Shoes
  • nba jerseys 2015
  • Porsche Design Shoes
  • KD 6
  • KD Shoes Sale
  • Lebron James Shoes
  • Lebron James Shoes
  • Cheap KD Basketball Shoes
  • Herve Leger Bandage Dress
  • Adidas Porsche Bounce Shoes
  • Cheap Lebron Shoes
  • Cheap Coach Handbags
  • Louis Vuitton Bags Women
  • louis vuitton outlet
  • Kobe Shoes
  • Cheap Jordan Shoes
  • Lebron Shoes
  • Lebron Shoes Sale
  • Kobe Shoes Sale
  • Kobe Bryant Shoes
  • Lebron James Shoes
  • KD 6 Shoes
  • Boston Celtics Jerseys
  • New Orleans Pelicans Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Cheap Lebron Shoes
  • Lebron Basketball Shoes
  • Cheap Lebron Shoes
  • D Rose Shoes
  • Rose 5.0
  • KD Shoes
  • kyrie irving shoes
  • Nike Air Max Shoes
  • Nike Air Max
  • Nike Free 5.0
  • Nike Free Womens
  • nike lebron 12
  • kobe shoes 2014
  • Cheap Lebron Shoes
  • KD 7 EP
  • KD 2014
  • Kevin Durant Shoes
  • Lebron Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • KD Jerseys
  • Cheap Jordan Jerseys
  • Hyperdunk Griffin Shoes
  • Westbrook Shoes 2015
  • Nike Kobe Jersey
  • Lebron Jersey For Sale
  • Nike Supra
  • Supra Shoes
  • Kyrie 1
  • nike free run 5.0 women
  • nike free run women
  • Cheap Kyrie 1
  • Cheap Kyrie Shoes
  • Kyrie Shoes 2015
  • Adidas Shoes
  • Lebron Shoes
  • Porsche Design Shoes
  • Kobe 8
  • KD Shoes
  • Cheap Kevin Durant Shoes
  • Lebron Shoes
  • nba jerseys 2014
  • kd Shoes nba
  • Herve Leger Bandage Dress
  • Nike Lebron 11
  • louis vuitton sale
  • Kobe Bryant Shoes
  • Air Jordan Shoes
  • Cheap Lebron James Shoes
  • Kobe Shoes Sale
  • Lebron Shoes
  • Miami Heat Jerseys
  • Los Angeles Lakers Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Westbrook Shoes Sale
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron James Shoes
  • Lebron James Shoes Sale
  • Lebron James Jerseys
  • Cheap Rose Shoes
  • Rose 5 Shoes
  • Nike Free 6.0
  • Nike Free Sale
  • Kyrie Shoes Sale
  • KD Shoes
  • Air Max 2014
  • Air Max 90
  • cheap lebron shoes
  • lebron shoes
  • Lebron James Jersey
  • Lebron Shoes
  • Cheap KD Jerseys
  • Kevin Durant Jersey For Sale
  • Kobe Shoes
  • Jordan Jersey sale
  • Jordan Blake Griffin Shoes
  • Russell Westbrook Shoes Sale
  • official supra shoes
  • Porsche Design Shoes
  • Cheap Jeremy Scott Wings
  • Kobe Shoes sale
  • Lebron Shoes
  • Herve Leger Sale
  • nba jerseys sale
  • Coach Wallets
  • cheap louis vuitton handbags
  • Air Jordan
  • Nike Lebron Shoes Sale
  • Kobe 9
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • nike free run 5.0 men
  • nike free shoes on sale
  • Supra Shoes
  • LV Handbags Men
  • Kevin Durant Shoes
  • KD VI
  • Adidas Shoes
  • San Antonio Spurs Jerseys
  • Chicago Bulls Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Kevin Durant Shoes
  • Lebron Shoes Sale
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron James Shoes
  • Rose New Shoes
  • Rose Shoes 2015
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron Jerseys sale
  • Nike kyrie shoes
  • Adidas Derrick Rose
  • Adidas Store
  • Adidas Shoes
  • Adidas Derrick Rose
  • lebron james shoes
  • Nike Kyrie Shoes
  • Kyrie irving Shoes For Sale
  • Lebron James Jersey
  • Kobe Bryant Jerseys
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • Supra Shoes
  • Russell Westbrook Shoes
  • Kobe Jersey Sale
  • Cleveland Cavaliers Lebron Jersey
  • OKC Jersey
  • Nike Lebron Shoes
  • Lebron James Basketball Shoes
  • Kevin Durant Shoes
  • Herve Leger Bandage
  • Griffin Shoes Sale
  • nba jerseys store
  • Lebron Shoes 2014
  • cheap louis vuitton bags
  • Cheap Kobe Jersey
  • Lebron Jersey 23
  • Jordan Shoes
  • official nba jerseys
  • NBA Stars Basketball Shoes
  • KD Shoes
  • Air Max Shoes 90
  • Air Max 95
  • KD 2014 Shoes
  • KD For Sale
  • Nike Shoes
  • Nike Free
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • Phoenix Suns Jerseys
  • Customized NBA Jerseys
  • Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Bulls Jordan Jersey
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1