Простые цвета: Ирина Калмыкова

Содержание

ПРОСТЫЕ ЦВЕТА

верстка

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

Оперативная печать

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

Широкоформатная печать от студии рекламы «РадиусС» превзойдет любые ожидания

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

Основные технические правила набора и верстки

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

Размещение беженцев в Александрии

Предлагаем расселение и помощь для беженцев в Александрии, для этого есть такая возможность:
Центральный бассейн города Александрии, ЧП Спортренд, на сегодняшний день есть свет, горячая вода(душ), если будут дети — возможен подогрев детского бассейна

Видео-обзор:

Дополнительно возможно размещение в промзоне Александрии, на площадях организации МСД — там есть холодная вода и свет-генератор.

Контактный телефон бассейна: +380 98 169 1188

Простые цвета таковы:… (Цитата из книги «Суждения о науке и искусстве» Леонардо да Винчи)

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

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

Черное и белое хотя и не причисляются к цветам — так как одно есть мрак, а другое свет, то есть одно есть лишение, а другое порождение, — все же я не хочу на этом основании оставить их в стороне, так как в живописи они являются главными, ибо живопись состоит из теней и светов, то есть из светлого и темного.
За черным и белым следует синее и желтое, потом зеленое и леонино, то есть тането, или, как говорят, охра; потом морелло и красное. Всего их — восемь красок, и больше не существует в природе. С них я начну смешивание, и пусть будут первыми черное и белое; потом — черное и желтое, черное и красное; потом — желтое и черное, желтое и красное; а так как мне здесь не хватает бумаги, то я отложу разработку подобных различий до моего произведения, [где они должны быть] пространно рассмотрены, что будет очень полезно и даже весьма необходимо. Это описание будет помещено между теорией и практикой живописи.

Простые цвета и растровые оттенки — Мегаобучалка

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



Составные цвета

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

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

ЦВЕТОДЕЛЕНИЕ, ИЛИ КОНВЕРТАЦИЯ RGB — CMYK

Многие оттенки, созданные цветовой системой RGB, не удается передать при печати. Поэтому нередко прекрасные краски рисунка на мониторе после печати оказываются блеклыми. Переход из RGB в CMYK осуществляется через специальные программные фильтры, где учитываются все будущие установки печати (система основных триадных красок, коэффициент растискивания точки, баланс красок, способ генерации черного цвета, а также максимальный уровень краски и другие установки). Чтобы репродуцировать полутоновую цветную иллюстрацию с помощью печатной машины, ее (точнее, содержащую ее страницу) необходимо подвергнуть цветоделению, а затем вывести отдельную фотоформу для каждой триадной краски (голубой, пурпурной, желтой и черной), а также для каждой смесевой краски, использованной в цветовом оформлении данной страницы. Цветоделением называется разложение цветного изображения из режима RGB на четыре составные краски CMYK, которые затем соединяются при печати, образуя многоцветное изображение. Цветоделение — очень сложный процесс, поэтому качество готового изображения во многом зависит от опыта оператора, правильной калибровки всей системы и мастерства печатника. В типографии с полученных фотоформ изготавливаются печатные формы, которые устанавливаются в печатную машину. (Печатные формы для смесевых красок часто называют плашками.)

Технологии UCR и GCR

Введение черной краски в процесс цветного репродуцирования решило проблему создания абсолютно черного цвета, который нельзя было получить простым совмещением 100-процентных триадных красок CMY. Однако в некоторых ситуациях этот метод вызывает другие проблемы, например, избыточное количество краски на определенных участках бумаги. В подобных случаях печатники применяют технологии UCR (under color removal — вычитание цветной краски из-под черной) и GCR (gray component replacement — замена серой компонентой), которые позволяют минимизировать общее количество наносимой на бумагу краски. Технология UCR используется главным образом для придания глубины теням и нейтральным цветам изображения. Смысл технологии GCR состоит в замене нейтральных цветов изображения соответствующими градациями серого цвета. Настройка параметров UCR и GCR для сканированных изображений может быть выполнена с помощью ряда специализированных графических программ, таких как Adobe Photoshop.

