Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

5 цветов для веб-дизайна, которые помогут посетителю нажать нужную кнопку

21 декабря 2012 | Опубликовано в статьюшечки | 7 Комментариев »

Люди всё ещё спорят, является ли содержание главным. Если вы спросите меня, то я полностью соглашусь с ними, и моё мнение основано на моем собственном опыте. Несмотря на то, является оно доминирующим или нет, есть нечто, что не менее важно! Что это, спросите вы? Знаю, все любят говорить: «Не судите о книге по её обложке». Но как еще вы планируете привлечь внимание кого-либо, как не оригинальной обложкой? Очевидно, когда вы привлекли чье-то внимание, остальные усилия вы можете потратить на содержание. Речь будет идти о цветах веб-дизайна, и как управлять ими.

Первое впечатление вы производите лишь однажды

Всегда существует одно конкретное действие, которое вы хотите заставить сделать посетителя вашего сайта. Это действие, на которое вы делаете самый большой акцент. Это может быть кнопка подписки, кнопка «далее», или кнопка «купить».

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

В этой статье вы узнаете о 5 самых популярных цветах, которые заставят ваш сайт заинтересовать и заинтриговать посетителей.

«Pinterest» использует множество красных оттенков

 

Изображение: Roxanne Ready

Без сомнения красный считается самым горячим цветом. Если Вы посмотрите на цветовую палитру «Pinterest», вы сразу обратите внимание, что красный является их основным цветом.

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

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

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

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

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

Могу поспорить, что вы не знали:

Человеческий глаз видит красный цвет, когда он смотрит на свет с длиной волны между 630 и 700 нанометров. Свет выше этого диапазона называется инфракрасным, и не воспринимается человеческим глазом, но он может быть идентифицирован как тепло. - Wikipedia

Более широкое использование палитры красного цвета (по  jimjim421):

10 ассоциаций с красным цветом:

  • кровь
  • война
  • пожар
  • мужественность
  • страсть
  • обольщение
  • гнев
  • принуждение
  • энергия
  • храбрость

«Amazon» любит насыщенный оранжевый:

Изображение: Уильяма Кристиансена

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

Наполненный энергией, этот яркий цвет призывает, а не вынуждает или заставляет, людей действовать. Оранжевый лишь иногда воспринимается как интенсивный  -  он призывает к таким действиям, как купить, подписаться, продать или следовать. Рекомендуется использовать оранжевый цвет, если после посещения вашего сайта вы хотите оставить у гостя чувство мотивации, радости, креативности, и полноты энтузиазма.

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

Более широкое использование оранжевой палитры по manekineko:

 10 ассоциаций с оранжевым:

  •  оптимизм
  • определение
  • пожар
  • предупреждение
  • осень
  • религия
  • выносливость
  • сострадание
  • Хэллоуин
  • организм

 Синий цвет facebook создает ощущение безопасности:

Изображение  Rishi Bandopadhay

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

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

Могу поспорить, что вы не знали:

Опрос, который был проведён в Германии и опубликован в 2009 году доказал, что синий — любимый цвет 46 процентов опрошенных мужчин и 44 процентов женщин. —  Wikipedia

Более широкое использование синей цветовой палитры по entitydesigns:

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

  • правдивость
  • дружелюбие
  • магия
  • парни
  • лед
  • безвозмездность
  • зима
  • полиция
  • небо
  • вода

Сила зеленого цвета на «Groupon»

Чувствуете себя сейчас необычайно оптимистично? Дайте угадаю — вы смотрели на что-то зеленое? Возможно, вы смотрели просто на зеленое растение —  это, несомненно, успокоило вас и заставило посмотреть на вещи оптимистичней.

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

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

 

Могу поспорить, что вы не знали:

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

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

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

  • деньги
  • жадность
  • рост
  • зависть
  • природа
  • весна
  • здоровье
  • молодость
  • трава
  • надежда

 Yahoo! и фиолетовый цвет на их логотипе

 

Изображение: Yahoo!

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

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

 

 

Могу поспорить, что вы не знали:

В апреле 2007 года учёные предположили,что ранние археи, возможно, использовали фиолетовый пигмент по принципу хлорофилла, для того, что бы поглощать энергию солнца. Если бы это действительно было так, то огромные площади океанов и береговых линий были бы фиолетового цвета. Эта теория называется «фиолетовой гипотезой Земли». — Wikipedia

Более широкое использование фиолетового цвета по Miaka

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

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

1WD разумно используют монохромные цвета

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

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

 

Могу поспорить, что вы не знали:

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

Более широкое использование монохромной палитры по munsteri

10 ассоциаций с монохромными цветами

  • власть
  • элегантность
  • пространство
  • мягкость
  • небо
  • мир
  • невиновность
  • пессимизм
  • депрессия
  • скука

А какой Ваш любимый цвет?  И какие ощущения и эмоции он у Вас вызывает?

 

Автор —  James Richman

Перевод — Дежурка

 

 




Комментарии

  1. Ya
    Thumb up Thumb down +20

    Полезно!

  2. Алексей
    Thumb up Thumb down +1

    Офигенная статьюшечка! =)

  3. Сергей
    Thumb up Thumb down +8

    Зеленый, только зеленый! :-! (простите, тут только такой зеленый смайл :(

  4. Alive
    Thumb up Thumb down +2

    Спасибо. Статья огонь)

  5. Половников Иван
    Thumb up Thumb down +1

    Огромное спасибо за материал (перевод материала ;)).

    Дало мне больше понимания того, что я хочу %)