A frissítés, amelyet nem hagyhat ki: az Office 2016 és az Office 2019 támogatásának vége

Olvassa el most
A helyszíni fordításokhoz mesterséges intelligenciát használunk, és bár törekszünk a pontosságra, nem biztos, hogy mindig 100%-os pontosságúak. Megértését nagyra értékeljük.

Színek

Színpalettánk a történelmünkben gyökerezik, és megjelenésünk alapja. Használható merész, magabiztos jelenlétre vagy egyértelmű szakértelem közvetítésére.

Színpalettánkat úgy szerveztük meg, hogy a legkülönbözőbb vizuális forgatókönyveket és médiumokat támogassa, miközben egyértelmű konzisztenciára törekszik. A paletta árnyalatai, átlátszósága vagy átlátszatlan értékei kerülendők. Ehelyett ragaszkodjon a meghatározott árnyalatokhoz.


Elsődleges

Az elsődleges palettánk alkotja kreativitásunk nagy részét, és minden darabon a legerősebb árnyalatokat kell képviselnie.


Árnyalatok

A rugalmasság érdekében a 3 fő színpaletta különböző árnyalatértékekkel áll rendelkezésre. Ne árnyaljon vagy adjon hozzá átlátszóságot, és használja az árnyalatokat úgy, ahogy vannak.

Fekete és fehér

Fekete Fekete 100
HEX#000000
CMYK60 50 40 100
Fehér Fehér 100
HEX#FFFFFF
CMYK0 0 0 0

Semleges árnyalatok

Semleges 1200
HEX#0C121D
CMYK100 79 44 93
Semleges 1100
HEX#141B27
CMYK88 76 30 82
Semleges 1000
HEX#172234
CMYK95 72 15 67
Semleges 900
HEX#24324B
CMYK95 74 7 44
Semleges 800
HEX#344565
CMYK78 58 6 32
Semleges 700
HEX#475B81
CMYK60 40 5 20
Semleges 600
HEX#607497
CMYK43 25 3 8
Semleges 500
HEX#A9B2C4
CMYK34 17 2 7
Semleges 400
HEX#C7CCD5
CMYK24 12 2 6
Semleges 300
HEX#DEE0E4
CMYK14 7 3 5
Semleges 200
HEX#EBECEE
CMYK4 2 3 4
Semleges 100
HEX#F8F9F9
CMYK2 1 2 2

Kék árnyalatok

P
Éjfél Kék 1200
HEX#050F22
CMYK100 80 0 90
Kék 1100
HEX#091B3B
CMYK100 79 12 70
P
Kék Kék 1000
HEX#0D2654
CMYK100 79 12 59
Kék 900
HEX#123D8B
CMYK100 75 2 18
Kék 800
HEX#1854C3
CMYK100 75 0 0
P
Kék Kék 700
HEX#1D6BFC
CMYK90 48 0 0
Kék 600
HEX#357BFC
CMYK88 40 0 0
Kék 500
HEX#5690FD
CMYK87 30 0 0
Kék 400
HEX#77A6FD
CMYK85 21 0 0
Kék 300
HEX#A5C4FE
CMYK60 6 0 0
Kék 200
HEX#C6DAFE
CMYK34 3 0 0
Kék 100
HEX#E8F0FF
CMYK7 1 0 0

Akcentusok

Az elsődleges raklapunk hangsúlyozására van egy sor elektromos raklapunk is, amelyek a mozgást kommunikálják és felhívják a figyelmet bizonyos területekre. Az akcentusszíneket soha nem szabad nagy színfoltokként használni, és az elrendezés kevesebb mint 5%-át kell kitenniük.

Technológia Teal

Teal 1200
HEX#001D1E
CMYK100 41 35 87
Teal 1100
HEX#013E42
CMYK100 21 28 76
Teal 1000
HEX#016065
CMYK100 16 24 60
Teal 900
HEX#018288
CMYK100 12 21 44
Teal 800
HEX#02A3AC
CMYK100 10 29 20
Teal 700
HEX#02C5CF
CMYK98 0 28 4
P
Teal Teal 600
HEX#02E9F5
CMYK74 0 13 0
Teal 500
HEX#28F2FD
CMYK62 0 8 0
Teal 400
HEX#58F5FD
CMYK48 0 9 0
Teal 300
HEX#88F8FE
CMYK36 0 9 0
Teal 200
HEX#B8FBFE
CMYK23 0 1 0
Teal 100
HEX#E8FEFF
CMYK10 2 0 0