Дорого яичко в Христов день

Ольга Гржибовская

Без наклеек и термопленки. Рыбинские хозяйки делятся интересными способами покрасить яйца к Пасхе

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

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

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

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

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

Для веселых разноцветных крапинок потребуется любой рис – по 2 столовые ложки на каждый цвет, пищевые жидкие красители – по 2-3 капли каждого цвета. Яйца лучше выбрать белые и предварительно их отварить.

— Возьмите небольшие контейнеры с крышками (по количеству цветов), в каждый положите по две столовые ложки риса и капните по 2-3 капли пищевого красителя. Затем поместите в контейнер одно отваренное яйцо, закройте плотно крышку, потрясите несколько секунд для получения необходимого эффекта. Переложите яйцо на салфетку, чтобы обсохло. Повторите процедуру со всеми яйцами, — советует Ольга. — Красители можно смешивать, можно окрашивать яйца в двух и более оттенках. Дайте волю своей фантазии!

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

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

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

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

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

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

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

Комментарии Отправляя комментарий, я даю согласие на обработку персональных данных. Новости по теме

Список именованных цветов — документация Matplotlib 3.5.0

 из matplotlib.patches import Rectangle
импортировать matplotlib.pyplot как plt
импортировать matplotlib.colors как mcolors


def plot_colortable (цвета, заголовок, sort_colors = True, emptycols = 0):

    ширина ячейки = 212
    ячейка_высота = 22
    ширина_образца = 48
    маржа = 12
    верхняя маржа = 40

    # Сортировка цветов по оттенку, насыщенности, значению и названию.
    если sort_colors имеет значение True:
        by_hsv = отсортировано((кортеж(mcolors.rgb_to_hsv(mcolors.to_rgb(цвет))),
                         название)
                        для имени, цвет в цветах.Предметы())
        имена = [имя для hsv, имя в by_hsv]
    еще:
        имена = список (цвета)

    n = длина (имена)
    ncols = 4 - пустые столбцы
    nrows = n // ncols + int(n % ncols > 0)

    ширина = ширина ячейки * 4 + 2 * поле
    высота = высота_ячейки * количество строк + поле + верхнее поле
    dpi = 72

    fig, ax = plt.subplots(figsize=(ширина/dpi, высота/dpi), dpi=dpi)
    fig.subplots_adjust (маржа/ширина, поля/высота,
                        (ширина-поле)/ширина, (высота-верхнее поле)/высота)
    топор.set_xlim (0, ширина ячейки * 4)
    ax.set_ylim (cell_height * (nrows-0.5), -cell_height/2.)
    ax.yaxis.set_visible (ложь)
    ax.xaxis.set_visible (ложь)
    топор.set_axis_off()
    ax.set_title (заголовок, размер шрифта = 24, loc = "левый", панель = 10)

    для i имя в перечислении (имена):
        строка = я % строк
        col = i // строки
        у = строка * высота_ячейки

        swatch_start_x = ширина_ячейки * столбец
        text_pos_x = ширина_ячейки * столбец + ширина образца + 7

        ax.text (text_pos_x, y, имя, размер шрифта = 14,
                горизонтальное выравнивание = 'влево',
                вертикальное выравнивание='центр')

        топор.add_patch(
            Прямоугольник (xy = (swatch_start_x, y-9), ширина = swatch_width,
                      высота = 18, цвет лица = цвета [имя], цвет края = '0,7')
        )

    вернуть инжир

plot_colortable(mcolors.BASE_COLORS, "Базовые цвета",
                sort_colors = Ложь, emptycols = 1)
plot_colortable(mcolors.TABLEAU_COLORS, "Палитра Tableau",
                sort_colors = Ложь, emptycols = 2)

plot_colortable(mcolors.CSS4_COLORS, "Цвета CSS")

# Опционально отображать цвета XKCD (Внимание: получится большая цифра)
# xkcd_fig = plot_colortable(mcolors.XKCD_COLORS, "Цвета XKCD")
# xkcd_fig.savefig("XKCD_Colors.png")

