Просто Studio
Главная » Просто статьи
Выбор правильного сочетания цвета в web-дизайне

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

При выборе цветовой гаммы для сайта, важно сделать это правильно, руководствуясь основными принципами теории цвета. В статье рассматриваются наиболее значимые аспекты при выборе, основные принципы сочетания, назначение цвета в web-дизайне и его символическом значении.

Цветовая теория: основные принципы. Умение сочетать цвета

Хорошо, когда у Вас есть чувство вкуса и Вы без проблем можете подобрать цветовую схему сайта. Не все люди могут сделать это легко. Для тех, кто не уверен, как правильно объединить цвета при создании web-сайта, Просто Studio рекомендует ознакомиться с основами теории цвета.

Рассмотрим цветовой круг

Немного из истории: цветовой круг изобрел Исаак Ньютон. Он обосновал теорию света и цветов в 1666 году. Именно она легла в основу становления и развития современной оптики, малой и составной частью которой является web-дизайн. Ньютон при помощи трёхгранной стеклянной призмы разложил белый свет на семь цветов (в спектр), тем самым доказав его сложность (явление дисперсии), открыл хроматическую аберрацию.

Цветовой круг является непременным атрибутом многих дизайнеров и художников по всему миру. Это идеальное доказательства теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе. Он состоит из 6 основных цветов: красный, оранжевый, желтый, зеленый, синий, фиолетовый и дополнительных цветов.

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

