ФИТОТЕРАПИЯ ПСОРИАЗА В МЕСТНОСТЯХ С ПОВЫШЕННЫМ РАДИАЦИОННЫМ ФОНОМ Радиоактивные изотопы металлов аккумулируются в продуктах растительного и животного происхождения и через желудочно-кишечный тракт попадают в организм человека. Кроме того, находясь в атмосфере,

V. Сила различения

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

4) ВЕДЕНИЕ ОБЪЕКТА. ПРИСОЕДИНЕНИЕ К НЕПРОИЗВОЛЬНЫМ ВНУТРЕННИМ РЕАКЦИЯМ ОБЪЕКТА

4) ВЕДЕНИЕ ОБЪЕКТА. ПРИСОЕДИНЕНИЕ К НЕПРОИЗВОЛЬНЫМ ВНУТРЕННИМ РЕАКЦИЯМ ОБЪЕКТА Итак, для создания бессознательного доверия Вы отражаете поведение своего партнера. Подстройка порождает реакцию собеседника и приводит к результату. Она считается успешной тогда, когда

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

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

Значение контраста

Как правило, при слове «контраст» многие вспоминают о противоположностях. Черное и белое, большое и маленькое – ход мыслей примерно таков. Однако все не так просто. Контраст является одним из основополагающих принципов дизайна и он обязательно должен присутствовать в любом проекте. Но зачем? Все просто: контраст позволяет лучше организовать процесс проектирования, с его помощью можно выстроить визуальную иерархию, показывая зрителям, какая часть дизайна является наиболее важной. К тому же использование контраста вызывает повышенный интерес со стороны аудитории и неважно, в каком виде дизайна он используется – это может быть логотип, плакат, сайт, цифровая иллюстрация или наружная реклама – правильное использование контраста может сделать успешным любой проект.

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

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

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

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

Насыщенность

Под насыщенностью понимают интенсивность цвета по отношению к белому или черному оттенкам. Любой цвет, если подразумевать под этим чистоту и яркость, обладает 100% насыщенностью. И чем больше падает интенсивность, тем менее контрастным становится оттенок. О насыщенности нужно помнить всегда, особенно занимаясь проектированием ключевых элементов. Чем более ярким и насыщенным будет цвет, тем легче дизайнеру будет привлечь внимание зрителя к важным частям своего проекта.

Любой человек подсознательно разделяет все цвета на три группы. Это холодные, теплые и нейтральные оттенки. Например, красный, желтый и оранжевый однозначно воспринимаются как теплые цвета. Синий, фиолетовый и зеленый входят в «холодную» группу. Черный, белый и серый цвета являются нейтральными. При этом в число нейтральных цветов также могут входить оттенки бежевого или коричневого, но в этом случае все зависит от контекста. Контраста можно добиться, сочетая оттенки с разной цветовой температурой. Наиболее сильным воздействием обладают резкие сочетания теплых и холодных оттенков.

Контрастные цвета в дизайне логотипов

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

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

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

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

Контрастные цвета в веб-дизайне позволяют не только усилить впечатления зрителя, но и правильно структурировать все основные сообщения, выделив главные элементы и приглушив второстепенные. Например, при создании главной страницы сайта mint.com дизайнер использовал одну из самых мощных контрастных цветовых комбинаций. Белый текст, ярко-оранжевые кнопки с призывом к действию и броский зеленый логотип резко контрастируют с темным фоном. Намеренное усиление контраста привело к тому, что все самые важные части дизайна мгновенно считываются пользователем. Что интересно, дизайнер не забыл и о цветовой температуре: фон он специально сделал подчеркнуто холодным, текст нейтральным, а для кнопки CTA, которая является самым главным элементом, подобрал наиболее яркий и «горячий» оттенок оранжевого.

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

Например, в дизайне брошюры Hilton Hanoi Opera контрастные цвета использовались не только для того, чтобы сделать фотографии более привлекательными, но еще и для того, чтобы усилить воздействие текстового контента.

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

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

Вывод

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

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

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

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

Однако, как правило, эти усилия имеют весьма неприятные последствия, если текст не контрастирует с фоновым изображением. Согласно стандартным требованиям, соотношение контрастности текста, который не является частью оформления или логотипа, должно равняться хотя бы 4,5:1 (или 3:1 для больших символов — шрифт размером в 18 пунктов, или 14 жирный шрифт).

Тонкие настройки имеют большое значение для юзабилити

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

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

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

Слева: затемнение фона оверлеем делает белый текст более заметным, даже без изменений визуального тона изображения. Справа: отредактированная затемненная версия соответствует требованиям (4,5:1) касательно контраста.

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

В таких ситуациях, чтобы получить хорошую контрастность, фоновое изображение нужно затемнить. Этого можно достичь, либо обработав сам снимок, либо дополнив его полупрозрачным черным градиентом в CSS. Расширение Google Chrome под названием Contrast Analyzer позволит вам определить степень затемнения фона, необходимую для получения оптимального контраста с текстом.

Слева: мебельный сайт Compliments отображает ссылки на категории продукции в виде белого текста поверх фотографий. Из-за низкого контраста чтение этих ссылок затрудняется, и, скорее всего, пользователи обратят внимание на более легкие для восприятия элементы. Справа: сегменты с текстом не соответствуют требованиям касательно контраста (3:1) для больших символов.

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

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

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

Слева: сайт REI размещает полупрозрачный черный бокс за текстом, перекрывающим изображение, но для белой надписи на светлом фоне такой контрастности недостаточно. Справа: основной заголовок, появляющийся над облаками, не контрастирует с фоном даже в соотношении 3:1 для крупных символов.

Слева: в измененной версии затененность всех боксов была увеличена до 50%, что позволило сохранить общий стиль бренда и обеспечило необходимый уровень контраста белого текста с облаками. Справа: текст прошел тест и контрастирует с фоном в соотношении 3:1.

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