plt.show()
 

Основные принципы дизайна — Использование цвета в саду

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

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

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

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

Монохроматические цветовые схемы включают оттенки красного, включая розовый, оттенки оранжевого и желтого:

Другие монохроматические цветовые схемы включают оттенки черного, белого или фиолетового:

   

Поиск растений по цвету:

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

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

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

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

 

Вот несколько фотографий, иллюстрирующих использование дополнительных цветов в пейзаже. Цветовые дуэты ниже: оранжевый и синий, фиолетовый и ярко-желтый, а также фиолетовый и светло-желтый.

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

Наглядные примеры каждой триады смотрите на фотографиях ниже. Фотография слева иллюстрирует красную, желтую и синюю триаду, а фотография справа — фиолетовую, оранжевую и зеленую триаду.

  

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

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

   

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

 

Меня всегда привлекали яркие цвета, но я немного боялся смешивать эти цвета вместе. Я склонялся (до некоторой степени до сих пор) к тому, чтобы наиболее комфортно сочетать аналогичные или монохроматические цвета. Затем, несколько лет назад, у меня было небольшое цветное прозрение, вызванное гигантской кораллово-розовой стеной, которую мы установили в саду, который мы используем для торговой выставки.Хотя мне нравится цвет, мы использовали систему подбора цвета краски, чтобы воспроизвести цвет моего зимнего пальто. Я не был так уверен, что стена высотой 15 футов и длиной 100 футов, окрашенная в этот цвет, была лучшей идеей. Однако, покрасив стену и расставив перед ней почти все мыслимые цвета, включая лососевый, я понял, что никогда не стоит бояться ярких цветов. Более широкий диапазон цветов, чем вы думаете, будет работать вместе, факт, который я должен постоянно повторять себе.

 

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

 

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

Чтобы узнать больше об основных принципах проектирования, нажмите на эту ссылку.

50 великолепных цветовых схем с потрясающих веб-сайтов

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

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

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

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

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

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

СВЯЗАННЫЕ: 50 красивых цветовых комбинаций (и как их применять в своих проектах)

 

1 Красочный и сбалансированный

Активная теория

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

2 ярких акцентных цвета

Пайпр

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

3 Натуральный и землистый

Резн

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

4 Прохладный и свежий

Гросс Фонарь

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

5 Смелый и яркий

W&CO

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

6 киноварь и русская зелень

Вонючий цифровой

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

7 Стильный и изысканный

Бордель Студия

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

8 фиолетовых оттенков и тонов

РидБе

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

9 Deep Purple и Blues

Самсы

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

10 Современный и смелый

Брайан Джеймс

Привлекательное сочетание розового, красного, черного и серого цветов, эта современная палитра вызывает ощущение роскоши, изысканности и минимализма.

11 Живой и привлекательный

Антон и Ирэн

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

12 ярких и простых

Берт

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

13 Красный и живой

БрайтМедиа

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

14 Искусство и творчество

Джули Флогеак

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

15 Элегантный, но доступный

Эпический

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

16 Гладкий и футуристический

Медиамонахи

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

17 Инновационный и дерзкий

eDesign Interactive

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

18 Текстурированный и динамический

ДОМ

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

19 Минималистичный, но теплый

Идентификатор вкуса

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

20 Яркий и резкий

ФЦИНК

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

21 Чистый и энергичный

Изменить цифровой

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

22 Корпоративный и традиционный

Уотсон/ДГ

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

23 Синий и освежающий

Супремо

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

24 Чистота и современность

Умвельт А/С

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

25 Яркий и элегантный

Ваарк

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

26 Молодость и веселье

Пятьсот

Эта игривая и красочная гамма сочетает в себе несколько ярких оттенков: ярко-бирюзовый, мандариновый желтый и темно-орхидейный.

27 Великолепный контраст

Иммерсивный сад

