Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

Content is King! - Чи згодні? Але незалежно від змісту, обкладинка теж дуже важлива. Ні, ми не сперечаємося, вона не першорядна, але при зустрічі, все ж, судять по одягу, правда? Адже як ще можна привернути увагу перехожого, а то й яскравою вивіскою? І тільки отримавши користувальницький інтерес, ми зберігаємо його за допомогою контенту.

Те ж правило вірно і для квітів в веб-дизайні. Чи вмієте ними маніпулювати? ;)

У вас є лише один шанс на те, щоб справити перше враження

Щоб зрозуміти своє реальне ставлення до будь-якого предмету, згадайте, які перші емоції він у вас викликав. Артур Шопенгауер, філософ.

І якщо така «головна» кнопка існує, то факт, натисне відвідувач її чи ні, залежить від правильної мотивації це зробити.

Скористаємося прикладом колег з 1stWebDesigner і проаналізуємо вплив кольорів на прикладах:

1. Pinterest вибирає червоний:

Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

Без сумнівів, червоний вважається самим пристрасним кольором. І якщо ви перевірите колірну палітру Pinterest, то легко помітите, який колір там в пріоритеті.

Помаранчевий колір в веб-дизайні:

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

Червоний колір в веб-дизайні:

10 асоціацій з червоним кольором:

Hex: # FF0000
RGB: (255, 0, 0)

2. Amazon за краще помаранчевий:

Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

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

Помаранчевий колір в веб-дизайні:

10 асоціацій з помаранчевим кольором:

Hex: # FF7F00
RGB: (255, 127, 0)

3. Facebook любить синій:

Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

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

Синій колір в веб-дизайні:

10 асоціацій з синім кольором:

Hex: # 0000FF
RGB: (0, 0, 255)

4. Groupon за силу зеленого:

Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

Ви - оптиміст? Любіть зелений колір? Адже саме він дарує спокій і віру в позитивний майбутнє. Будь-яка компанія, діяльність якої хоч якось пов'язана з навколишнім середовищем або природою, буде використовувати зелений колір. Як долари! ;)

Зелений колір освіжає і розслабляє, дарує людям відчуття збалансованості і натхненні

Зелений колір в веб-дизайні:


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

10 асоціацій з зеленим кольором:

Hex: # 00FF00
RGB: (0, 255, 0)

5. Yahoo! підриває бузковим:

Як змусити користувача натиснути на кнопку або 5 головних call-to-action квітів в веб-дизайні

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

Бузковий колір в веб-дизайні:

10 асоціацій з бузковим цвітом:

  • благородство
  • гордість
  • розум
  • романтичність
  • штучність
  • екзотика
  • душевність
  • розкіш
  • жіночність
  • багатство

Hex: # 800080
RGB: (128, 0, 128)

Якщо ви знайшли помилку, виділіть фрагмент тексту і натисніть Ctrl + Enter або скористайтеся посиланням. щоб повідомити нам.

Схожі статті