Екатерина Малярова

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

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

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

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

1. Adobe Kuler

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

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

Несомненным плюсом Adobe Kuler является наличие его плагина в графическом редакторе Adobe Photoshop. То есть вы можете работать с Adobe Kuler он-лайн, либо используя программу Adobe Photoshop на своём компьютере.

2. ColorScheme

ColorScheme.ru – ещё один интересный ресурс для подбора цветов и составления, цветовых тем. Основная работа также проводится в цветовом круге. Выбрав один цвет, вы можете получить шесть вариантов гармоничных сочетаний с этим цветом: моно, контраст, триада, тетрада, аналогия и аналогия с акцентом. Получившуюся цветовую тему можно отрегулировать по яркости, насыщенности, контрастности, свету, тени и другим параметрам.

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

3. BigHugeLabs

BigHugeLabs – ещё один ресурс, на котором существует сервис Color Palette Generator, позволяющий подобрать цветовую палитру по изображению. Вы можете загрузить изображение с компьютера или прямо из социальных сетей (Фейсбук, Инстаграм).

После загрузки нажимаете «Create palette» (создать палитру) и получаете цветовую палитру. При этом каждому цвету в палитре будет присвоено название и специальный код. Полученную палитру вы можете скачать в формате ASE и использовать в дальнейшем для работы в Adobe Photoshop.

4. Pictaculous

Pictaculous.com – ресурс, позволяющий загрузить изображение и получить его цветовую схему. Несмотря на простоту использования, работать в Pictaculous очень удобно, так как он совместим с другими цветовыми сервисами: Kuler и COLOURLovers. Поэтому, помимо основной схемы изображения вы получите схемы, составленные этими сервисами.

5. COLOURlovers

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

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

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

6. ColorCombos

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

Вы можете воспользоваться уже готовыми цветовыми темами, которые находятся в библиотеке цветов. Под каждой цветовой темой имеется html-код, который необходим при написании кода веб-страницы. Если нужно, вы можете составить собственную цветовую тему, зайдя во вкладку Combo Tester.

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

7. ColorExplorer

ColorExplorer – многофункциональный ресурс с большими возможностями работы с цветом. Он был разработан специально для профессиональных дизайнеров. Набор инструментов данного ресурса позволяет не только подбирать цвета и составлять цветовые палитры, но и изучать популярные библиотеки цветов, объединять библиотеки, экспортировать палитры в такие программы, как Adobe Photoshop, Illustrator, InDesign и др.

Для того чтобы получить цветовую тему понравившегося изображения, следует загрузить его через вкладку Image Color Import. Вы увидите все цвета и оттенки (от 3 до 50), имеющиеся на данном изображении.

Очень интересно работать во вкладке Color Matching – это цветовой блендер, позволяющий изменять компоненты цвета с помощью значений RGBи HSL. Подобрав необходимую цветовую палитру, вы можете добавить её к уже существующей, либо сделать замену, ну, и как вариант, сохранить в своих палитрах My Palettes.

8. ColoRotate

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

Цвета словно оживают, потому что в объёмном виде мы визуализируем их иначе. Поэтому, используя ColoRotate, вы можете сразу увидеть многоаспектный характер цветов и отношения между ними. Вы можете редактировать цвета в 3D, смешивать между собой, выделять их из изображения, изменять значения в различных пространствах цветов, генерировать гармоничные цветовые схемы.

ColoRotate прекрасно работает самостоятельно или в паре с Adobe Photoshop. Также он доступен в качестве приложения для iPad.

9. ColRD

ColRD – яркий и красочный ресурс для работы с цветом. Здесь вы найдёте огромную библиотеку цветов и оттенков, палитр, градиентов, принтов, составленных другими пользователями. Это неиссякаемый источник вдохновения, который создаёт настоящий праздник для цветового восприятия.

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

10. Яндекс

И, наконец, самый простой способ работы с цветом – это ввести его название в Яндекс. В результате поиска, в самом вверху страницы, вы увидите табличку, в которой будет нужный вам цвет и соседствующие с ним оттенки. Помимо этого, Яндекс показывает шестнадцатеричный код цвета, его параметры в RGB и HSV.

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

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

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

1. ГОТОВЫЕ ПАЛИТРЫ ВОКРУГ ВАС

