Керівництво кольором у дизайні блогу LinkAcademy
Ми вирішили опублікувати посібник з 12 ключових кольорів, який буде довідковим джерелом для дизайнерів, веб-програмістів та всіх, хто у своїй роботі спілкується з іншими людьми за допомогою друкованих та цифрових засобів масової інформації.
Понад 80% візуальної інформації пов'язано з кольором. Занадто багато кольору може дратувати, занадто мало кольору може призвести до нудьги.
Широке дослідження в Британській Колумбії показало, що кольори впливають на нашу поведінку, тому що ми постійно оточені кольорами і навчились пов'язувати кожен колір з певними цінностями, характеристиками та почуттями.
Модна компанія Benetton відома тим, що використовує сильний кольоровий спектр у своїх маркетингових кампаніях. Повідомлення "United Colors of Benetton" повідомляє покупцям, що в асортименті продуктів Benetton, які дуже насичені кольором, кожен може знайти щось для себе.
У цьому дусі ця стаття описує 12 найбільш часто використовуваних кольорів у дизайні та ситуації, в яких вам потрібно їх використовувати:
З технічної точки зору білий виділяє інші кольори.
Наприклад, ви можете зробити дуже хороший веб-сайт, якщо між елементами сторінки залишаєте значну кількість пробілу чи порожнього місця.
Він також використовується на веб-сайтах, щоб запропонувати простоту технологічних продуктів.
Він підходить, наприклад, для благодійних організацій, оскільки асоціюється з ангелами, яких ми зазвичай уявляємо в білому одязі.
Білий колір також асоціюється з лікарнями, лікарями та стерильним середовищем, тому його можна використовувати для забезпечення безпеки при рекламі фармацевтичних препаратів. Це часто асоціюється з низькокалорійною, нежирною їжею та молочними продуктами.
Значення чорного кольору такі: елегантність, офіційність, глибина, драматизм, серйозність, таємничість, багатство, біль, гідність, влада, престиж тощо.
У графічному дизайні чорний колір залишає враження вишуканості, таємничості та елегантності.
У веб-дизайні це забезпечує відчуття перспективи та глибини.
Однак, як тло, це зменшує читабельність веб-сайтів. Застосовуваний на великих поверхнях, чорний може викликати депресивний стан.
З іншого боку, це корисно для веб-сайтів із художнім та фотоконтентом, де інші кольори допомагають вібрувати. При проектуванні картинної галереї ви можете використовувати чорний або сірий фон, щоб виділити інші кольори.
Чорний добре контрастує зі світлими кольорами. У поєднанні з червоним або помаранчевим чорний пропонує дуже цікаву колірну гамму.
Це асоціюється з небом і морем. Він відображає мир, злагоду, довіру та безпеку. Значення синього кольору: творчість, інтелект, натхнення, мистецтво, просування, безпека, технологія, свобода, нескінченність, втіха, стабільність.
Блакитний колір дуже добре поєднується з іншими пастельними кольорами та ідеально доповнює природні кольори (сірий, зелений тощо). Сильне враження може створити поєднання синього, червоного та жовтого кольорів. Він погано поєднується з апельсином.
Це найбільш часто використовуваний колір у діловому дизайні.
Синій як корпоративний колір використовується багатьма великими компаніями, наприклад, Microsoft. Це чудово виглядає на веб-сайтах компаній, які рекламують товари в галузі бізнесу, технологій чи фармацевтики, очищення, повітря, води, моря та автомобілів.
Слід мати на увазі, що надмірне вживання синього кольору дає відчуття холоду.
Значення коричневого кольору: дерево, земля, стабільність, дружба, будинок, затишок, опір, близькість, безтурботність, турбота, задоволення, сила, чуттєвість, продуктивність, комфорт тощо.
Технічно коричневий - темно-жовтий, темно-червоний або темно-оранжевий.
Він сумісний із зеленим та синім. Також червоним та помаранчевим.
Він має занадто низьку інтенсивність для використання у веб-дизайні без поєднання з іншими кольорами, щоб виділити його.
Коричневий використовується в ресторанах або для реклами продуктів харчування, таких як кава або тістечка. Вироби з дерева, такі як меблі, мають натуральні відтінки коричневого. Коричневий також позначає безпеку та довіру - одна з найвідоміших міжнародних експрес-кур'єрських компаній UPS відома своїм домінуючим коричневим кольором фірмового стилю.
Це синонім здоров’я та природи. Створює відчуття розслабленості. Багато доповідачів перед тим, як виголосити важливу промову, сидять у зелених кімнатах, щоб відпочити. Зелений колір символізує свіжість, холод, розвиток, багатство, безпеку, стабільність.
В мистецтві та дизайні це дуже приємно, але не слід перебільшувати та використовувати на дуже великих поверхнях. Він дуже сильний і залишає сильне враження. Його часто використовують у поєднанні з темно-синіми тонами.
Насправді, якщо зображення сайту розміщені на зеленому тлі, вони виглядають віддаленими.
Зелений колір використовується в дизайні для забезпечення безпеки при рекламі ліків та інших медичних виробів. У лікарнях часто використовують зелений колір. Оскільки зелений колір корелює з природою, він використовується в рекламі зелених, органічних та корисних продуктів.
Темно-зелений колір зазвичай асоціюється з грошима, фінансовим світом, банками та фінансовим успіхом. У поєднанні з помаранчевим та жовтим створює відповідне враження для спортивних товарів.
Це виражає комфорт, безпеку, надійність, мудрість, зрілість, компроміс.
При використанні в холодних відтінках синього та фіолетового він залишає дуже приємні враження.
У дизайні сірий колір позначає ексклюзивність. Це асоціюється з творчістю та натхненням.
З технічної точки зору, він може бути використаний як основа для елементів, які ми хочемо виділити.
Сірий - це не просто нейтрально.
Його можна змішувати з іншими кольорами для отримання теплого або холодного відтінку. Це пов’язано з тим, що людське око виявляє навіть найменший ступінь змішування кольорів.
Тому, коли він змішує сірий з червоним, оранжевим або жовтим, він стає «теплим сірим». У поєднанні із зеленим, синім або фіолетовим стає "холодним сірим".
Значення срібного кольору такі: гламур, індустрія, інтуїція, мрії, спілкування, сучасність.
Щоб створити високотехнологічний вигляд на веб-сайті компанії, срібло слід використовувати разом з іншими кольорами.
Срібло добре виглядає в Інтернеті в поєднанні з золотом і білим.
Технічно срібло не є "чистим" кольором, оскільки його неможливо створити з кольорової палітри. Срібло має металевий блиск, який отримують шляхом подальшої обробки сірого кольору, якому додається блиск.
З кольорової палітри основою для срібла є колір # C0C0C0 (HEX), відповідно 192, 192, 192 (RGB).
Срібло - це багатство, як і золото. Найдорожчим мистецьким об’єктом, створеним на сьогоднішній день, є срібло. Робота Деміена Херста, на якій зображений людський череп, інкрустований діамантами, продана за 99 мільйонів доларів.
Ось чому сьогодні, використовуючи золото в дизайні, ми передаємо просвітлення, мудрість, багатство, перемогу, гроші, владу, щастя, значення, виконання, концентрацію та вищу якість.
Як і срібло, золото не можна отримати безпосередньо з кольорової палітри, оскільки воно містить відбиття.
З кольорової палітри основою для золота є колір # FFD700 (HEX), відповідно 255, 215, 0 (RGB).
У поєднанні з іншими кольорами золото дуже добре поєднується з помаранчевим, зеленим або коричневим. Крім того, як і жовтий, він залишає дуже хороші враження в поєднанні з червоним або фіолетовим.
У бізнес-дизайні він використовується для представлення грошей і влади, дуже доброї інвестиції або для позначення більш високого рівня з точки зору якості послуг, що надаються клієнтам.
Це співвідноситься із пристрастю, вогнем, швидкістю, змаганням. Він має дуже високу видимість, і тому світлофори, знаки зупинки автомобілів, заборони куріння або засоби пожежогасіння пофарбовані в червоний колір.
Він дуже добре поєднується з помаранчевим, коричневим і жовтим.
В дизайні та мистецтві червоний використовується як акцентний колір, коли ми хочемо щось виділити та залишити сильне враження.
Технічно червоний висуває текст та зображення на перший план і прагне їх переміщати, роблячи об’єкти виглядають більшими та ближчими. Поєднання сильного синього та червоного у веб-дизайні не рекомендується, оскільки таке поєднання дуже втомлює очі.
Червоний зазвичай використовується для стимулювання користувача приймати рішення. Це часто є основним кольором для кнопок "Замовити", "Кошик" тощо.
Це оптимістично, сучасно і енергійно.
Значеннями жовтого є: задоволеність, інтелект, швидке навчання, пам’ять, співпраця, організація, чистота, ентузіазм, допитливість, бажання вдосконалення, надія, просвітлення, енергія.
Жовтий колір дуже ефективно привертає увагу, саме тому він використовується для виділення найважливіших елементів дизайну веб-сайту.
Якщо ви використовуєте світло-жовтий дизайн, будьте обережні, щоб не зробити його білим. Зазвичай для його виділення потрібен темний колір.
Він дуже добре поєднується з синім або сірим. Щоб викликати вогонь, спробуйте його в поєднанні з червоним. Його часто використовують для реклами дитячих товарів. Для здорового літнього враження спробуйте поєднання з апельсином.
Вона жіночна і романтична.
Це передбачає розкіш і розкіш. Він символізує благородство, гідність, високе становище, повагу, вишуканість, вишуканість, силу, елегантність, ефект, гордість, честолюбство, щедрість тощо.
У мистецтві та дизайні фіолетовий дуже популярний колір.
Він використовується разом з іншими пастельними кольорами, а саме з холодними тонами синього, зеленого, навіть сірого. Фіолетовий поєднує стійкість синього з енергією червоного.
Відомо, що світло-фіолетовий - один з улюблених кольорів дам і панянок.
Дослідження показали, що понад 75% дітей до статевого дозрівання віддають перевагу фіолетовому більше будь-якого іншого кольору, тому він може бути дуже ефективним у рекламі дитячих товарів.
Помаранчевий - теплий колір, який випромінює ентузіазм і вібрацію. Він поєднує в собі енергію з червоного і щастя з жовтого.
Значення апельсина також означає велику удачу, безпеку, владу, багатство духу, рішучість, незалежність, сонячне світло, рівновагу, ейфорію, цілі, амбіції, кар’єру, успіх, продажі, дії.
Якщо вам потрібна увага, це ідеальний вибір.
Він зберігає пильність і силу концентрації, а як оптична ілюзія створює враження зменшення простору. Він дуже добре поєднується із сірим та зеленим, і ці поєднання часто використовуються як основні кольори фірмового стилю. Його не слід використовувати в поєднанні з синім кольором.
У дизайні помаранчевий - це колір, який випромінює відчуття тепла. У ресторанах апельсин стимулює апетит, а апельсиновий декор стимулює та сприяє продажам.
Помаранчевий l має високу видимість, і тому його можна використовувати для виділення найважливіших елементів дизайну сайту. Помаранчевий фон на веб-сайтах допомагає зображенням виглядати ближче та більше.
Як кольори впливають на фірмовий стиль та фірмовий стиль
Можливо, вам буде цікаво дізнатись: вдосконалене використання кольорів вивчається в Академії LINK на курсах фірмового стилю та брендингу у відділі дизайну та мультимедіа. Висвітлюються теми: позиціонування, закони про брендинг, архітектура бренду, елементи фірмового стилю тощо.