<
  • Главная
Статьи

Як Використовувати Сполучення Квітів в дизайні сайту

  1. Значення найбільш часто використовуваних кольорів
  2. синій
  3. жовтий
  4. зелений
  5. монохромна
  6. аналогова
  7. комплементарна
  8. триадическими
  9. Тетрадіческая

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

Або ми настільки суб'єктивні, що не можемо бути задоволені будь-якими колірними схемами

Істина десь посередині. Багато дизайнерів скаржаться на відсутність натхнення, особливо, коли мова йде про вибір кольорів іншими людьми. Можливо тому, що останнім часом, клієнтів важко здивувати чимось новим. Кожен читач може поцікавитися: як дизайнери здатні вибрати тільки відповідні колірні поєднання, коли кількість квітів нескінченно ?. Відповідь виявиться несподіваним і злегка кумедним: багато кольору не люблять один одного! Звичайно, кількість квітів практично безмежно, але тільки деякі з них є "дружніми"! Крім того, хороших колірних комбінацій досить мало в порівнянні з величезною кількістю відтінків.

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

Давайте почнемо. Червоний, синій і жовтий називаються основними кольорами, тому що з них утворюється більшість комбінацій. Практично, їх можна назвати «батьками» кольорів. Вторинні кольори створюються шляхом об'єднання основних кольорів, в рівних частинах:

Синій + Жовтий = Зелений

Синій + Червоний = Фіолетовий

Червоний + Жовтий = Оранжевий

І нарешті, є кольори третього рівня, які утворюються шляхом комбінації первинно-вторинних або вторинно вторинних кольорів. Безумовно, це відбувається в рівних частинах. Результати виходять такі:

Синій + Зелений = Аквамарин

Синій + Фіолетовий = Ліловий

Червоний + Помаранчевий = Алий

Червоний + Фіолетовий = Пурпурний

Жовтий + Помаранчевий = Золотистий

Жовтий + Зелений = Жовто-зелений

Жовтий + Зелений = Жовто-зелений

Ще один факт, який доставляє дизайнерам клопоти, це значення кольорів в різних країнах і культурах. Можливо, це прозвучить трохи дивно, але одним людям колір може доставляти радість, а в іншій частині світу, може розглядатися як скорботний. Незважаючи на ці відмінності, у кожного кольору є свої особливі значення. Так що, настійно рекомендуємо знати їх напам'ять! Вам не складе особливих труднощів, якщо ви додасте в ятати цей пост і станете користуватися ним. У всякому разі, дизайнеру не обов'язково знати значення кольорів, так як він відчуває, який колір краще для його проекту.

Значення найбільш часто використовуваних кольорів

червоний

Коли людина замислюється про значення червоного кольору, в його голові відразу ж виникають асоціації з любов'ю і Днем Святого Валентина, тому що більшість подарунків в це свято червоного кольору. Також червоний провокує хвилювання - тому багато кнопки виклику і дій пофарбовані в червоний колір; крім того він підвищує кров'яний тиск. А ще червоний означає небезпеку. Вас коли-небудь цікавило, чому є дорожні знаки червоного кольору? Ось вам і пояснення.

Наступні приклади допоможуть довести, що червоний - дуже важливий і надзвичайно корисний колір в створенні ефективного макета:

Наступні приклади допоможуть довести, що червоний - дуже важливий і надзвичайно корисний колір в створенні ефективного макета:

синій

Більшість дизайнерів погодиться: якщо хтось не впевнений, який колір краще використовувати, то зазвичай його вибір зупиняється на синьому кольорі. Синій- це колір води і неба. Він часто використовується в дизайні і дає особливе відчуття комфорту, спокою і стабільності. Це і є головна причина, чому він чомусь він так поширений в колірній палітрі фінансових веб-сайтах. Синій колір асоціюється з довірою, правдою, і крім того, що він володіє особливим заспокійливим ефектом, дизайнери рекомендують використовувати його в якості фону.

Шаблони нижче ілюструють, як теорія здійснюється на практиці:

Шаблони нижче ілюструють, як теорія здійснюється на практиці:

жовтий

Жовтий колір, як вже все знають, стимулює мозкову діяльність і пов'язаний з енергією і радістю. Тому, стає очевидним те, чому так багато дитячих тим використовує дизайн в жовтих тонах. У жовтому таїться якась сила, за допомогою якої він приваблює відвідувачів. Наприклад, в Англії таксі зазвичай буває жовтого кольору, і це факт, але в той же час даний колір працює як підсилювач апетиту, ось чому логотип McDonald's заснований на жовтому кольорі.

Ось кілька тем, з дизайном в жовтих тонах:

Ось кілька тем, з дизайном в жовтих тонах:

зелений

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

Зверніть увагу на дивовижне використання зеленого кольору в веб-дизайні:

Зверніть увагу на дивовижне використання зеленого кольору в веб-дизайні:

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

Давайте заглянемо глибше, щоб побачити, як правильно варто створювати колірні комбінації.

монохромна

монохромна

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

аналогова

аналогова

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

комплементарна

комплементарна

Комплементарна створюється з двох кольорів, які знаходяться протилежно один одному на колірному колі. Ці кольори не близькі, тому їх можна назвати «ворожими». В результаті, контраст виходить дуже потужний. Потрібно прагне не створювати візуальне напруга, від якого зазвичай болять очі у відвідувачів.

триадическими

триадическими

Триадическими базується на виборі квітів, які утворюють кут 120 градусів між собою. Таким чином, створюється сильне рівновагу.

Тетрадіческая

Тетрадіческая

Як випливає з назви, ця комбінація складається з чотирьох кольорів. Тут вибирається два сусідніх кольору, і на додаток до них - два протилежних в колірному колі.

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

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

# 1 - Sphere
Це прекрасне додаток зі зручним інтерфейсом. Він простий у використанні і інтуїтивно зрозумілий. Будьте впевнені, його варто спробувати!

# 2 - Color Scheme Designer
У цього додатка, як і у попереднього, є багато функцій. Отже, якщо вам не сподобалося Sphere, це стане дуже надійною альтернативою. Додаток дозволяє створювати різні комбінації кольорів і побачити, як кольори відповідають один одному.
# 3 - ColoRotate
Це ще одне не менш вражаюче додаток, і його головною особливістю є 3D відображення квітів. Інтерфейс трохи важкувато для непрофесіонала, але як тільки ви ознайомитеся з ним - станете не в силах відмовитися від нього.

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

Чи відбувається це тому, що дизайнери настільки нудні і недосвідчені?
Або ми настільки суб'єктивні, що не можемо бути задоволені будь-якими колірними схемами?
Кожен читач може поцікавитися: як дизайнери здатні вибрати тільки відповідні колірні поєднання, коли кількість квітів нескінченно ?
Вас коли-небудь цікавило, чому є дорожні знаки червоного кольору?


Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью