Standardkomponenter gör det enkelt för dig att bygga, anpassa och återanvända enhetliga diagram av hög kvalitet. Denna professionella stil används för alla Salesforce Diagram-mallar och är tillgänglig i våra partnerverktyg för diagramanvändningsfall:

Lucidchart Element Miro Google-blad

Hitta exempel på hur du använder komponenter i Referensarkitekturgalleriet

Följande avsnitt innehåller detaljerade rekommenderade metoder för sidhuvud, kort, ikoner och anslutare som ingår i standardkomponenterna.

Sidhuvudet ska finnas i alla diagram och innehålla:

• En titel som snabbt kan förstås av din målgrupp
• En tydlig beskrivning av vad diagrammet täcker, dess syfte och syfte
• (valfritt) din logotyp eller ditt företagsnamn för att förmedla författaren
• (valfritt) en nyckel för att tydliggöra ikoner, designer eller symboler som används som klassificeringar

Storleken ska ta upp minst 10% av diagrammets höjd och 100% av bredden.

Teckenstorleken på beskrivningen ska vara minst hälften så stor som titeln.

En nyckel ska inkluderas när ikoner, anslutare, färger etc. används som inte är specificerade med rubriker i själva diagrammet. Nyckeln ska grupperas i jämna rader när det är möjligt.

Alla egenskaper för ditt diagram ska representeras med ett kort. Kort kan ändra storlek och de kan ha antingen transparenta eller färgade fyllningar. Det finns flera sektioner på kortet som tillhandahåller varianter som du kan använda för att representera olika koncept i ditt diagram.

Ett exempelkort visas nedan med de olika sektionerna beskrivna. Det enda obligatoriska Kortinnehållet är Titel. De andra sektionerna är tillgängliga att använda efter behov för specifika användningsfall.

Kortikon
Kortikoner är visuella tillgångar som representerar kortegenskapen

Korttitel
Kortets titel är ett namn på kort som snabbt kan förstås och som fångar upp vilken egenskap, område eller koncept kortet representerar.

Kortattribut
Kortattribut är textbaserade detaljer om egenskapen, som representeras som en lista och används när du behöver samla in och överföra flera datapunkter

Kortsidfot
Kortets sidfot ger ytterligare egenskaper för egenskapen. Exempel inkluderar: Paket/objekt/ API-namn, Ägarskap, Kapacitet, etc.

Ikoner för kortfot
Sektionen Sidfotikoner är till för visuella tillgångar för att visa ytterligare information om egenskapen. Exempel inkluderar: kanaler, delade tjänster, kapacitet, etc. Sidfotikoner ska inkluderas/förklaras i din diagramnyckel.

Att använda olika sektioner ger olika kortvarianter för olika användningsområden. Du kan blanda och matcha kortets anatomi efter behov för att skapa dessa variationer i dina diagram. Se exempel nedan:

Se Referensarkitekturgalleriet för idéer om hur du använder dessa varianter.

Använd möjligheten att justera dina korts storlek och färg efter behov för att skilja typer och skapa tydliga, begripliga diagram.

Kort kan även fungera som behållare, dvs grupperingar för flera egenskaper. Du kan kapsla kort inuti ett annat kort för att representera hierarkiska relationer eller klassificera relaterade egenskaper efter behov.

Salesforce-diagram innehåller en grundläggande uppsättning Salesforce-produktlogotyper samt ytterligare ikoner som representerar egenskaper och andra områden i ditt diagram.

Du hittar exempel på hur du använder ikoner i galleriet Referensarkitektur

För ytterligare ikoner, se Lightning Design System-ikoner.

Anslutare bör alltid använda knäbågsanslutningar och vara raka när så är möjligt för större läsbarhet.

Anslutare representerar en relation, integrering eller processteg mellan två kort. Linjestilar indikerar en annan typ av anslutning och ska representeras i din diagramnyckel. Slutpunkter indikerar riktningen för en integrerings- eller processanslutare. Slutpunkter indikerar även kardinalitet och ordinalitet för en relationsanslutare.

Piller används för att ge detaljer om anslutningarna. Se diagrammen Lösningsarkitektur och Interaktionsprocessflöde för exempel på användning av piller.

Runt om i världen lever cirka 1,3 miljarder människor med någon form av funktionshinder, vilket motsvarar 15 procent av världens befolkning. Tillgänglighet handlar om att göra ditt diagram begripligt för alla dina användare. Det finns två särskilda fokusområden som kan hjälpa dina diagram att bli mer tillgängliga: optimera för skärmläsare och använda färgkontrast på rätt sätt.

Du hittar fler resurser om att designa för tillgänglighet på Salesforce Design-bloggen.

Skärmläsare
En skärmläsare är ett program som läser upp orden i en fil, app eller webbplats. En skärmläsare kan läsa diagram för personer som inte kan se det tydligt. Det bästa formatet för skärmläsarkompatibilitet är PDF (Portable Document Format). Till skillnad från bilder och ej åtkomliga program kan PDF-filer kommas åt av skärmläsare för att läsa ord, former och färger. Att exportera dina diagram till PDF-format vid delning med andra kan öka tillgängligheten.

Färgkontrast
Att öka färgkontrasten är ett annat sätt att göra ditt diagram mer tillgängligt. Personer kommer att kunna känna igen och läsa dina diagram bättre när de uppfyller WCAG:s (Web Content Accessibility Guidelines) minimifärgkontrast, nämligen förhållandet 4,5:1 mellan bakgrundsfärgen bakom texten och själva texten.

Varje färg i Salesforces färgsystem har ett nummer, mellan 0 och 100, associerat med sig. När du väljer färger för dina diagram, se till att bakgrundsfärgen bakom texten är minst 50 punkter större än eller mindre än textens färg. Till exempel, om din bakgrundsfärg är 80 ska din textfärg inte vara högre än 30. Överväg att använda 50-punktsregeln efter behov även för kanter och konturer.

Har du indata eller frågor om Salesforce Diagram? Låt oss veta vad du tycker här.