Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 01.10.2010, 22:53   #1
 
Аватар для Alex LM
 
Сообщений: 973
FR (активность): 287,132

Доп. информация
По умолчанию Автор темы Выбор цвета для сайта

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

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

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

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

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

Цветовой круг является непременным атрибутом многих дизайнеров и художников по всему миру. Это идеальное доказательства теории, что гениальное всегда просто. Круг позволяет вам выбрать цвета, которые гармонировали бы вместе. Он состоит из 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 у посетителей Вашего сайта.


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

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


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


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


Желтый

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


Оранжевый

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


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


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


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


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


Розовый

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


Черный

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


Белый

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


Заключение

Существуют некоторые полезные советы, которые помогут Вам в выборе правильной цветовой схемы для вашего сайта. Эти маленькие советы широко используют профессиональные web-дизайнеры.
  1. Если вы хотите, чтобы текстовое содержимое, было легко читаемым, выбирайте контрастные цвета.
  2. Оптимальное количество цветов. Не делайте из Вашего сайта цирк.
  3. Используйте необходимое количество цветов. Минимальное количество цветов, может способствовать серости Вашего сайта.
  4. Если вам нужно привлечь посетителя, применяйте интенсивные цвета.
  5. Вы можете найти дополнительные цветовые схемы приобщаясь чаще к природе.

Полезные ссылки по теме:
  • en.wikipedia.org/wiki/Color_theory
  • joehallock.com/edu/COM498/index.html
  • www.sibagraphics.com/colour.php
  • www.bwwsociety.org/feature/color.htm
  • colortheory.liquisoft.com/
  • webdesign.about.com/od/color/Designing_With_Color.htm
  • www.webdesign.org/web-design-basics/color-theory/

Источник: Colors in Web Design: Choosing a right combination for your Website
Миниатюры
Выбор цвета для сайта-1.jpg   Выбор цвета для сайта-11.jpg   Выбор цвета для сайта-12.jpg   Выбор цвета для сайта-13.jpg  

Выбор цвета для сайта-14.jpg   Выбор цвета для сайта-15.jpg   Выбор цвета для сайта-16.jpg   Выбор цвета для сайта-17.jpg  

Выбор цвета для сайта-18.jpg   Выбор цвета для сайта-19.jpg   Выбор цвета для сайта-20.jpg   Выбор цвета для сайта-21.jpg  

Alex LM вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.10.2010, 10:35   #2
 
Аватар для valash
 
Сообщений: 9
FR (активность): 73

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Существует софт (например, Color Schemer Studio), предлагающий все возможные и необходимые инструменты для разработки цветовой гаммы сайта (и не только сайта). К примеру, на основе выбранного оттенка легко подобрать цветовую гамму - из шаблонов, или заданного количества оттенков от исходного тона - к конечному.

В качестве инструментов - всё тот же цветовой круг. Есть инструмент захвата любого оттенка с монитора. Цвета представлены в моделях RGB и HEX. Встроена мгновенная подсказка - является ли оттенок web-safe.
Линков не предлагаю - нагугливается легко.

А инструментик мастхавный, ящетаю.
valash вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 12.10.2010, 10:42   #3
 
Аватар для lipatoff
 
Сообщений: 443
FR (активность): 13,401

Доп. информация
По умолчанию Re: Выбор цвета для сайта

А еще национальные привязки цветов:
ярко-красный кровь
желтый(светлый) моча
коричневый(с желтым) ...
сиреневый(фиолетовый) тоска
и т.д.
lipatoff вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 16.10.2010, 19:52   #4
 
Аватар для odaplus
 
Сообщений: 823
FR (активность): 38,082

Доп. информация
По умолчанию Re: Выбор цвета для сайта

У меня у сайта преобладает зеленый цвет, у моих партнеров принцип покупать зажигалки только зеленого цвета, тут два варианта обоснования:
1. Пиломатериалы - натуральный материал.
2. Баксы имеют тоже зеленый оттенок.


Вебмастер, заработай на своих сайтах
Оптимизатор, получай ссылки только с качественных ресурсов


Размещение статей на всегда, тема-строительство
odaplus вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 16.10.2010, 21:13   #5
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Цитата:
Сообщение от odaplus Посмотреть сообщение
У меня у сайта преобладает зеленый цвет.... тут два варианта обоснования
Три... Третий - все вы мусульмане...
В наших краях так вообще все в зеленый цвет покрашено (включая хоккейный клуб)...
Для востока, кстати, едва ли не самая ходовое сочетание цветов: темно-зеленый с золотом (или желтым) и красным...
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 17.10.2010, 09:31   #6
 