Biztonsági zöld

Zöld 1200
HEX#002318
CMYK93 33 68 85
Zöld 1100
HEX#004832
CMYK94 28 74 73
Zöld 1000
HEX#006C4C
CMYK89 19 72 60
Zöld 900
HEX#009165
CMYK90 14 62 43
Zöld 800
HEX#00B67F
CMYK100 5 65 26
Zöld 700
HEX#00DA99
CMYK99 0 69 0
P
Zöld Zöld 600
HEX#00FFB2
CMYK66 0 48 0
Zöld 500
HEX#2DFFC0
CMYK55 0 38 0
Zöld 400
HEX#59FFCD
CMYK43 0 28 0
Zöld 300
HEX#86FFDB
CMYK33 0 18 0
Zöld 200
HEX#B3FFE8
CMYK20 0 14 0
Zöld 100
HEX#DFFFF5
CMYK17 0 12 0

Veszély Vörös

Piros 1200
HEX#290009
CMYK42 69 37 85
Piros 1100
HEX#530013
CMYK30 85 59 70
Piros 1000
HEX#7E001D
CMYK9 100 64 48
Piros 900
HEX#A90027
CMYK7 100 68 32
Piros 800
HEX#D40031
CMYK3 100 70 12
P
Piros Piros 700
HEX#FF003D
CMYK0 100 72 0
Piros 600
HEX#FF254A
CMYK0 94 64 0
Piros 500
HEX#FF495E
CMYK0 76 54 0
Piros 400
HEX#FF6E75
CMYK0 54 38 0
Piros 300
HEX#FF9392
CMYK0 42 18 0
Piros 200
HEX#FFBAB7
CMYK0 23 6 0
Piros 100
HEX#FFDFDB
CMYK0 14 5 1

Figyelmeztetés narancssárga

Narancssárga 1200
HEX#2B0C00
CMYK32 72 99 81
Narancssárga 1100
HEX#551A00
CMYK15 67 100 65
Narancs 1000
HEX#802B00
CMYK10 72 100 46
Narancssárga 900
HEX#AA3E00
CMYK6 71 100 32
Narancssárga 800
HEX#D55300
CMYK2 77 100 9
P
Narancssárga Narancs 700
HEX#FF6B00
CMYK0 70 100 0
Narancssárga 600
HEX#FF8025
CMYK0 59 80 0
Narancssárga 500
HEX#FF954A
CMYK0 46 70 0
Narancssárga 400
HEX#FFAB6F
CMYK0 33 57 0
Narancssárga 300
HEX#FFC094
CMYK0 27 40 0
Narancssárga 200
HEX#FFD6B9
CMYK0 16 32 0
Narancssárga 100
HEX#FFEBDE
CMYK0 8 16 0

Vigyázat sárga

Sárga 1200
HEX#251E00
CMYK39 43 80 91
Sárga 1100
HEX#493C00
CMYK23 38 89 70
Sárga 1000
HEX#6D5A00
CMYK19 37 100 59
Sárga 900
HEX#927800
CMYK10 23 100 43
Sárga 800
HEX#B69700
CMYK8 21 100 28
Sárga 700
HEX#DBB600
CMYK2 22 100 8
P
Sárga Sárga 600
HEX#FFD600
CMYK0 11 97 2
Sárga 500
HEX#FFDC2B
CMYK0 8 86 0
Sárga 400
HEX#FFE355
CMYK0 7 75 0
Sárga 300
HEX#FFEA80
CMYK0 4 62 0
Sárga 200
HEX#FFF1AA
CMYK0 3 43 0
Sárga 100
HEX#FFF8D5
CMYK0 4 27 0

Oktatás Lila

