Business Central javasolt stílus - színek és betűtípusok

Business Central javasolt stílus - színek és betűtípusok

Business Central javasolt stílus - színek és tipográfia

A cikk fejlécében látható "baleset" elkerülése érdekében a felhasználóknak jelenleg nincs lehetőségük, hogy módosítani tudják a Business Central-ban alkalmazott betűtípusokat és színeket.

A Business Central-ra épülő bővítmények tervezése és fejlesztése esetén viszont lehetőség van megváltoztatni a stílusokat. Az alkalmazott formázások tekintetében érdemes igazodni a Microsoft által javasolt színvilágra és tipográfiára, hogy az új megoldások vizuálisan is biztosítsák az egységes rendszer érzetét.

Fő színek:

szín név használat HEX érték
Primary (#00B7C3) Elsődleges szín Kiemelt felhasználói felületek és területek. #00B7C3
Secondary (#505C6D) Másodlagos szín Az UI elemek és területek alapértelmezett vagy visszafogott állapotban. #505C6D

A következő színekkel kifejezzük vagy hangsúlyozzuk a felhasználói felületet vagy a felhasználói tevékenységeket. Például ezeket a színeket érzelmekként vagy színjelzésként használják a szerepkör oldalon elérhető csempéken.

Szín Megnevezés HEX érték
Standard (#00B7C3) Standard #212121
Accent (#00B7C3) Accent #00B7C3
Strong (#00B7C3) Strong #212121
Favorable (#35AB22) Favorable #35AB22
Ambiguous (#9F9700) Ambiguous #9F9700
Unfavorable (#EB6965) Unfavorable #EB6965
Attention (#EB6965) Attention #EB6965
Subordinate (#A7ADB6) Subordinate #A7ADB6

 

Az alábbi táblázat további színeket tartalmaz, amelyeket felhasználhatuk a felhasználói felületen:

Szín Megnevezés HEX érték
YELLOW (#C9C472) Yellow #C9C472
GREEN (#88CE81) Green #88CE81
RED (#E97768) Red #E97768
BLUE (#75B5E7) Blue #75B5E7
LIGHTGREEN (#59CCB4) Light green #59CCB4
SKY (#75D8E7) Sky 75D8E7
EGG (#EEEA86) Egg EEEA86
ORANGE (#E89E63) Orange #E89E63
VIOLET (#DBBDEB) Violet #DBBDEB
TEAL (#39B294) Teal #39B294
GRASS (#73BA5A) Grass #73BA5A
SCARLET (#E65E6D) Scarlet #E65E6D

 

Az alábbi táblázat leírja a diagramokban használt színeket:

Szín Megnevezés HEX érték
Secondary (#505C6D) - #505C6D
Secondary (#008089) - #008089
Primary (#00B7C3) Primary color #00B7C3
YELLOW (#C9C472) Yellow #C9C472
RED (#E97768) Red #E97768
BLUE (#75B5E7) Blue #75B5E7
LIGHTGREEN (#59CCB4) Light green #59CCB4
SKY (#75D8E7) Sky 75D8E7
EGG (#EEEA86) Egg EEEA86
VIOLET (#DBBDEB) Violet #DBBDEB
TEAL (#39B294) Teal #39B294
GRASS (#73BA5A) Grass #73BA5A

Betűtípusok:

A tipográfia fő célja tiszta és olvasható szöveg biztosítása a felhasználói felületen. A színekhez hasonlóan a tipográfia felhasználható arra is, hogy a felhasználók felé üzenetet közvetítsen.

Példa Név Érték
Segoe UI font family Segoe UI "Segoe UI", "Segoe WP", Segoe, device-segoe, Tahoma, Helvetica, Arial, sans-serif
Segoe UI Light font family Segoe UI Light "Segoe UI Light", "Segoe WP Light", device-segoe-light, "Segoe WP Semilight", "Segoe UI", "Segoe WP", Segoe, Tahoma, Helvetica, Arial, sans-serif
Segoe UI Semilight font family Segoe UI Semilight "Segoe UI Semilight", "Segoe WP Semilight", device-segoe-semilight, "Segoe UI", "Segoe WP", Segoe, Tahoma, Helvetica, Arial, sans-serif
Segoe UI Semibold font family Segoe UI Semibold "Segoe UI Semibold", "Segoe WP Semibold", device-segoe-semibold, "Segoe UI", "Segoe WP", Segoe, Tahoma, Helvetica, Arial, sans-serif
Bahnschrift font family Bahnschrift webclient-standard, device-standard, "Segoe UI", "Segoe WP", Segoe, Tahoma, Helvetica, Arial, sans-serif

A fenti ajánlások betartása mellett egységes felhasználói felületeket lehet létrehozni.

Business Central egységes felhasználó felület

 

Terület