5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Перше враження ви справляєте лише одного разу

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

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

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

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

«Pinterest» використовує безліч червоних відтінків

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Без сумніву червоний вважається найгарячішим кольором. Якщо Ви подивіться на колірну палітру «Pinterest», ви відразу звернете увагу, що червоний є їх основним кольором.

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

Цей колір часто зустрічається в оформленні акцій, так як його інтенсивність створює відчуття терміновості.

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

Використовуйте червоний, для акцентування уваги в вашому веб-дизайні. Він добре комбінується з білим, сірим, світло-синім або сріблястим кольорами.

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

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Можу посперечатися, що ви не знали:

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

Більш широке використання палітри червоного кольору (по jimjim421):

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

«Amazon» любить насичений помаранчевий:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Помаранчевий - теплий і активний колір, але не настільки інтенсивний, як червоний. Помаранчевий колір - швидше за теплий, ніж гарячий.

Практичний приклад використання помаранчевого кольору:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Більш широке використання помаранчевої палітри по manekineko:

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

Синій колір facebook створює відчуття безпеки:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

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

Практичний приклад використання синього кольору:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Можу посперечатися, що ви не знали:

Більш широке використання синьої кольорової палітри по entitydesigns:

10 асоціацій з синім:

Сила зеленого кольору на «Groupon»

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Чи відчуваєте себе зараз надзвичайно оптимістично? Дайте вгадаю - ви дивилися на щось зелене? Можливо, ви дивилися просто на зелену рослину - це, безсумнівно, заспокоїло вас і змусило подивитися на речі оптимістичніше.

Всі, хто якимось чином пов'язаний екологією, має більше можливостей використовувати зелений колір в створенні своїх сайтів. Зверніть увагу на 100-доларову банкноту. Тут переважає зелений колір! Такі сайти, як Groupon, також мають досить зеленого кольору в своєму бренді, адже вони безпосередньо мають справу з грошима. Зелений колір дуже освіжає і розслабляє, залишаючи у людей почуття збалансованості і натхнення. Він являє собою баланс і гармонію в дизайні.

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

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Можу посперечатися, що ви не знали:

У деяких мовах, в тому числі старокітайском, тайському, давньояпонському, і в'єтнамською, одне і те ж слово може одночасно означати і синій, і зелений колір. Не існує природних джерел для зелених харчових барвників, які були б схвалені організацією контролю за продуктами і ліками США. - Wikipedia

Більш широке використання зеленого кольору по Skybluue2u:

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

Yahoo! і фіолетовий колір на їх логотипі

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

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

Практичний приклад використання фіолетового кольору:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Можу посперечатися, що ви не знали:

Більш широке використання фіолетового кольору з Miaka

10 асоціацій з фіолетовим

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

1WD розумно використовують монохромні кольори

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Зазвичай монохромні кольори такі, як білий, чорний, темно-сірий і світло-сірий слід використовувати в якості фону в розробці дизайну з уже існуючими і правильно розташованими акцентують квітами, які є більш яскравими і насиченими. Погляньте на сайт, 1stwebdesigner - 1WD. Вони використовують також помаранчеві кольори в якості яскравого колірного акценту - але тільки в гармонійному поєднанні з темно-сірими і світло-сірими тонами. І, звичайно ж білий, (фоновий колір сайту). Чорний колір завжди буде представляти модерн, загадковість, елегантність і силу. Сірий - нейтральний колір, який представляє щось спокійне і практично невідоме, як тінь. Оскільки сірий колір іноді може виглядати брудним, то білий створить протилежний ефект. Білий ототожнює чистоту, відкритість, простоту і мінімалізм.

Практичний приклад використання монохромного кольору:

5 Квітів для веб-дизайну, які допоможуть відвідувачу натиснути потрібну кнопку

Можу посперечатися, що ви не знали:

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

Більш широке використання монохромного палітри по munsteri

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

А який Ваш улюблений колір? І які відчуття і емоції він у Вас викликає?

Переклад - Вартівня