Этот элегантный и ультрасовременный сайт может похвастаться элегантным и привлекательным сочетанием с эффектным контрастом. Яркий желто-зеленый хорошо сочетается с черным и серым фоном.

28 эффектных акцентных цветов

СМФБ

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

29 Современность в полном расцвете

Цифровое воспитание

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

30 Рядом с природой

Борн05

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

31 ярко-розовый и пастельный

Вонючий цифровой

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

32 Уникальная комбинация

ЛЮБОВЬ

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

33 ярких цитрусовых цвета

Чизкейк супергероя

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

34 Яркий синий и оранжевый

Бюрократик

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

35 Красная роза и черника

Google Brand Studio

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

36 Смелый и уникальный

Детали

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

37 Веселый и энергичный

Шер Ами

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

38 Снежный, но теплый

Левингстон

Это зимнее красно-синее сочетание вызывает одновременно прохладу и теплоту, как и образы, связанные с зимними праздниками.

39 Насыщенный и красочный

Элеспасио

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

40 Современный и минималистичный

SFCD

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

41 Бесстрашный и бесстрашный

Great Works Копенгаген

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

42 цвета плоского дизайна

Резн

Даже если вы не знакомы с термином «плоский дизайн», вы, вероятно, встречали его раньше: веб-сайты без теней, без градиентов, без скосов; Короче говоря, никаких трехмерных элементов.

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

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

43 Эклектичный и спокойный

Играть

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

44 Стильный и традиционный

детали.ch

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

45 ярких акцентных цветов

вонючий цифровой

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

46 Корпоративный и серьезный

ЭПИК

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

47 Гламурный и модный

Апарт

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

48 Эффектный и элегантный

ФУТУРАМО

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

49 Громко и прямо в лицо

Паника

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

50 Живой, но успокаивающий

мадео

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

Список из 20 простых различных цветов

Сообщить о проблеме

11 января 2017 г.

'#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe' , '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080' , '#ffffff', '#000000'

Тест:

Примечание. Это только для проверки контрастности.Не используйте более 5 цветов в реальной линейной диаграмме.

Работая над проектом «Римские дороги», я столкнулся с проблемой. Задача состояла в том, чтобы покрасить 20 различных железнодорожных линий для схемы метро, ​​и я обнаружил, что трачу слишком много времени на выбор цветов. Что бы я ни делал, некоторые цвета были слишком похожи, и их можно было легко спутать.

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

Наверняка я не первый, у кого такая проблема, подумал я. Итак, я погуглил и наткнулся 22 цвета максимальной контрастности Келли. К сожалению, ближе к концу списка Келли все становится немного сложнее. оранжево-желтый , пурпурно-красный , желтовато-коричневый и красновато-оранжевый , казалось, смешались вместе. Мало того, не было ни шестнадцатеричных троек, ни значений RGB, ни CMYK.

Каждый список цветов, который я нашел в Интернете, имел одни и те же проблемы.Поэтому я сделал свой собственный с цветами:

.
  • Легко различимый
  • Сияющий со вкусом
  • Даны простые, интуитивно понятные имена
  • Поставляется со значениями hex, RGB и CMYK

Без лишних слов, я представляю свой собственный список из 20 простых и визуально отличных цветов, плюс черный и белый.

