Цветовые палитры — Университет маркетинга и коммуникаций
Наши исторические цвета красный и зеленый являются важным элементом нашей идентичности, и цвета, которые мы выбираем для общения, должны сделать все, что мы создаем, мгновенно узнаваемым как Вашингтонский университет. Используйте эти формулы цвета и сопоставьте правильную формулу с вашим проектом. Эти значения цвета были тщательно подобраны, чтобы максимально точно соответствовать всем типам носителей и выходных данных.
Для художников-графиков, создающих университетские сообщения в продуктах Adobe Suite, таких как Photoshop, Illustrator или InDesign, вы можете напрямую импортировать пользовательские библиотеки цветов, используя палитру образцов в программном обеспечении. Мы создали собственные палитры (файлы .ASE) для наших фирменных цветов в моделях PMS Spot, CMYK и RGB.
Загрузите образцы цветов в CMYK, PMS и RGB
Основная палитра дизайна
Чтобы упростить и прояснить нашу визуальную идентичность, красный, серый и белый цвета были выбраны в качестве основной цветовой палитры для использования в коммуникационном дизайне.
Печать:
PMS 200
CMYK 0, 100, 59, 24
Веб:
RGB (165, 20, 23)
#A51417
$ RED
PRINT:
7
$ RED
ПЕРЕДАНА:
66.
$ RED
PRINT:
66.
$ RED
.
CMYK 59, 41, 42, 15
Веб:
RGB (108, 115, 115)
#6C7373
$ GREY
Печать:
PMS COOL 3
CMYK 20, 17, 17, 0
Веб:
.66.666.66.66.666.66.66.66.66.66.66.66.66.66.66.666.66.66.6, 17, 17, 0
. 200, 200, 200)
#c8c8c8
$gray-light
Серые только для Интернета
Чтобы соответствовать стандартам доступности в Интернете, иногда может быть необходимо затемнить или осветлить значение серого для повышения контрастности и удобочитаемости. В этих случаях только для Интернета могут использоваться эти альтернативные оттенки серого.
Только в Интернете:
RGB (61, 61, 61)
#3D3D3D
$ Grey-Dark
только в Интернете:
RGB (238, 238, 238)
#eeeee
$ Grey-Exstra-Light
222222222)
# Акцентный цвет
Наш зеленый цвет можно использовать по своему усмотрению в качестве акцентного цвета в дизайне страницы. Обычно его не следует использовать непосредственно рядом с красным. Равные комбинации красного и зеленого вместе могут быть визуально сложными.
Печать:
PMS 342
CMYK 100, 0, 60, 40
Web:
rgb(0, 115, 96)
#007360
$green
Вторичная цветовая палитра и оттенки
WashU красный, чтобы обеспечить глубину и разнообразие общения. Эти дополнительные цвета предоставят дизайнерам широкую творческую свободу и гибкость в разработке средств коммуникации, сохраняя при этом скоординированный, интегрированный вид. Для отдельных факультетов или областей университета нет определенных цветов. Любой из цветов палитры может быть использован для любого сообщения.
Print:
PMS 567
CMYK 85, 51, 71, 54
Web:
rgb(23, 62, 58)
#173e3a
$green-dark
Print:
PMS 576
CMYK 58, 22, 91, 4
Веб:
RGB (120, 155, 74)
#789B4A
$ Green-Light
Печать:
PMS 4685
CMYK 0, 20, 2015
PMS 4685
CMYK 0, 20, 20, 10, 100015
PM
Интернет:
rgb(225, 196, 172)
#e1c4ac
$tan
Печать:
PMS 655
CMYK 100, 90, 36, 37
Веб:
RGB (23, 39, 82)
#172752
$ Blue-Dark
Print:
PMS 7469
,
PMS 7469 9000 3
. , 29,
Веб:
RGB (0, 95, 133)
#005F85
$ Blue
Печать:
PMS 7527
CMYK 15, 13, 621, 0,
. rgb(216, 210, 197)
#d8d2c5
$pearl
Print:
PMS 7408
CMYK 2, 26, 100, 0
Веб:
RGB (255, 204, 0)
#FFCC00
$ Yellow
Печать:
PMS 159
CMYK 13, 75, 100, 0
Web:
6, 75, 100, 0
:
6, 75, 100, 0
. 95, 39)
#D15F27
$ Orange
Только в Интернете:
RGB (184, 83, 35)
#B85323
$ Orange-Dark
. , 16
Интернет:
rgb(98, 36, 102)
#622466
$purple
Печать:
PMS 325
CMYK 56, 0, 25, 0
Веб:
RGB (103, 200, 199)
#67C8C7
$ Turquoise-Light
Web только:
$ Turquois , 130, 130)
#2b8282
$бирюзовый
Целенаправленное использование цвета
Эффективные схемы дизайна поддерживают контент.
Используйте цвет для создания акцента. Правильно подобранный цвет может помочь создать визуальную иерархию, показать важность или сходство элементов на странице и обеспечить организационную структуру
макета.
Используйте цвет для создания ритма. Особенно в сообщениях, которые охватывают несколько страниц, цвет может сигнализировать об изменении содержания или обеспечивать место для отдыха глаз. Стратегически расположенные изменения цвета могут помочь сохранить интерес к контенту.
Обратите внимание на разборчивость текста. При выборе цвета важно учитывать лучшие варианты из палитры, которые будут четко и эффектно передавать информацию. Между текстом и цветом фона всегда должен быть хороший контраст. Выберите темный шрифт на светлом фоне или белый текст на темном фоне. Текст любого цвета на фоне другого цвета следует внимательно рассматривать.
цветовых палитр | Brand Center
Основная палитра
Малиновый и синий долгое время были отличительными цветами КУ. Кампания Our Chant Rises сохраняет эти традиционные цвета и добавляет расширенную палитру дополнительных и второстепенных цветов. Варианты расширенной палитры варьируются от трепетных дизайнов холодных оттенков до разноцветных торжеств.
- Подробнее о цветах КУ
Синий Канзас
PMS 293
#0051ba
r0 g81 b186
Crimson
PMS 186
C0 M100 Y80 K5
#e8000d
r232 g0 b13
Jayhawk Yellow
PMS 116
C0 M15 Y100 K0
#ffc82d
r255 g200 b45
Signature Gray
PMS 430
C5 M0 Y0 K45
#85898a
R133 G137 B138
Дополнительная палитра
При извлечении цветов из дополнительных палитр для улучшения малинового и синего KU руководствуйтесь здравым смыслом в отношении количества цветов.
Night
PMS 534 C
C95 M74 Y7 K44
#003459
R0 G52 B89
Lake
PMS 285 C
C99 M50 Y0 K0
#2767ff
R39 G103 B255
Sky
PMS 297 C
C52 M0 Y1 K0
#73cbf2
R115 G203 B242
Fog
PMS 535 C
C47 M22 Y6 K7
#8e9fbc
R142 G159 B188
Steam
PMS 656 C
C10 M2 Y0 K0
#dde5ed
R221 G229 B237
Brick
PMS 7427 C
C8 M100 Y70 K33
#971b2f
R151 G27 B47
Fire
PMS 185 C
C0 M90 Y84 K0
#ff3042
R255 G48 B66
Wheat
PMS 130 C
C0 M32 Y100 K0
#f2a900
R242 G169 B0
Terra Cotta
PMS 7618 C
C12 M63 Y72 K0
#c66e4e
R198 G110 B78
Limestone
PMS WARM GRAY 1C
C6 M7 Y10 K11
#d7d2cb
R215 G210 B203
Цвета и оттенки
Палитра оттенков и оттенков включает варианты нашей основной и дополнительной палитры. Эта палитра была создана для поддержки цифрового дизайна. Эти цвета следует использовать только при разработке дизайна для экранов и там, где основная и дополнительная палитры не подходят.
Синий Канзас — шаг 1
#1479FB
R20 G121 B251
Синий Канзас — шаг 2
#0170FF
R1 G112 B253
00014 Kansas blue — step 3
#004091
R0 G64 B145
Kansas blue — step 4
#003171
R0 G49 B113
Crimson — step 1
#FB5A62
R251 G90 B98
Crimson — Шаг 2
#FB2F39
R251 G47 B57
Crimson — Шаг 3
#B
R185 G0 B9
— Шаг 4
#
7
R14444444444444444444444444444444444444444444. E7ECF2
R231 G236 B242
Steam — step 2
#F2F5F8
R242 G245 B248
Limestone — step 1
#DFDBD5
R223 G219 B213
Limestone — step 2
#F5F4F2
R245 G244 B242
Fog — step 1
#A5B2C9
R165 G178 B201
Fog — step 2
#E3E7EE
R227 G231 B238
Sky — step 1
#B6E2F5
R182 G226 B245
Sky — step 2
#DCF2FC
R220 G242 B252
Grey 1
#F1F1F1
R241 G241 B241
Grey 2
#D9D9D9
R217 G217 B217
Grey 3
#AAAAAA
R170 G170 B170
Серый 4
#7E7E7E
R126 G126 B126
Текстовый серый
#333333
R51 G51 B51
Цветовая доступность
Цвета и цветовые сочетания должны соответствовать вашим стандартам доступности.
Во-первых, не забудьте передать значение не только цветом. Учитывайте людей с дальтонизмом при выборе изображений и цветов на своем веб-сайте и избегайте таких утверждений, как «нажмите зеленую кнопку, чтобы перейти на следующую страницу».
Во-вторых, убедитесь, что ваши цвета соответствуют стандартам контрастности в соответствии с директивой 1.4 WCAG 2.0. Это позволяет людям с плохой видимостью правильно различать цвета переднего плана и фона, особенно в текстовых и графических элементах. Лучше всего проверить свой выбор цвета с помощью средства проверки цветового контраста, такого как средство проверки цветового контраста WebAIM.
Вот несколько цветовых комбинаций из нашей палитры, которые соответствуют стандартам доступности.
Rock Chalk, Jayhawk
Text grey on Steam
  PASS
Rock Chalk, Jayhawk
Night on Sky
  PASS
Rock Chalk, Jayhawk
Белый на канзасском синем
  PASS
Rock Chalk, Jayhawk
Текст белый на кирпичной основе
  PASS
Примеры ниже не соответствуют стандартам доступности.
Rock Chalk, Jayhawk
Text grey on Crimson
  FAIL
Rock Chalk, Jayhawk
Night on Lake
  FAIL
Rock Chalk, Jayhawk
Белый на фирменном сером
& NBSP FAIL
Рок -мел, Jayhawk
Белый на Sky
& NBSP Fail
KU Blue Pantone
7KU Blue Pantone
7Ku Blue Pantone
77 . ) 293. В логотипе используется серый цвет PANTONE (PMS) 430. Вы можете заменить 45-процентный черный экран на PMS 430 Signature Grey. По возможности печатайте PMS 293 в качестве плашечного или пятого цвета, чтобы обеспечить точность цветопередачи.Цвета, показанные в этом руководстве, приведены только для справки. Соответствие стандартам цвета PANTONE® для точности.