Основные цвета
Есть три основных цвета: красный (# ff0000 в HTML или # F00 в CSS), желтый (# FFFF00 в HTML или # ff0 в CSS) и голубой (# 0000FF в HTML или # 00f в CSS). Нельзя их получить путем смешивания других цветов. Дополнительные цвета могут быть сформированы путем объединения этих трех цветов.

Составные цвета
Есть также три основных: оранжевый (# ff9900 в HTML или # F90 в CSS), зеленый (# 00FF00 в HTML или # 0f0 в CSS) и фиолетовый (# FF00FF в HTML или # f0f в CSS). Вы можете получить их путем смешивания красного и желтого (оранжевого), желтого и синего (зеленый) и синего и красного (фиолетовый).

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

Дополнительные цвета
Дополнительные цвета расположены прямо напротив друг друга на цветовом круге: красный и зеленый, синий и оранжевый, фиолетовый и желтый. В сочетании друг с другом, они составляют разительный контраст. Такие сочетания, как правило, используются для выделения некоторых элементов на web-сайте.

Аналогичные цвета
Эти цвета расположены рядом друг с другом на цветовом круге. Они обычно смотрят очень хорошо вместе. Использование таких цветовых сочетаний вызывает чувство комфортa у посетителей Вашего сайта.

Цвета в разных культурах: символизм

При выборе гаммы для вашего сайта, необходимо принимать во внимание тот факт, что цвет может иметь всевозможные значения в различных культурах. Культурный аспект для цветной символики может быть очень сильным, так что вы должны знать о том, какова аудитория сайта.
Давайте выясним, какое значение имеют цвета в различных культурах:

Красный

  • Китай: цвет невесты, удачи, торжества
  • Индия: чистота
  • Южная Африка: траурные цвета
  • Восток: радость (в сочетании с белым)
  • Запад: возбуждение, любовь, страсть
  • США: рождество (с зеленым), день святого Валентина (с белым)
  • Иврит: жертва, грех
  • Япония: жизнь
  • Христианство: жертва, страсть, любовь
  • Фэн-шуй: Янь, огонь, удача, уважение, защита, живучесть, деньги, признание

Голубой

  • Европа: успокоение
  • Иран: траур, цвет неба и духовность
  • Китай: бессмертие
  • Индуизм: цвет Кришны
  • Иудаизм: святость
  • Христианство: цвет Христа
  • Католицизм: цвета одежды Марии
  • Ближний Восток: защита
  • В мире: цвет безопасности
  • Фэн-шуй: Инь, вода, спокойствие, любовь, исцеление, релаксация, доверие, приключения
  • Запад: печаль, депрессия

Желтый

  • Европа: счастье, надежда, радость, трусость в опасностях, слабость
  • Азия: цвет имперского
  • Египет: траур
  • Япония: мужество
  • Индия: торговцы
  • Буддизм: мудрость
  • Фэн-шуй: Янь, Земля, благоприятный, солнечные лучи, тепло, движение

Оранжевый

  • Европа: осень, урожай, творчество
  • Ирландия: протестанты (религиозные)
  • США: Хэллоуин (с черным), дешевые товары
  • Индуизм: шафран (персиковый оранжевый) священный цвет
  • Фэн-шуй: Янь, Земля, цели, усиливает концентрацию

Коричневый

  • Колумбия: препятствие продажам
  • Австралийские аборигены: цвета земли, торжественное охра
  • Фэн-шуй: Янь, Земля, промышленность

Зеленый

  • Япония: жизнь
  • Ислам: надежда, добродетель
  • Ирландия: символ всей страны
  • Европа / США: весна, новое рождение, День Святого Патрика, Рождество (с красным)
  • США: деньги
  • Индия: Ислам
  • Фэн-шуй: Инь, дерево, исцеление, здоровье, успокаивающее

Фиолетовый

  • Таиланд: траур (вдовы)
  • Католицизм: смерть, траур, распятие
  • Фэн-шуй: Инь, цвет физического и психического исцеления

Белый

  • Европа: брак, ангелы, врачи, больница, мир
  • Япония: траур, белая гвоздика символизирует смерть
  • Китай: траур, смерть,
  • Индия: несчастья
  • Восток: похороны
  • Фэн-шуй: Янь, металл, смерть, призраки, траур, равновесие, уверенность

Черный

  • Европа: траур, похороны, смерть, бунт, спокойствие
  • Таиланд: несчастье, зло
  • Иудаизм: несчастье, зло
  • Австралийские аборигены: цвет людей
  • Фэн-шуй: Инь, вода, деньги, успех в карьере, доход, стабильность, эмоциональная защита, сила

Значение цветов

Давайте посмотрим, какие чувства может вызвать каждый цвет и посмотрим на некоторые готовые решения.

Красный

В основном связан с азартом, смелостью и желанием. Красный цвет любви, силы, энергии, лидерства и волнения. Это сильный цвет, и вы должны знать о некоторых его негативных эмоциях: опасность, тревога.
 
Голубой

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

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

Бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.
 
Фиолетовый

Традиционно ассоциируется с властью, благородством и богатством. Мудрость, независимость, благородство, роскошь, честолюбие, достоинство, магия и тайны.
 
Зеленый

Цвет гармонии, природы, исцеления, жизни, питания и здоровья. Кроме того, часто связан с деньгами.
 
Коричневый

Цвет релаксации и уверенности. Коричневый означает приземленность, природу, долговечность, комфорт, надежность.
 
Серый

Вызывает чувство серьезности, консерватизма и традиционализма. Возбуждает ощущение чистоты и невинности.
 
Розовый

Выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.
 
Черный

Стильный и элегантный цвет, связан с властью, изысканностью. Если вы не хотите, чтобы ваш сайт вызывал тяжелые чувства, старайтесь не использовать его в большом количестве. С другой стороны, если вы сделаете черный фон, он может увеличить перспективу и глубину.
 
Белый

Белый связан с чистотой, простотой, свежестью, добротой, невинностью.
 
Заключение

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

  1. Если вы хотите, чтобы текстовое содержимое, было легко читаемым, выбирайте контрастные цвета.
  2. Оптимальное количество цветов. Не делайте из Вашего сайта цирк.
  3. Используйте необходимое количество цветов. Минимальное количество цветов, может способствовать серости Вашего сайта.
  4. Если вам нужно привлечь посетителя, применяйте интенсивные цвета.
  5. Вы можете найти дополнительные цветовые схемы приобщаясь чаще к природе.
03.01.2015/23:01
История появления слова SPAM

Мы уже давно не публиковали статьи и интересные факты, поэтому исправляемся. На этот раз мы расскажем откуда появилось слово SPAM, так нам знакомое и назойливое.

Спам (англ. spam) — рассылка коммерческой и иной рекламы или иных видов сообщений лицам, не выражавшим желания их получать.

В общепринятом значении термин «спам» в русском языке впервые стал употребляться применительно к рассылке электронных писем.

Изначально слово SPAM не имело никакого отношения к назойливой рекламе. Появилось оно в 1936 году, расшифровывалось как SPiced hAM («острая ветчина» — англ.) и было товарным знаком мясных консервов. Чтобы продать свой товар, компания-производитель провела масштабную рекламную кампанию. Слово SPAM было на каждом шагу. Так оно и стало нарицательным.

После Второй мировой войны остались огромные запасы этих консервов, изготовленные для снабжения во время войны не только американских солдат, но и солдат союзников по программе ленд-лиза. Для того, чтобы сбыть свою продукцию не первой свежести, компания Hormel Foods провела первую в своем роде рекламную кампанию. Слово «SPAM» бросалось в глаза на каждом углу, с витрин всех дешёвых магазинов, оно было написано на бортах автобусов и трамваев. Это слово можно было прочесть на фасадах домов и в газетах. Реклама консервов «SPAM» беспрерывно транслировалась по радио.

Теперь от истории к настоящему. Рассмотрим активность спама в 2014 году.

Страны – источники спама в 2014 году

На первом месте среди стран - источников спама находятся США, 13,4% мусорной почты рассылается оттуда по всему миру. Это неудивительно, ведь США – страна с самым большим количеством интернет-пользователей. Даже при хорошей осведомленности пользователей об опасностях интернета, кому-то не удается избежать заражения компьютера, который в результате становится частью ботнета, рассылающего спам.

На втором месте идет Россия, из нее рассылается 6% мирового спам-трафика. На третье место вышел Вьетнам (5%).

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

Мы надеемся, что наша статья Вам будет полезна. Желаем Вам меньше спама!

10.11.2014/18:11
71% кликов приходится на первую страницу органической выдачи Google

Отчет об исследовании уровня CTR в органической выдаче Google опубликовала компания Advanced Web Ranking.

Исследование Advanced Web Ranking, представленное на конференции SMX East 2014, еще раз доказывает, что стремиться надо только к пятерке. Судите сами: в целом на первой странице выдачи осуществляется 71,33% всех кликов. При этом 67,60% кликов в органической выдаче Google приходится на ТОП-5 сайтов, а на результаты с 6 по 10 позицию – всего 3,73%. Вторая и третья страницы выдачи демонстрируют совсем скромные результаты: 5,59% от общего числа кликов.

Вывод демонстрирует мечту любого оптимизатора: чем выше в результатах поиска находится сайт – тем лучше, причем желательно попасть в ТОП-5.
К слову, исследование проводилось на базе информации, полученной из отчетов по поисковым запросам крупнейших аккаунтов в Google Webmaster Tools за июль 2014 года.

09.10.2014/00:27
76% компаний готовы работать с фрилансерами

Знакомясь с новыми статьями и публикациями, на глаза попалось интересное исследование центра HeadHunter Беларусь. Горю желанием поделиться им с нашими читателями.

Был проведен опрос среди 55 компаний и выяснилось, что большинство белорусских предприятий готовы отдавать часть работ на фриланс, причем это как краткосрочные задачи, так и долгосрочные проекты. Наиболее часто на фриланс отдают задачи, связанные с продвижением сайтов, дизайном и программированием, чуть реже – маркетинговые, юридические и бухгалтерские задачи.

Однако, на постоянной основе услугами сторонних лиц, которые не являются сотрудниками компании, пользуются всего лишь 37% организаций, еще 27% - прибегают к ним крайне редко. Это связано с тем, что компания заинтересована в качественном исполнении работ, соответственно, подходит к подбору подрядчиков очень серьезно: использует наработанные контакты, опирается на рекомендации или предыдущий опыт сотрудничества. Самый важный критерий выбора подрядчика – это качество исполнения, на втором месте – соблюдение сроков.

За работу на фрилансе компании в большинстве случаев готовы платить не более 500 $.


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

Довольно интересные данные. С удовольствием бы познакомился с таким исследованием, но по опросам в России.

27.08.2014/16:58
Что такое модернизация сайта?

Чтобы сайт развивался нужно регулярно проводить плановый, полный или частичный, редизайн. Модернизация сайта, как разновидность частичного редизайна - отличный способ расширить функциональность сайта, не прибегая к "капитальному ремонту". Итак, что же такое модернизация сайта?

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

Модернизация сайта проводится специалистами по веб-программированию. Но если внедрение новых программных модулей на сайт затрагивает дизайн сайта ("подвигает" элементы страницы), то в этом случае к модернизации сайта стоит привлечь и специалистов по дизайну сайта. Тогда дизайнеры и программисты вместе найдут оптимальное решение для сайта.

Существует две основных причины, по которым следует прибегнуть к модернизации сайта:

Причина первая - техническая

В процессе эксплуатации сайта изменяются требования к функционалу, который был настроен на решение определенных задач и предоставление конкретных возможностей. Мода диктует свои правила визуального представления, и устаревший дизайн не лучшим образом сказывается на лояльности посетителей. Появляются новые, более удобные системы управления сайтами. Расширяются технические возможности Интернета. К тому же, просуществовавший какое-то время сайт, зачастую превращается в хранилище самой разнообразной информации во многих случаях мешающей, как посетителям, так и работе поисковых машин.

Причина вторая - маркетинговая

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

Существует "Причина третья".

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

В услугу модернизации сайта могут быть включены:

  •     изменение структуры сайта
  •     оптимизация кода сайта
  •     создание новых разделов сайта
  •     внедрение CMS - системы управления контентом

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

Код сайта должен быть оптимизирован. Там где десяток строчек кода можно равноценно заменить всего лишь одной строкой, это нужно сделать. Польза от такого подхода очевидна. Чем больше кода, тем выше вероятность возникновения какой-нибудь ошибки или даже просто опечатки. Из-за этих ошибок сайт может утратить работоспособность и, если код Вашего сайта не оптимизирован, ошибки эти придется искать очень долго... А в это время сайт простаивает и теряет драгоценных посетителей!

Если Ваш сайт состоит из статических страниц, а растущие с каждым днем объемы информации уже не позволяют оперативно вносить изменения на сайт (ведь нужно каждый раз вносить изменения непосредственно в программный код каждой страницы!), то следует провести модернизацию сайта для внедрения на сайт системы управления контентом (CMS).

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

По всем вопросам, связанным по редизайну или модернизации сайтов Вы можете обращаться в Веб-студию Просто Studio. Специалисты нашей компании предоставят все необходимые консультации и выполнят все необходимые работы по вашему сайту.

Звоните прямо сейчас: 8 (8162) 99-80-97!

18.07.2014/13:22
« 1 2 3 4 ... 22 23 »