Уютный островок

Главная | Регистрация | Вход
Четверг, 28.03.2024, 21:18
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Irisha  
Форум - Уютный островок » Наш внутренний Мир » Арт-студия » Теория цвета (Для тех .кто будет делать сайт...)
Теория цвета
IrishaДата: Суббота, 19.06.2010, 09:11 | Сообщение # 1
Генералиссимус
Группа: Модераторы
Сообщений: 1457
Репутация: 1
Статус: Offline
Для будущих разработчиков сайтов
Это перево дизайнерской статьи,решила выложить сюда,думаю понадобится biggrin
Итак

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

Это первая из трёх статей о цвете - в ней мы поговорим о различиях в разных цветовых семействах, и приведём несколько примеров цветоввых решений

итак,

ТЁПЛЫЕ ТОНА

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

КРАСНЫЙ

Красный очень горячий цвет. Он ассоциируется с насилием, войной, огнём. С любовью и страстью. Истоически - с Дьяволом и Купидоном. Красный имеет сильное воздействие на человека, он может ассоциироваться с гневом, но обычно он используется для привленчения внимания
А если посмотреть на страны востока, мы видим другие ассоциации - в Китае красный - цвет процветания и счастьяб,удачи. В Южной Африке, напротив, это цвет траура. Красный часто ассоциируется с коммунизмом. Ещё красный обычно применяют на машинах скорой или пожарной помощи.

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

примеры

красные тени делают дизайн особенно элегантным

красный акцент на тёмном фоне делают дизайн более сильным и совершенным

очень яркие красные акценты на этой странице дают ощущение активности и живости

гранжевый дизайн в сочетании с тёмно-красным даёт эффект крови

красный плюс белый и коричневый даёт впечатление профессионализма

ОРАНЖЕВЫЙ

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

примеры

Яркий оранжевый блок на странице привлекает внимание к его содержимому, как и

оранжевый подчёркивает наиболее важную информацию, имитирую огонь

тёмный оранжевый в сочетании с цветом лайма выгладит как нейтральный и основной цвет здесь

Дружелюбный оранжевый как бы приглашает вас пройти дальше

оранжевые акценты пробуждают интерес и призывают к действию

ЖЕЛТЫЙ

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

В разных странах желтый цвет трактуется по-разному:в Египте это цвет утра , в Японии - храбрости, а в Индии это цвет торговцев.

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

примеры

Яркая шапка сайта даёт ощущенине энергичности и позитива

Мягкий желтый в шапке сайта, плюс рисованные от руки элементы дизайна даёт очень яркую композицию

Жёлтые акценты привлекают внимание к наиболее значимым частям страницы

Желтый цветок даёт нам ощущение лета , а "античный" фон ассоциируется с домашним уютом и стабильностью

Желтая шапка сайта придаёт больше энергичности дизайну

_____________________________________________________-

ХОЛОДНЫЕ ЦВЕТА

Холодные цвета включают в себя синий, зелёный и фиолетовый, и эти цвета выглядят более приглушенными чем теплые.Это цвета ночи, воды, природы, и обычно спокойные, релаксирующие и немного сдержанные

Синий эот базовый цвет. Многие другие цвета получаются из-за взаимодействия синего и какого-нибудь тёплого цвета. (напр. с жёлтым для получения зелёного). В зелёном цвете есть примеси жёлтого, а в фиолетовом - красного.
В дизайне холодные цвета используются, чтобы показать спокойствие и профессионализм .

ЗЕЛЁНЫЙ

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

примеры

очень приглушенный зелёный даёт ощущение приближенности к природе

зелёная шапка в сочетании с листком придаёт ощущение натуральности и близости к природе

оливково - зелёный дизайн даёт очень уместное ощущение естественности

Ярко- зелёный , немного ретровый стиль сайта говорит нам об энергичности и свежести

..и ещё один сайт, которому зелёный придаёт естественности

СИНИЙ

Синий это основной цвет. Он может ассоциироваться с печалью, спокойствием, ответственностью. Светло синий может быть освежающим и дружественным. Тёмно синий - более сильный и надёжный. Синий часто означает и мир, во многих религиях он имел определённые значения.(Например , Девственница Мария изображается одетой в голубое платье)
Значение синего очень сильно зависит от его затенённости и оттенков.
В дизайне правильная тень может передать именно то восприятие сайта, которое вы хотите донести. Лёгкий голубой расслабляет и успокаивает. Яркий голубой может быть энергичным и освежающим.Тёмно синий идеален для корпоративных сайтов, он олицетворяет финансовую мощ и надёжность

примеры

Тёмно синий даёт ощущение надёжности, в то время как яркие цвета уравновешивают дизайн

Тёмно синий цвет вместе с белым фоном придают сайту имидж надёжности и профессионализма. А ярко-синие акценты делают сайт более интересным

Небесно-голубой цвет делает сайт молодёжным и модным, этот эффект усиливается красными вставками

Эта страница сочетает в себе разные оттенки синего, так, что в общем получается ощущение свежести

Здесь спокойный светлый голубой расслабляет.

ФИОЛЕТОВЫЙ

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

Примеры

Тёмно фиолетовый здесь играет как королевскиий цвет, который очень соответствует этому бренду