Я расположил «удобный» порядок так, что если вы хотите, например, шесть цветов, просто выберите первые шесть. Порядок цветов навеян их частотой появления на всех картах метро мира (да, я их все посчитал!).

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

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

  • Приблизительно 95% населения в целом имеют нормальное цветовое зрение и имеют полный доступ к исходной палитре.
  • Еще 4% населения имеют все три типа колбочек (RGB), но красные или зеленые колбочки могут быть не полностью функциональными, что затрудняет различение комбинаций зеленого/желтого и синего/фиолетового. Я удаляю некоторые цвета, которые слишком близки друг к другу, например, оливковый, который становится похожим на коричневый.
  • Еще у 1% населения отсутствуют красные или зеленые колбочки. Грубо говоря, они видят цвета с длиной волны больше голубого (например, красный, зеленый) как оттенки желтого, а цвета с длиной волны короче голубого (например,грамм. фиолетовый) в виде оттенков синего. Поскольку они имеют один и тот же оттенок, единственными факторами различия становятся яркость и цветность. Оранжевый и желтый все еще можно различить, но оранжевый выглядит как более темный желтый.
  • Последние 0,01% популяции могут иметь слабые или отсутствующие синие колбочки, только один тип колбочек или вообще не иметь колбочек. Люди с тританомалией (слабые синие колбочки) могут прекрасно видеть почти весь спектр, в то время как люди с тританопией (отсутствие синих колбочек) видят, грубо говоря, желтый через фиолетовый как голубой, а пурпурный через оранжевый как красный.Однако это такое редкое состояние, что я сделал окончательный вариант, адаптированный для наименьшего общего знаменателя: людей, которые не могут различать оттенки. Желтый становится светло-серым, а синий становится темно-серым.

10 трендовых цветовых схем веб-сайтов 2022 года

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

Но слишком часто о цветовой схеме веб-сайта забывают.

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

Нужен профессиональный дизайнер веб-сайтов?

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

Получите бесплатную консультацию

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


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

Делайте это хорошо, и это повысит читабельность вашего контента, улучшит его понимание и улучшит обучение.

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

Университет Торонто провел интересное исследование цветов и того, как они воспринимаются людьми. Они определили, что большинство людей предпочитают сочетания простых цветов.

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

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

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

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

1. Мягкие тона

Мягкие тона определенно будут в тренде в 2020 году. Creations Namale — ювелирный бренд из Канады. Вот скриншот из лукбука 2020 года на главной странице их сайта:

.

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

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

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

Приглушенные цвета создают ощущение класса и утонченности.Это не в твоем лице.

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

Creations Namale использует ненасыщенные версии зеленого и коричневого (два землистых тона). Обесцвечивание означает просто взять общие цвета и приглушить их. Это помогает этому бренду посылать правильное сообщение и не отвлекать внимание от своей продукции.

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

2. Простой серый, кремовый и ярко-красный

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

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

На странице стало больше текста, но он по-прежнему прост и удобен для чтения.

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

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

Это цветовые коды, используемые на сайте Тарека.

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

3. Синие и зеленые градиенты с белым текстом

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

Прежде чем мы рассмотрим, как выглядит их веб-сайт сегодня, взгляните на то, как выглядел их сайт шесть лет назад, в 2013 году:

Что-то не так с этим дизайном? Со стороны это выглядит немного скучно и уныло. В нем нет ничего, что действительно визуально привлекало бы внимание.

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

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

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

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

Если ваш веб-сайт в настоящее время устарел и больше похож на сайт Stripe 2013 года, попробуйте добавить цветовые градиенты, чтобы придать вашей палитре более современный вид.

4. Оранжевые и красные тона

Цветовые схемы в стиле ретро снова набирают популярность в 2020 году. Многие ведущие бренды используют популярные цвета 1970-х, 80-х и 90-х годов на своих веб-сайтах. Но они придают им современный вид.

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

Это немного оксюморон.Как что-то может быть ретро и современным одновременно?

Давайте посмотрим на домашнюю страницу Spotify.

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

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

Spotify выбрали эти цвета, потому что знали, что часть их аудитории включает тех, кто вырос в 70-х и 80-х годах. Они также знают, что в этих цветах есть мода, которую любит молодое поколение.

5. Нежно-розовый, ярко-розовый и угольно-черный

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

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

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

Если вам нравится этот дизайн и вы считаете, что современный вид хорошо подойдет для вашего веб-сайта, вы можете использовать эти цветовые коды в качестве справки при выборе цветовой схемы:

6.Серый, нежно-желтый и темно-синий

QED Group — фирма по организационному развитию, базирующаяся в Чешской Республике, которая стремится применять концепции психологии и поведенческой экономики.

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

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

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

Если вам нравится современный вид этих мягких желтых тонов в сочетании с серым и темно-синим, обратите внимание на эти цветовые коды:

7. Очень легкое прикосновение землистых тонов

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

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

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

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

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

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

8. Много красного, сбалансированный с приглушенными тонами

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

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

Одним из способов эффективного использования красного цвета является легкое прикосновение к чему-то небольшому, например, к нескольким ключевым словам в тексте (помните портфолио Тарека Исмаила в № 2?).

Другой способ — сочетать более приглушенные цвета с красным. Это более продвинутая тактика цветовой схемы, чем та, что мы видели на сайте Tareq.

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

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

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

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

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

9. Футуристические пастели и основные цвета

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

И устроили абсолютный мастер-класс по пастели и основным цветам.

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

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

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

10. Черный на черном на черном

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

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

.

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

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

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

Дополнительные ресурсы по дизайну веб-сайтов

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

Чтобы помочь вам создать лучший веб-сайт, вот несколько наших самых лучших ресурсов, которые помогут вам в вашем пути к дизайну:

  • 13 Рекомендации по дизайну веб-сайтов. Это наш контрольный список всего, что вам нужно знать о разработке успешного (и конвертирующего) веб-сайта.
  • Как создать сайт (пошаговое руководство). Не знаете с чего начать? Прочтите эту статью о том, как создать отличный веб-сайт с нуля. Не требуется знаний кодирования.
  • Планирование веб-сайта за 4 шага и 20 минут. Вы бы не захотели отправиться в путешествие, не проложив предварительно маршрут. И вы не хотели бы создавать веб-сайт своей компании, не планируя его. Это руководство покажет вам, как выбрать правильные типы контента и как структурировать их для вашего сайта.
  • Как создать домашнюю страницу, которая конвертируется. Домашние страницы — это то место, где большинство ваших посетителей впервые увидят ваш бренд, поэтому вам нужно произвести хорошее первое впечатление.Вот как это сделать, превратив их в постоянных клиентов.
  • Лучшие услуги веб-дизайна. Вам не обязательно делать это самостоятельно. На самом деле, если у вас хороший бюджет, мы настоятельно рекомендуем вам обратиться к проверенной компании, предоставляющей услуги по дизайну, чтобы помочь вам создать свой веб-сайт. Верь нам. Это стоит денег.
  • Как выбрать правильные цветовые схемы для вашего интернет-магазина. Хотите отличный способ превратить ваших посетителей в платных клиентов? Психология цвета — тонкий, но мощный способ сделать это.Вот как вы можете начать.
  • Как цвета влияют на коэффициент конверсии. Вот наша полная инфографика о том, как цвета влияют на вашу прибыль.

Заключение

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

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

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

Нужен профессиональный дизайнер веб-сайтов?

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

Получите бесплатную консультацию

просто цветов | Персонализированная детская одежда, Персонализированная детская одежда, Создайте свои собственные футболки, Детские футболки с надписями, Персонализированные детские футболки,

Подарок
Выбрать подарок не всегда просто.Вы очень хотите удивить кого-то подарком, но как это сделать? Компания Simply Colors с радостью поможет вам в поисках идеального подарка. И поскольку мы понимаем, что вы не просто хотите подарить подарок, просто цвета всегда могут персонализировать каждый продукт с вашим собственным именем, изображением и / или текстом для действительно уникального и оригинального подарка! С более чем 250 персонализированными подарками практически для любого случая вы всегда можете найти подарок, который вы ищете, в простых цветах! Подарок для него/нее, подарок для новорожденного, мамы или папы.Мы позаботимся о том, чтобы ваш личный дизайн был идеальным на вашем любимом подарке, вы также можете выбрать одну из наших подарочных коробок с собственным принтом!
Подарок для него
Оригинальный подарок для него до сих пор найти труднее всего. Если он еще не знает, чего хочет, то знаете ли вы? В просто цветах вы можете снабдить все подарки для него своим изображением и/или текстом. Таким образом, вы можете быть уверены, что всегда удивите его действительно уникальным подарком, независимо от того, ищете ли вы подарки ко Дню святого Валентина, ко Дню отца или рождественскому подарку.
Подарок для нее
Каждая женщина заслуживает особого подарка. Она всегда оценит личный подарок. Из-за персонализации подарка она увидит, что вы действительно сделали все возможное, чтобы удивить ее. С простыми цветами вы можете, среди прочего, сделать личный подарок на День матери, подарок на рождение ребенка или свадебный подарок.
Подарок ко Дню матери
День матери, единственный день в году, когда ваша мама окажется в центре внимания, подарив ей отличный личный подарок ко Дню матери.Если по какой-либо причине вы не можете передать это лично, вы можете заказать доставку ей без дополнительной платы, чтобы она знала, что вы думаете о ней!
Подарок на День отца
Покупает подарок на День отца и планирует вернуться в этот оживленный магазин за любимыми духами или гелем для душа. В этом году используйте другой подход. Удивите его персональным подарком. Он действительно оценит дополнительные усилия.