Калли Хегстрем, дизайнер из агентства Make Media, рассказывает: «Сначала я делаю фотографии чего-то красивого. Это могут быть цветы, закат, что угодно. Таким образом я получаю готовую цветовую палитру и теперь мне лишь нужно вычленить из фото основные цвета, которые обязательно будут гармонировать между собой. Затем я могу открыть фотографию в фотошопе и с помощью пипетки сделать новую палитру. Еще проще сделать палитру с помощью такого инструмента, как Photocopa . Просто загрузите понравившееся изображение и получите готовую палитру».

2. ИСПОЛЬЗУЙТЕ ЦВЕТОВОЙ КРУГ

Художник Марк Шагал говорил: «Все цвета друзья своих соседей и любителей их противоположностей». Что он имел в виду? «Друзьями» Шагал называл оттенки, расположенные рядом на цветовом круге, например, голубой и синий. А вот «любители противоположностей» находятся напротив них на цветовом круге, то есть синий цвет будет сочетаться с различными оттенками оранжевого.

Канадский дизайнер Синди Кинаш из агентства Cultivated Mind говорит: «Когда используешь акварель, чтобы показать тень или глубину, можно использовать похожий цвет, только на несколько оттенков темнее». Данный способ подобрать хорошо сочетающиеся цвета один из самых лучший. Используя дружественные цвета и сочетая их с контрастными оттенками, можно добиться потрясающих результатов – нужно просто знать, как пользоваться цветовым кругом.

3. УЧИМСЯ У ДИЗАЙНЕРОВ ИНТЕРЬЕРА

Так как независимо от вида дизайна принципы работы с цветом остаются неизменными, то можно обратить внимание на то, как составляют цветовые палитры дизайнеры интерьера. Британский дизайнер Елена Дженова делится опытом: «Когда я занимаюсь дизайном интерьера, я использую правило, которое применимо и к графическому дизайну. В работе я использую доминирующий цвет, его доля составляет 60%, дружественные оттенки (30%) и 10% приходится на цветовой акцент. Если палитра кажется слишком бедной, то можно добавить несколько оттенков, которые будут «друзьями» доминирующего цвета, при этом не стоит дробить акцент, его нужно оставить таким, каким он был».

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

4. СОХРАНЯЙТЕ УДАЧНЫЕ ПРИМЕРЫ

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

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

5. ИСПОЛЬЗУЙТЕ ВЕЕР PANTONE

Иногда такой проверенный способ подбора цветов, как цветовой круг, не помогает составить палитру. В этом случае, можно подобрать цвета как в старые добрые времена, используя веер Pantone. Порой бывает полезно отойти от монитора и сосредоточиться не на цифровом, а на физическом образце цвета. Келли Хегстрем так объясняет использование веера оттенков в своей работе: «Иногда очень хорошо иметь веер под рукой, особенно тогда, когда вы не уверены, что оттенок на мониторе будет правильно отображаться при печати. Также веер пригодится, если клиенту нужен какой-то особенный цвет – вы просто показываете ему веер и проблема решается сама собой».

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

6. ВОЗЬМИТЕ ЦВЕТА У ПРИРОДЫ

Наши глаза привыкли к цветам, которые чаще всего встречаются в природе. Естественные цветовые палитры всегда будут смотреться удачно – ведь они нам знакомы. Дизайнер Гэри из агентства CO-OP говорит: «Цветовые комбинации бесконечны. Пейзажи, фрукты, листья, цветы – все это естественные, доступные и бесплатные источники вдохновения». Гэри работает в Южной Африке и поэтому его палитры теплые и яркие, как и природа этой страны.

7. ИСПОЛЬЗУЙТЕ 3 ИЛИ 4 ЦВЕТА

Если дизайнер сознательно использует в работе широкую цветовую гамму, например, ему нужно изобразить радугу – это одно. Однако следует избегать использования слишком большого количества цветов. Родриго Герман, дизайнер из Чили, рекомендует использовать в дизайне три цвета. Если же требуются дополнительные оттенки, то они должны быть как можно менее контрастны к основному цвету.

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

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

8. ЦВЕТОВАЯ ПАЛИТРА ЗАВИСИТ ОТ ТЕМЫ

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

Саломея, дизайнер из агентства Graphic Box, предлагает сначала сделать предварительный набросок цветовой палитры, а затем постепенно выбирать наиболее подходящие оттенки. «Например, мне нужен «романтический» фиолетовый, – говорит она. – Или я хочу использовать «милый» розовый». Саломея предлагает использовать эмоции для точного подбора цветов – данный способ помогает создавать палитры, максимально отвечающие теме. Также она считает, что дизайнерам стоит ознакомиться с теорией цвета и почитать различные материалы, в которых рассказывается о том, как люди воспринимают различные сочетания цветов.