Светло - и средне- фиолетовые цвета придают ощущение креативности

Яркий, красноватый фиолетовый даёт двойной эффект богатства и энергии

Тёмно - фиолетовый фон даёт сайту креативный стиль

Фиолетовые акценты подчёркивают элитность и законченность сайта.

__________________________________________________

НЕЙТРАЛЬНЫЕ ЦВЕТА

Нейтральные цвета часто использую как фон страницы. Они отлично сочетаются с яркими акцентными цветами . Испоользвание этих ветов даёт оцень изощрённый макет. Значение нейтральных цветов - подчёркивать те акценты, которые создают яркие цвета.

 
IrishaДата: Суббота, 19.06.2010, 09:12 | Сообщение # 2
Генералиссимус
Группа: Модераторы
Сообщений: 1457
Репутация: 1
Статус: Offline
ЧЁРНЫЙ

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

Примеры

Чёрный в совокупе с яркими пятнами других цветов и тёмным коричневым фоном добавляет остроты обычному дизайну.

Чёрный на фоне ледяного голубого выглядит более холодным

Чёрный плюс лаймовые акценты на фоне небрежного фона придают виду нервозность

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

Сильные чёрные акценты этого сайта усложняют внешний вид

БЕЛЫЙ

Белый абсолютно противоположен чёрному, но, как и чёрный, он здорово играет с другими цветами. Белый это цвет чистоты, чести и достоинства. В странах запада в белый одевают невест. Он часто ассоциируется со здравоохранением, врачами, медсёстрами, дантистами . Белый ассоциируется с совершенством, и Ангелы облачены в белое.

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

примеры

На этот сайте белый используется для выделения электрического голубого

Белый очень популярен в минималистических сайтах , и в сочетании с "типографским" чёрным даёт нужный эффект простоты

Здесь белый работает акцентом, который высветляет сайт

Белый в сочетании серым создаёт эффект простоты и чистоты

И опять, белый фон высветляет общий вид страницы

СЕРЫЙ

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

примеры

Светло-серый очень спокоен и приглушает весь дизайн

Светло-серый фон придаёт ощущение современности

Холодный серый придаёт сайту современности и проницательности

Тёмный фон и светло-серый вставки выгядят очень современно

Богатое сочетание серых оттенков создают ощущение чувственности и профессионализма

КОРИЧНЕВЫЙ

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

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

Примеры

Серо-коричневый даёт нам ощущение зависимости и ответственности

Оранжево - коричневый, земляной, придаёт ощущение надёжности

Тёмно - коричневые вставки выгялдят очень крепкими и "каменистыми" в общем виде, а более светлые акценты только усиливают это ощущение

Использование фактуры дерева очень распространённый приём для коричневого, это делает сайт более дружелюбным, это используется минималистами

Серо-коричневый фон придаёт ощущение надёжности и приближенности к земле

БЕЖЕВЫЙ и ЦВЕТ ЗАГАРА

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

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

Примеры

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

Светло- бежевый дизайн придаёт консервативности и элегантности общему виду сайта

Жёлто- бежевый фон усиляется оранжевым и коричневым, деля дизайн очень тёплым

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

Бежевая шапка сайта и другие акценты придают странице традиционности и чистоты

КРЕМОВЫЙ И СЛОНОВАЯ КОСТЬ



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

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

Примеры

Фон цвета слоновой кости нейтрализует своей теплотой холодные акценты страницы

Серовато - кремовый фон становится теплее при помощи оранжево - коричневых вставок

Кремовый фон придаёт ощущение элегантности, которого ьез него не хватало странице

Кремовый укрепляет "античность" дизайна

Слоновая кость и другие светлые цвета в сочентании с очень яркими вставками передают всю элегантность дизайна

__________________________________________

РЕЗЮМЕ

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

Красный - Страсть, Гнев, Любовь
Оранжевый - Счастье, Энергия, Здоровье
Желтый - Счастье, Надежда, Обман
Зелёный - Новые начинания, Изобилие, Природа
Синий - Спокойствие, Ответственность , Печаль
Фиолетовый - Креативность, Королевскость, Богатство
Черный - Тайна, Элегантность, Зло
Серый - Капризный, Консервативность, Формальность
Белый - Чистота, Честь, Достоинство
Коричневый - Природа, Полезность, Зависимость
Бежевый - Консервативность, Благочестие, Унылость
Кремовый - Спокойствие, Элегантность, Чистота

 
VodoleyДата: Суббота, 19.06.2010, 21:04 | Сообщение # 3
Шериф
Группа: Администраторы
Сообщений: 559
Репутация: 0
Статус: Offline
здОрово. спасибо, буду учитывать. иногда трудно найти оптимальное решение, очень долго приходится возиться с цветовой гаммой
 
TomasДата: Четверг, 24.06.2010, 22:13 | Сообщение # 4
Генерал-майор
Группа: Администраторы
Сообщений: 463
Репутация: 1
Статус: Offline
Ириш - спасибо за действительно полный, несмотря на небольшой объем, справочник по цветам и их основным сочетаниям.. бесценная инфа! tongue
 
Форум - Уютный островок » Наш внутренний Мир » Арт-студия » Теория цвета (Для тех .кто будет делать сайт...)
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024 |