Подарок для беременных
Конечно, повсюду известно, что новым родителям очень нравится получать красивые подарки для беременных, и не только потому, что как новый родитель вы, конечно, очень гордитесь, но и если подарок будет персонализирован для новорожденного, его будут обожать и хранить как память. ребенок вырастает из него.Вы находитесь в нужном месте в простых цветах, в каждом ценовом диапазоне у нас есть персонализированный подарок для новых родителей.
Печать на футболках
Мальчишник, день рождения или просто так? В простых цветах вы можете заказать футболку, поло, толстовку или даже куртку из мягкой кожи с принтом в соответствии с вашими пожеланиями и стилем.
Подарок на день рождения
Что может быть веселее, чем получить подарок на день рождения, особенно если он также персонализирован? Создайте свой собственный подарок, и вы будете уверены, что это подарок, которого у них еще не было! Компания Simply Colors предлагает подарки для всех возрастов, поэтому вы можете быть уверены, что всегда найдете подарок, который подойдет ему или ей.
Подарок ко дню святого Валентина
В День святого Валентина мы думаем о романтике, в этот день мы делаем все возможное, чтобы удивить любовь всей вашей жизни громким подарком. Этим подарком естественно хочется оставить незабываемое впечатление. Сделайте это личным и выберите свой собственный текст и распечатайте!
Рождественский подарок
Опять не придумали, что положить под елку в этом году? Взгляните на лучшие и персонализированные продукты на нашем сайте, с нашими специальными рождественскими дизайнами, вы полностью погрузитесь в дух Рождества! Рассмотрим, например, рождественские чулки, которые вы можете персонализировать с именем каждого члена вашей семьи, идеальное маленькое прикосновение к их рождественским подаркам.

Что можно и чего нельзя делать при выборе цвета для инфографики

 

Давайте будем честными с собой: не все мы дизайнеры.

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

Но это не значит, что мы не можем подделывать, пока не создадим.

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

И один из самых простых способов создать или разрушить доверие к фальшивому дизайну — это цветовая схема!

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

Давайте приступим!

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


ПОЛУЧИТЕ 30 БЕСПЛАТНЫХ ЦВЕТОВЫХ СХЕМ

Сделай Сделай план

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

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

Вот что я делаю:

  1. Прочитайте свой контент и найдите места, которые лучше объяснить в визуализации. Например, на этой диаграмме я сравнивал миллионы долларов, потраченные на студенческий футбол, во многих диаграммах.
  2. Затем решите, какие типы диаграмм или графиков лучше всего донесут вашу точку зрения. В этом случае я использовал пузырьковую диаграмму, чтобы объяснить разницу между группами.
  3. Затем определите, сколько элементов данных каждая диаграмма должна быть проиллюстрирована в каждой из визуализаций. В статье мы проиллюстрировали четыре различные группы. Поэтому мы знали, что будет использоваться максимум четыре разных цвета.
  4. Зная, что вам нужно определенное количество цветов, выберите цветовую схему! Это можно сделать с помощью любого из советов, которые мы объясняем в этой статье.
  5. А теперь представь!

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

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