9. ИСПОЛЬЗУЙТЕ PINTEREST ДЛЯ ПОИСКА ТЕМАТИЧЕСКИХ ПАЛИТР

На сайте Pinterest можно найти большое количество цветовых палитр, созданных дизайнерами со всего мира. Ян Барнард, создатель компании Vintage Design Co, рассказывает, как он использует Pinterest: «Если бы я работал над созданием плаката о пляжном отдыхе, то я бы ввел в поиск на сайте запрос «летние цветовые палитры» и выбрал бы подходящий вариант».

10. ИСПОЛЬЗУЙТЕ СПЕЦИАЛЬНЫЕ САЙТЫ

COLORlovers – это творческое сообщество, где люди, живущие в разных странах, создают и делятся с другими участниками цветовыми палитрами и шаблонами. Став участником сообщества вы получите доступ к более чем 3,7 млн. готовых цветовых палитр.

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

Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard : «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».

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

1. Ограничьте количество цветов

При добавлении цветов в дизайн крайне важно выдерживать баланс; и чем их больше, тем сложнее становится этого добиться. Результат получится лучше, если вы будете придерживаться правила «максимум три основных цвета», формируя палитру. В ходе исследования от специалистов из Торонтского университета , посвященного тому, как люди пользуются Adobe Color CC , большинство респондентов сказали, что предпочитают простые сочетания на основе двух-трех цветов.

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

Как выстроить палитру

Но как выбрать эти два-три цвета? Тут вам поможет цветовой круг.

Такой круг из 12 цветов - один из основных материалов для составления палитры.

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

Одноцветные палитры

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

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

Палитры из родственных цветов

Родственные цвета - это те, которые располагаются рядом друг с другом на круге.

Такие гаммы строятся на базе родственных цветов: один из них становится опорным, а остальные используются, чтобы обогатить палитру. Здесь все тоже достаточно просто, но фокус заключается в том, чтобы правильно выбрать яркость используемых цветов - она будет задавать тон для всей гаммы. Например, Clear , утилита для организации списка дел с жестовым управлением, использует кричащие цвета, чтобы визуально привлечь внимание к тем задачам, которые пользователь выполняет в данный момент. Напротив, в приложении для медитации Calm предпочтение отдается паре родственных цветов «синий+зеленый», чтобы создать у пользователей ощущение покоя и умиротворения.

Палитры из комплементарных цветов

Используя комплементарные (противоположные) цвета, вы легко можете визуально выделить элемент.

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

Кастомизированные палитры

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

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

2. Черпайте вдохновение в природе

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

Природа создает лучшие сочетания цветов. Из этой фотографии может получиться отличная цветовая схема.

3. Старайтесь придерживаться пропорции 6/3/1

При составлении палитры вам также пригодится вечно актуальное правило от дизайнеров интерьеров: пропорция 6/3/1 позволяет создать идеальный баланс цветов в любом пространстве.

Воплотить эту концепцию в реальность очень просто: ваш опорный цвет должен занимать 60% процентов, дополнительный - 30%, а 10% отводится на акценты. Основная идея состоит в том, что дополнительный цвет должен служить поддержкой для основного, но при этом быть легко различимым на его фоне. На цвет для визуального выделения отдельных областей приходится 10% экрана - можете использовать его для призыва к действию или же любого другого элемента.

4. Сначала проектируйте в черно-белой гамме

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

Вводите цвет в последнюю очередь и очень целенаправленно.

Яркое пятно на сером фоне - простой и эффективный способ направить взгляд на нужный объект.

5. Избегайте черного цвета

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

Если добавить в ваш комплект тщательно отобранных цветов черный, он «задавит» собой все остальные. Он так сильно бросается в глаза именно потому, что не воспринимается как естественный. Многие приложения, которыми мы пользуемся изо дня в день, добавляют в интерфейс якобы черные цвета, которые на самом деле темно-серые. Например, самый темный цвет в верхней панели приложения Asos - не #000000, а #242424. Так что не забывайте регулировать насыщенность.

6. Выстраивайте визуальную иерархию при помощи контраста

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

