Навигация

Партнеры


Комментариев: 0
 (голосов: 1)

Css - дизайн. Часть 9.

Весна
Использование цвета для пробуждения чувств

Как-то после холодной, скучной зимы Боэр Аттила проснулся и увидел за окном первый
ясный, солнечный, весенний день, наполненный бодрящими, энергичными и радостны-
ми цветами. Этот переход от зимы к весне и вдохновил его на создание описываемого
ниже дизайна, в особенности в плане выбора цветовой гаммы.
Давно известно, что цвет пробуждает в людях различные эмоции. Именно поэтому мы,
например, называем красный цвет горячим. Красный ассоциируется с пламенем, со жгу-
чим перцем. Эти идеи находят применение и в дизайне: скажем, цвета земли - коричневый и желтоватый — используются в упаковке для натуральных продуктов.
В «Весне» однотонные цвета зимы сталкиваются с цветами пробуждающейся весны. По-
лучившуюся палитру не назовешь ни холодной, ни горячей, скорее она выражает теплоту и гармонию и создает у зрителя ощущение умиротворенности и уверенности.
Влияние цвета Дизайнер, желающий донести свою мысль до аудитории, должен понимать, что восприятие цвета с учетом психологии, культурных особенчостей и пола не
менее важно, чем технические аспекты.
Ясный посыл

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

Воздействие цвета на человеческие эмоции - очень интересная тема. Между ними имеются сложные взаимосвязи, обусловленные многими факторами.
Люди с нарушенным цветовым восприятием, очевидно, испытывают несколько иные эмоции, чем люди с полноценным зрением. Примерно каждый двенадцатый американец страдает широко распространенной формой цветовой слепоты (неспособны отличить
один цвет от другого, чаще всего зеленый от красного). Поэтому при выборе цветов следует иметь в виду демографический состав аудитории.
Оттенки цвета тоже играют роль. Эмоции, вызываемые ярко-зеленым и грязно-зеленым цветом, совершенно различны. Изменяет восприятие и добавление
к цвету текстуры. В табл. 1 перечислены наиболее распространенные цвета и те понятия, с которыми они ассоциируются.
Как видите, некоторые цвета воспринимаются неоднозначно, а иногда разные цвета вызывают одинаковые ассоциации, например черный и белый. Так, красный возбуждает страсть и одновременно является признаком опасности (а может быть, между этими
эмоциями не так уж много различий?). Эти кажущиеся противоречия обусловлены множеством факторов, в том числе культурными и половыми различиями.
Для дизайна «Весна» выбраны нежные и приятные оттенки зеленого цвета, вызывающие воспоминание о траве и листьях. Легкий налет голубого, встречающийся в дизайне, тоже ассоциируется с природой.
Цвет, культура и пол

Аттила по национальности венгр. Влияет ли культурная среда, в которой родился и живет художник, на выбор дизайна и восприятие цвета? Эксперты согласятся, что да, влияет. И точно так же впечатление, складывающееся у зрителя от созерцания «Весны», может
зависеть от культуры и пола.
Особенности различных культур и пол обуславливают базовые ассоциации, обсуждавшиеся в предыдущем разделе. В табл. 2 приведена некоторая информация по
этому поводу. Нетрудно предположить, что подходить к выбору цветовой гаммы нужно очень осторожно, особенно в такой глобальной среде, какой является Всемирная паутина.
Цветовые палитры веб-сайтов

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

Изучение аудитории


Золотое правило общения - узнайте свою аудиторию. Поскольку человеческая психология, культурные влияния и пол накладывают отпечаток на восприятие
цвета, необходимо ясно представлять, на кого будет рассчитан дизайн. Иногда ассоциации настолько универсальны, что применимы для любой группы. Сюда
можно включить дизайн с обилием синего, коричневого и — как в случае «Весны» - зеленого цветов.
Эксперт по цвету Дж. Л. Мортон, чей сайт мы уже упоминали в этой главе, предлагает дизайнерам максимально придерживаться ассоциативныз связей. Если сайт рассчитан на детей, то выбирайте цвета, выражающие радость. Если вы хотите оформить сайт подчер-
кнуто элегантно, то в США прекрасно подойдут черный и серебристый цвета. Если вы обращаетесь к мужчинам, то, вообще говоря, изобилие синего не повредит. Если же сайт ориентирован на женщин, то красные и розовые тона предпочтительнее синих. Если
сайт посвящен природе, то разумно брать зеленый, синий и коричневый цвета.
Цвета в CSS К счастью, в CSS для работы с цветами есть много средств. К вашим услугам:
• имена цветов. В CSS определено 17 поименованных значений: black (черный), silver (серебристый), gray (серый), white (белый), purple (пурпурный), fuchsia (фуксия), green (зеленый), lime (лайм), olive (оливковый), yellow (желтый), navy (темно-синий),
blue (синий), teal (бирюзовый), aqua (аквамарин) и orange (оранжевый). Пример:
color: orange;
• RGB-значения (числовые). Можно использовать числовые значения для красной, зеленой и синей составляющих цвета, как в примере ниже - для светло-голубого. Узнать их можно в Photoshop.
или любом другом графическом редакторе:
color: rgb(51,153,204);
• RGB-значения (процентные). Можно задать процентные доли красного, зеленого и синего. В примере ниже получится фиолетовый цвет:
color: rgb(93%, 51%, 93%);
• шестнадцатеричные значения. Это шестизначное число в шестнадцатеричной системе счисления, которое можно получить с помощью Photoshop
или одной из множества других программ. Каждая пара символов в нем соответствует одной компоненте RGB. Такая запись применяется в Web уже очень давно, так что многие читатели с ней знакомы:
color: #0OO0FF;

Красочные выводы


Занимаетесь ли вы дизайном профессионально или для себя, начинать следует с ясного осознания того, что вы хотите сказать зрителю, и определения целевой аудитории. Зная это, вы скорее подберете цвета, усиливающие выразительность вашего послания.
«Весна» - это прекрасный пример цветового решения, точно соответствующего поставленным целям: выразить идею перехода от зимы к весне, вселить в зрите-
ля чувство спокойного оптимизма и донести эти эмоции до глобальной аудитории, которая у сайта CSS Zen Garden, безусловно, имеется.



9


css combo

Добавить статью в:
0



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



Поиск

***

Онлайн
Всего на сайте: 31
Гостей: 9
Пользователи: Jixxelunc, jefferyug16
Роботы: robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, crawl Bot, Google Bot, robot Bot, robot Bot, Google Bot, robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, robot Bot, Google Bot

20-ка посетителей: Jixxelunc, jefferyug16, leopold_pikhtilevBep, ErickReire, AgnesAccony, perryvd1, Georgepaync, marcyot60, Robertdaf, 1991.igori94Bep, violaks69, brenton1, anton.1988dBep, clairetb4, kirkzi1, estherum2, RichardHaf, samueltq1, shellynw4, mulov.gBep


Партнеры

Мы в социальных сетях
Популярные статьи

Последние комментарии
Файлы почтой

Облако тегов
Abstract, ai, background, backgrounds, clipart, design, eps, Flyer, frame, frames, Graphic, jpg, photo, Photoshop, PNG, PSD, scrap, Stock, template, vector, Wallpapers, Вектор, Графика, Дизайн, Клипарт, Обои, Рамка, Рамки, Цветы, Шаблон, исходники, картинки, кисти, новый год, скрап, фоны, фото, фоторамка, фотошоп, шаблоны

Показать все теги