Аватар для odaplus
 
Сообщений: 823
FR (активность): 38,082

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Оффтоп:
Цитата:
Сообщение от umka from ufa Посмотреть сообщение
Три... Третий - все вы мусульмане...
А с какого перепуга я мусульманином то стал? Умка, обижаешь, могу скан паспорта выслать.


Вебмастер, заработай на своих сайтах
Оптимизатор, получай ссылки только с качественных ресурсов


Размещение статей на всегда, тема-строительство
odaplus вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 17.10.2010, 13:02   #7
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Оффтоп:
odaplus, это такой шютка был...
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.10.2010, 03:21   #8
 
Аватар для joker777_87
 
Сообщений: 57
FR (активность): 3,265

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Оффтоп:
odaplus, извините конечно, но ислам - это не обидно . а еще зеленый приятен для глаз
)


Доставка воздушных шаров СПб)))
joker777_87 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.10.2010, 08:55   #9
 
Аватар для lipatoff
 
Сообщений: 443
FR (активность): 13,401

Доп. информация
По умолчанию Re: Выбор цвета для сайта

При чем здесь обиды... Сайт зеленого цвета не обязательно про "ислам". Но в тоже время для сайта связного с исламом (как с религией, так и государством), предпочтительнее выше указанный цвет.
lipatoff вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.10.2010, 09:16   #10
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Цитата:
Сообщение от lipatoff Посмотреть сообщение
для сайта связного с исламом (как с религией, так и государством), предпочтительнее выше указанный цвет
Угу... С содроганием вспоминаю период своей работы в рекламном агентстве...
Независимо от предоставленного эскиза в 90% случаев разговор заканчивался фразой типа:
"...дааа, это конечно хорошо, но добавьте зелененького!"
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.10.2010, 09:31   #11
 
Аватар для lipatoff
 
Сообщений: 443
FR (активность): 13,401

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Оффтоп:
А я каждый день слышу :"А можно шрифт покрупней???"
lipatoff вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.10.2010, 08:24   #12
 
Аватар для Вазовски
 
Сообщений: 16
FR (активность): 400

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Цитата:
Сообщение от lipatoff Посмотреть сообщение
Оффтоп:
А я каждый день слышу :"А можно шрифт покрупней???"
А с чем это связано???
У меня директор постоянно требует увеличить шрифт на сайте. Пока держу оборону.
Вазовски вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.10.2010, 09:13   #13
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Цитата:
Сообщение от Вазовски Посмотреть сообщение
У меня директор постоянно требует увеличить шрифт на сайте. Пока держу оборону.
У шефа вашего шо за монитор и какое разрешение?
Поставьте ему 1024*768 - по любому будет крупненько. Или 800*600 (так и пасьянс удобнее будет)...

А вообще очень помогает наличие на сайте кнопочки с переключателем размера шрифта (для тех, кто не в состоянии изменить размер в браузере)
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.10.2010, 09:18   #14
 
Аватар для Вазовски
 
Сообщений: 16
FR (активность): 400

Доп. информация
По умолчанию Re: Выбор цвета для сайта

Цитата:
Сообщение от umka from ufa Посмотреть сообщение
У шефа вашего шо за монитор и какое разрешение?
Поставьте ему 1024*768 - по любому будет крупненько. Или 800*600 (так и пасьянс удобнее будет)...

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

)))
сони 17 дюймовый ноут.
он вообще в принципе считает, что шрифт должен быть крупным на сайтах и цветов не меньше 12ти.
Это он о посетителях думает) Как они разглядят
Вазовски вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 04.12.2010, 18:30   #15
 
Аватар для Fergio
 
Сообщений: 11
FR (активность): 434

Доп. информация
По умолчанию Re: Выбор цвета для сайта

А зачем кнопочки-то? CTRL+скролл - и все решения - хоть одну букву на экран делай...
Fergio вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
выбор цвета, дизайн, цвет, цвет для сайта

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4053 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Влияние цвета на продажи Alex LM Дизайн и верстка 43 19.06.2020 11:20
Символизм цвета Alex LM Дизайн и верстка 1 04.12.2010 18:16
Выбор ОС для сервера и настройка Tosha Администрирование серверов 10 17.10.2010 02:12
Выбор качественного хостинга Tulfoz Какой хостинг выбрать? 4 24.03.2009 20:32
Тематика сайта на Ваш выбор.... mike Раскрутка в общих чертах 10 15.03.2008 23:40

Текущее время: 16:33. Часовой пояс GMT +3.