Благодаря контрасту одна область экрана заметно отличается от остальных.

7. Используйте цвет, чтобы воздействовать на эмоциональное состояние пользователя

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

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

Красный, Оранжевый, Желтый

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

Оранжевый (озорной, бодрый, привлекательный, дешевый): Оранжевый - теплый и яркий цвет. Он создает атмосферу бодрости и навевает на пользователей чувство тепла и уюта. Некоторые исследователи утверждают, что оранжевый выражает идею дешевизны .

Желтый (веселый, приветливый, стимулирующий, привлекает внимание): Желтый - крайне разносторонний цвет, который объединяет в себе оттенки с разными значениями. Так, светло-желтый ассоциируется с солнцем, то есть с чем-то позитивным и дружелюбным. Более насыщенные тона оставляют впечатление древних времен и монументальности. Их часто применяют, когда нужно показать что-то незыблемым и мудрым.

Зеленый, Синий, Фиолетовый

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

Синий (спокойный, ответственный, заслуживающий доверия, надежный): Синий цвет обычно ассоциируется с чувствами покоя и умиротворения, а также с силой и надежностью, что в общем дает ощущение профессионализма и возбуждает доверие. Синий внушает нам, что мы в безопасности. По этой причине его активно используют банки и IT-компании. У многих титанов на рынке социальных сетей (Facebook, Twitter, LinkedIn) в интерфейсе также фигурирует синий.

Фиолетовый (роскошный, загадочный, романтический, духовный): Фиолетовый исторически считается цветом, связанным с людьми королевских кровей, и намекает, что продукт относится к категории элитных.

Розовый, Черный, Белый, Серый

Розовый (женственность, невинность, юность): Наиболее широко известная ассоциация с розовым цветом - это женственность.

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

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

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

Здесь важно отметить, что значения цветов могут сильно меняться в зависимости от обстоятельств и культурного контекста. Чтобы глубже ознакомиться с этой темой, прочитайте статью Symbolism Of Colors And Color Meanings Around The World .

8. Сделайте дизайн доступным

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

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

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

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

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

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

Делайте текст как можно контрастнее

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

Низкая контрастность может стать смертельным ударом для юзабилити.

Отслеживайте контрастность, чтобы быть уверенными, что цвет текста будет в достаточной степени выделяться относительно фонового цвета и даже человек с дальтонизмом или очень слабым зрением сможет различать слова. Коэффициент контраста - это математическое выражение того, насколько один цвет отличается от другого (обычно он записывается так: 1:1, 21:1). Чем больше разница между числами, тем сильнее цвета отличаются по яркости. На W3C рекомендуют следующие соотношения между яркостью текста и изображений:

• Если текст мелкий, соотношение должно быть не меньше 4.5:1;
• Для крупного текста (то есть 14 pt и выше для жирного шрифта, 18 pt и выше - для обычного) оптимально соотношение 3:1 и больше.

Но есть хорошая новость: вам не придется проверять все вручную. При помощи рассчитать коэффициент можно в несколько кликов.

Бонус: Инструменты, необходимые для UX дизайнера

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

Adobe Color CC
Adobe Color CC (раннее известный как Kuler) - отличное решение, чтобы находить, редактировать и создавать палитры. Вы можете модифицировать каждый цвет, входящий в состав гаммы, или устанавливать его в качестве опорного буквально в пару кликов. Готовые палитры можно сохранять и добавлять в библиотеку; кроме того, в открытом доступе на сайте находится большое количество цветовых гамм, созданных другими членами сообщества.

Dribbble Search-by-color
Если хотите посмотреть, как другие дизайнеры применяют тот или иной цвет в своих проектах, перейдите по адресу dribbble.com/colors и выберите нужный оттенок.

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

Colorzilla
Colorzilla - расширение для браузеров Google Chrome и Mozilla Firefox, которое включает целую кучу инструментов для работы с цветом, включая пипетку с возможностью захвата цвета, генератор градиентов CSS и функцию просмотра палитр.

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

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

Симулятор дальтонизма в Adobe Photoshop
Photoshop позволяет проверить, насколько ваш дизайн универсально доступен. Достаточно перейти на вкладку View > Proof Setup и выбрать интересующий ваш тип (Protanopia type или Deuteranopia type).

