PrincipiBaseAccessibilitéSistema di designGuidelines Deutsch Français Italiano English
I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza
Il brandLink target opens in a new window. Portale della marca FFS Logo Orologio digitale Diritti di utilizzazioneColori Colori die base Colori addizionali Colori Off BrandAssets Icone Icone dell'orario PittogrammiLingua Informazioni sull'UX Writing Testi per pulsanti e link Notifiche Moduli e campi di input Indicatore di avanzamento Glossario digitale
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
Primi passi What is a design system? Designing Coding FAQ AiutoOrganizzazione Processo Contribution ContattoMobile Introduzione Base ComponentiLyne Introduzione Che cos'è Lyne? Releases Presets & Themes Design Tokens Componenti TemplatesMaps Introduzione Base InformationsPatterns Introduzione
Guides Power-Apps Banner pubblicitari digitali SAP IA Design : Base.Prescrizioni 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).
Collegamenti
Link target opens in a new window. Linee guida per i caratteri delle icone SAP Link target opens in a new window. Set di icone SAP Link target opens in a new window. Approccio UX di SAP Fiori (in tedesco, accessibile con il login FFS)