Вот так:

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

Хотите вывести свой инфографический дизайн на новый уровень? Загрузите наше интерактивное руководство о том, что нужно и что нельзя делать в инфографическом дизайне!

 

Не использовать Неяркие цвета

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

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

Источник.

Вот еще один пример таблицы, которая БУКВАЛЬНО посвящена цветам. Но дизайнеры, как и настоящие дизайнеры, решили, что черный цвет будет лучшим способом передать их данные.

Источник.

Цвет меня не впечатлил.

Не уподобляйтесь этим дизайнерам. Можно использовать буквально миллионы цветов.

На самом деле существует 16 777 216 цветов, которые можно было бы использовать, и все они также доступны в цвете Venngage.

Я имею в виду, что серый и черный технически даже не цвета. Это оттенки, что делает их худшим выбором для отображения дифференциации в ваших визуализациях данных.

Визуализации используются, чтобы помочь людям понять сложные данные.

И они оба не прошли этот простой тест. Но с небольшим всплеском цвета они могут быть гораздо более полезными.

 

Сделать  Использовать фирменные цвета

Это одна из самых простых, но часто упускаемых из виду идей, особенно для новичков.

У вас уже есть проверенная в боях фирменная цветовая схема. Почему бы не использовать его?

Основной фирменный цвет

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

Вот еще один пример от L2Inc на графике о Snapchat, использующий их фирменный желтый цвет:

А вот еще один, использующий оттенок красного цвета моей альма-матер в статье о студенческом футболе:

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

С набором My Brand Kit от Venngage вам нужно ввести цвета вашего бренда только ОДИН РАЗ.

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

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

 

Не делать  Пусть цвета отвлекают от данных

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


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

Вот пример, в котором я использовал слишком много цветов, тем самым отвлекая от основной мысли.

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

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

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

СМОТРЕТЬ: все, что вам нужно знать о ЦВЕТАХ… менее чем за 3 минуты!

Сделать Использовать оттенки, тона и оттенки

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

Для начала вам нужен цвет: в данном случае я выбрал голубой с шестнадцатеричным кодом #93BEDF.

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

Позвольте мне показать вам…

Обратите внимание, что этот инструмент предоставляет вам 20 уникальных цветов, которые вы можете использовать:

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

Вот пример использования в пузырьковой диаграмме:

Круговая диаграмма:

И даже гистограмма:

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

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

 

Делайте Сохраняйте согласованность

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

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

Вот все визуализации, которые я использовал в своей скандальной статье о хэштегах в Твиттере:

По моим подсчетам, на протяжении всей статьи используются все три цвета.

И только три были использованы на этом рисунке, при этом метки везде одинаковые:

Когда вы поддерживаете единообразие, вы также можете сделать его простым. Чего, как не дизайнера, вы должны хотеть любой ценой!

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

Но если вы не хотите беспокоиться о выборе идеальной схемы, BEAM вам в помощь.

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

 

Не делать Избегайте цветового круга

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

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

Это можно сделать, если у вас уже есть цвет для начала или вам нужно немного вдохновения, чтобы начать!

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

Вот как это выглядит в инструменте Adobe Colors:

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

Этот тип цветовой схемы мы уже упоминали выше! И может использоваться практически в любом типе визуализации.

И, наконец, дополнительное сопоставление, при котором используются цвета с максимальной контрастностью.

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

После того, как вы получите шестнадцатеричные коды, вы можете ввести их непосредственно в палитру цветов Venngage.

Это так просто!

 

Сделайте Соответствуйте своей цели/теме

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

Я надеюсь, что большинство людей видели что-то вроде рисунка ниже. Верно?

Источник.

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

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

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

А что такое визуализация? Облегчение понимания данных!

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

Дизайнер упростил быстрое сравнение и понимание сути.

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

Источник

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

Источник.

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

БОНУС: используйте эти инструменты

1.
Простые цвета: Ирина Калмыкова

Добавить комментарий

Ваш адрес email не будет опубликован.

Пролистать наверх