NoCoffee Vision Simulator for Chrome
Чтобы удостовериться, что ваш дизайн доступен для всех, неплохо бы на себе испытать дальтонизм в процессе проектирования. NoCoffee Vision Simulator обеспечивает возможность создать для любого интерфейса симуляцию, показывающую, как она выглядит для людей с цветовой слепотой или слабым зрением. Например, применив фильтр «Deuteranopia» во вкладке «Color Deficiency», вы увидите веб-сайт в тонах серого. Это поможет вам адаптировать интерфейс под потребности людей, у которых проблемы с глазами.

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

А сейчас мы узнаем во всех подробностях, как сделать палитру для акриловых красок своими руками . Если у начинающих художников возник вопрос: «Зачем?», значит вам ещё предстоит полностью раскрыть для себя богатый мир акриловых красок. И тогда, вы наверняка воспользуетесь этим уроком.

Специальная палитра для акрила, художественные материалы

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

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

• Шаг 1 .

Привычные белые плитки кафеля и пластмассовые палитры отменяются. Принцип этой палитры в том, что на ней акриловые краски не засыхают! И для её изготовления нам понадобится, в первую очередь, специальная ёмкость. Это должен быть неглубокий прямоугольный контейнер. Размером примерно с лист бумаги. Лучше брать не меньше А5 формата. С плоским дном и с бортиками примерно 2–4 см высотой. Это может быть какой-то лоток для продуктов, или форма для выпечки, или поддон. Причём ваша посудинка не обязательно должна быть белого цвета, как на фотографии. Цвет палитры измените потом, как надо.

Основа для самодельной художественной палитры для акрила

Шаг 2.

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

Выложите дно вашей ёмкости бумажными полотенцами. Понадобится не менее 6 слоёв, чтобы палитра хорошо работала. Какого цвета будут ваши полотенца, такого цвета и будет палитра. Салфетки надо укладывать очень аккуратно. Надо, чтобы поверхность была ровная, без горбов, ямок или складок. Лишнее - обрежьте, где недостаёт - подложите подходящие по размеру кусочки.

Специальная палитра для акриловой краски – выстилаем дно

• Шаг 3.

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

Аккуратно сливаем излишек воды из палитры

• Шаг 4.

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

• Шаг 5.

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

• Шаг 6.

Из кальки мы сделаем рабочую поверхность палитры. Лист кальки подгоняем под размер дна ёмкости и стелем на нашу мокрую заготовку. Калька пропитается бумагой, хорошо уляжется. А потом надо будет снова выгнать воздух из-под неё. Тщательно разгладьте поверхность бумаги.

• Шаг 7.

У вас должно получиться примерно как на фотографии ниже. Всё, палитра готова, можно брать и пользоваться. Подложка из мокрой туалетной бумаги будет равномерно и постоянно увлажнять краски. А когда начнёт подсыхать, накапайте в неё чуточку воды. Но будет это не скоро: у вас есть несколько дней спокойной работы с акрилом. Когда понадобится, просто отогните уголок кальки и в дырочку подлейте воду. Держите палитру всегда влажной.

• Шаг 8.

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

Итак, как видите, специальную палитру для акриловых красок своими руками сделать нетрудно и материально очень выгодно. Что нам понадобилось для этого? Всего-то:

1. лоток
2. бумажные полотенца
3. лист кальки
4. немного чистой водички

А хватит её на долго. Когда сильно запачкается, нужно будет просто заменить лист кальки.

➡ Когда в рисовании наступает пауза, палитру надо поставить в холодильник, накрыв пластиковой крышкой. Или можно пищевой плёнкой обтянуть, если крышки нет. Таким образом краски могут месяцами оставаться свежими.

Автор урока и оригинальный текст урока на английском языке: Walter O’Neal

Инструкция

Для начала нужно основу, причем вовсе не обязательно использовать керамическую палитру , при желании ее можно заменить любой тарой – пластиковым контейнером, формой для выпечки или даже блюдом для лазаньи. Весь палитры кроется не в , а в содержании.

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

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

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

Видео по теме

Источники:

• Как в программе Photoshop работать с палитрами Цвет, Образцы

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

Инструкция

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

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

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

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

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

Полезный совет

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

Инструкция

Нажмите кнопку “Print Screen” в нужный момент. Готовый скриншот будет скопирован в буфер обмена компьютера – специальную внутреннюю область памяти для временного копирования информации. Чтобы случайно не стереть из памяти сделанный снимок экрана, временно воздержитесь от операций по копированию различных данных.

