Principi
Base
Accessibilité
Sistema di design
Guidelines
Deutsch
Français
Italiano
English
I nostri principi di design
Soluzioni focalizzate sull’utente
Riconoscibilità
Inclusione
Riduzione
Olistico
Autoesplicativo
Orientamento all’attività
Adeguatezza
Il brand
Portale della marca FFS
Logo
Orologio digitale
Diritti di utilizzazioneColori
Colori die base
Colori funzionali
Colori Off BrandAssets
Icone
Icone dell'orario
Pittogrammi
Introduzione
Informazioni sull’accessibilità
Über diesen Guide
Contatti
Letture consigliateAccessibilità in base al ruolo
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
Lean
Introduzione
Base
ComponentiCommunity Assets
Senso & scopo
Community Assets
IstruzioniPrimi passi
What is a design system?
Designing
Coding
FAQ
AiutoOrganizzazione
Processo
Contribution
ContattoMobile
Introduzione
Base
ComponentiLyne
Overview
Releases
Design Tokens
KomponentenMaps
Introduzione
Base
Informazioni
Guides
Power-Apps
Banner pubblicitari digitali
SAPPrescrizioni
Icone delle app
SAP
Le linee guida SAP sono un lavoro in corso. Al momento queste includono prime informazioni per applicazioni SAP coerenti con le FFS. Il fondamento è il . Link target opens in a new window.
SAP Fiori Design Concept. Ulteriori informazioni al riguardo sono disponibili nella . Link target opens in a new window.
SAP Community.
Tema delle FFS
Introduzione
La base per lo sviluppo di applicazioni SAP FFS con un'esperienza utente coerente è il . Link target opens in a new window.
SAP Fiori Design Concept. Per rispettare le linee guida degli elementi del marchio FFS è stato definito il "Tema FFS" con il designer di temi SAP.
Il tema FFS con logo FFS integrato e valori cromatici modificati è disponibile per le applicazioni interne sul SAP Fiori Launchpad e sulla SAP Business Technology Platform (BTP)".
Contatto:
DSRV SAP TechOps
Per creare estensioni visive con HTML e CSS per interfacce utente modificate o temi per specifici portali clienti o ERP, come l'"Immobilien Kunden Cockpit" ti incoraggiamo a contattare
la Direzione del Marchio FFS.
Esempi
Portale FFS Fiori
"Auftragsabwicklung Planung und Steuerung"
Logo
Utilizzo
Il logo è utilizzato in tutte le applicazioni web SAP delle FFS ed è incorporato nel tema FFS.
Regole
Il logo appare esattamente una volta per pagina e si trova sempre nell'intestazione.
La posizione è sempre in alto a sinistra.
Non è consentito modificare il logo.
Il logo è collegato alla pagina base dell'ambiente SAP.
Icons
Utilizzo
Le icone servono come supporto visivo per gli argomenti e le azioni per gli utenti. Per utilizzarle nelle applicazioni SAP FFS è necessario utilizzare il font di icone SAP.
Se il set di icone SAP esistente non prevede l’icona di cui hai bisogno, hai la possibilità di richiederne altre su misura e nello stile SAP agli esperti UX delle Digital Solution o di . Link target opens in a new window.
DSRV UX.
La creazione autonoma di icone è consentita, ma deve essere approvata dal
SBB Markenführung o dal
DSRV UX prima che queste icone vengano poste in uso. Resta buona norma nei prodotti digitali e nelle applicazioni prestare attenzione a non utilizzare icone con uno spessore delle linee diverso.
Regole
Per l'utilizzo delle applicazioni SAP FFS, il font delle icone SAP deve essere utilizzato.
La dimensione di base dei vettori per le icone SAP è di 16px per i simboli utilizzati nei controlli dell'interfaccia utente. Le altre dimensioni elencate, da 18px a 40px, dipendono dai requisiti individuali dell'interfaccia.
È preferibile evitare di utilizzare le icone all'interno di un testo scorrevole.
Le icone senza testo devono essere autoesplicative o facili da imparare. Più icone vengono utilizzate in un'applicazione, più diventa difficile ricordarne correttamente il significato. Le icone senza testo devono essere integrate con un testo alternativo, che descriva non l'icona in sé, ma la sua azione (ad esempio, "Chiudi menu").
Le icone devono avere sempre lo stesso significato in tutte le applicazioni e in tutte le soluzioni digitali (per rispettarne la coerenza).