Lila 1200
HEX#170618
CMYK100 100 10 79
Lila 1100
HEX#290B2C
CMYK91 100 8 59
P
Akadémia Lila 1000
HEX#3E1142
CMYK85 100 6 38
Lila 900
HEX#5E1A64
CMYK75 100 8 26
Lila 800
HEX#7F2387
CMYK67 95 4 16
P
Lila Lila 700
HEX#9F2CAA
CMYK58 90 0 0
Lila 600
HEX#BF36CB
CMYK51 79 0 0
Lila 500
HEX#CA59D4
CMYK36 60 0 0
Lila 400
HEX#D57CDD
CMYK27 52 0 0
Lila 300
HEX#E09FE6
CMYK26 37 0 0
Lila 200
HEX#ECC2EF
CMYK17 20 0 1
Lila 100
HEX#F7E5F8
CMYK3 6 0 2

Használat és kontextus

A színek gondos kiválasztása és kontextusa kulcsfontosságú a kreatív narratíva kialakításában, az érzelmek felkeltésében és a designelemek vizuális harmóniájának biztosításában. Használja a betűszínt a kényelmes olvasási élmény megteremtéséhez, és használja a színeket a cselekvés felidézéséhez. Soha ne használjon akciószínt főcímként. A kéket tartsa fenn akciókhoz és linkekhez, és kerülje a statikus típusoknál való használatát. Mindenképpen tekintse át a hozzáférhetőségi irányelveket a megfelelő típuskontraszt követelményeihez.

Szöveg

Grafika


Gradients

Az árnyalatok mélységet adnak a képnek, és segítenek a kompozíción belüli rétegezettséget érzékeltetni. Használhatók a tipográfiához használt területek színosztályozására és árnyékolására is. Használja a színátmenetes színeket arra, hogy a néző szemét egy irányba terelje a tartalomban.

A színátmenetek kialakításakor próbálja megőrizni a finom hatást, és használja a palettát a meghatározás érdekében egy színlépés kihagyásával egy árnyalatcsoportban. A színcsoportok keverésével dinamikus színt vihetünk a darabba. Kerülje a hangsúlyos, erős színátmenetek nagy színfoltokként való használatát a darabon.

Színes blokkolás

Szöveg


Elektromos

Az elektromos hatás létrehozásához használja az alábbi irányelveket, hogy a különböző élmények között egységes megjelenést biztosítson.

Használja a színcsoport árnyalatait, és építse fel az ikoncsoportot az alábbiakban látható módon. Hasonló technikákat használhat más illusztrációs formák, például vonalak vagy szegélyek esetében is. Az izzás és a spotfény méretét és átlátszatlanságát a grafikával vagy a szöveggel együtt kell méretezni, hogy a hatás finom és tiszta legyen.

A betűtípusok esetében ugyanazok a színkombinációk használhatók, de ügyeljen a hozzáférhetőségre. Kerülje a technika alkalmazását nagy, vastag betűtípusok vagy apró betűk esetén. Az opcionális reflektorokat igazítsa a szövegblokkhoz illeszkedő formához.

A feltüntetett specifikációk a Figmára vonatkoznak. A mi alkalmazásainkban történő vizuális megfeleléshez kiigazításokat kell végezni.

Formula

Variációk

Típus


Hozzáférhetőség

Elsődleges

Annak érdekében, hogy minél több ügyfelünknek egységes élményt biztosítsunk, mindig a lehető legkönnyebben elérhetőek akarunk maradni. Ennek egyik módja, hogy betartjuk a WCAG 2.1 irányelveket a szöveg kontrasztarányára vonatkozóan.

Az alábbiakban láthatja a 16 pt-os betűtípusunkkal használt színeink teljes tesztelését az elfogadható szövegblokkoló színekhez. Ha "Vigyázat" jelzéssel van ellátva, az azt jelenti, hogy csak az AA szabványoknak felel meg, és csak nagy vagy félkövérrel kiemelt súlyú szöveghez használható.

Akció

Az OPSWAT kék szín a fő CTA színárnyalatunk, és különös figyelmet kell fordítani az elsődleges színblokkok fölé történő elhelyezésre.

Akcentusok

Státuszunk és ékezeteink használatakor fokozottan ügyeljen a hozzáférhetőségre. Ha egy betűszín és a blokkolás alul látható, az nem ajánlott.

Akadémia

Az Academy Purple használata során különösen ügyeljen a hozzáférhetőségre. Ha egy betűszín és a blokkolás alul látható, akkor az nem ajánlott.