Откройте стандартное приложение Microsoft Windows для редактирования изображений под названием MS Paint. Найти ее можно в списке стандартных программ в меню «Пуск». На верхней панели выберите вкладку «Правка» и в ней пункт «Вставить». Также можно воспользоваться комбинацией клавиш «CTRL + V». В результате этого скриншот , который вы сделали, появится в программе в виде изображения. Отредактируйте его так, как нужно: увеличьте или уменьшите в размерах, вырежьте лишние границы или части, измените палитру оттенков, добавьте свои пометки и т.д.

Сохраните снимок экрана, выбрав на вкладке «Файл» функцию «Сохранить как…» или нажав комбинацию «CTRL + S». Укажите подходящий формат изображения и назовите его, затем выберите папку, куда оно будет помещено, и нажмите «Сохранить». Подобным образом вы сможете делать скриншот неограниченное количество раз.

Обратите внимание

Вставлять снимок экрана из буфера обмена вы можете в любую графическую программу для работы с изображениями: Adobe Photoshop, GIMP, Pixia и пр. Помните, что некоторые из распространяются в демонстрационном виде и через определенное количество дней начинают требовать внесения средств для покупки соответствующего приложения.

Полезный совет

Вы можете воспользоваться одной из многочисленных программ, которые помогут сделать скриншот экрана ноутбука быстрее и проще, например, FireShot, Joxi, Paint.Net и т.д. Их особенность заключается в том, что как только вы нажмете клавишу “Print Screen”, скриншот сразу появится в графическом редакторе или будет сохранен на диск, избавляя вас тем самым от нескольких дополнительных действий.

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

Вам понадобится

• - программное обеспечение Adobe Photoshop;
• - изображение для аватара.

Инструкция

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

Откройте программу и дважды щелкните по пустому полю программы или нажмите сочетание клавиш Ctrl + O, чтобы открыть изображение.

Сделайте дублю основного слоя, который был создан при загрузке картинки в программу. Нажмите правой кнопкой мыши на слое в панели слоев и выберите пункт «Создать дубликат слоя» или нажмите сочетание клавиш Сtrl + J.

К нижнему слою необходимо применить изменение уровней цвета. Нажмите верхнее меню «Изображение» и выберите пункт «Уровни» (сочетание клавиш Ctrl + L). В открывшемся окне сдвиньте средний ползунок до значения 2,35.

К верхнему слою (недавно созданному) также необходимо применить изменение уровней. Нажмите сочетание клавиш Ctrl + L. В открывшемся окне сдвиньте ползунок на значение 0,40.

Теперь нажмите верхнее меню «Окно», затем откройте палитру «Анимация». В панели слоев оставьте видимым только нижний слой, для этого нажмите на изображение глаза напротив верхнего слоя – он станет невидимым.

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

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

Для сохранения получившегося аватара нажмите меню «Файл» и выберите пункт «Сохранить для web и устройств…». В открывшемся окне выберите формат изображения Gif и 256 цветов. Нажмите кнопку «Сохранить».

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

Инструкция

Обычно таким каналом является – кликните на него, а затем перетащите на пиктограмму создания нового канала (Create New Channel). Вы создали копию красного канала – примените к ней фильтр Glowing Edges, выбрав его в меню Filter -> Stylize. Настройте фильтр так, чтобы параметр Edge Width был равен 1, параметр яркости был равен 17, а параметр мягкости был равен 4.

Зажмите на кнопку Ctrl, а затем, не отпуская клавишу, нажмите на иконку красного канала, чтобы вызвать выделение нужной области. Удалите копию канала, кликнув на нее правой кнопкой мыши и выбрав опцию Delete Current Channel, а затем откройте палитру слоев (нажмите в меню Window -> Layer, если палитра слоев не отображается в главном окне программы).

На палитре слоев нажмите сочетание Ctrl+H, чтобы временно скрыть выделенную область. Затем выберите в меню Filter опцию Sharpen -> Unsharp Mask. Подберите настройки фильтра, согласно вашей индивидуальной фотографии – установите подходящий радиус, объем и уровень порога фильтра.

Просмотрите , нажав кнопку предварительного просмотра. Кликните на клавиши Ctrl+J, чтобы клонировать на новый слой выделение. В меню фильтров выберите опцию Sharpen -> Sharpen Edges. Ваша фотография станет заметно четче и красивее.

Источники:

• сделать фото четче онлайн

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