-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix sap guide: remove sbb color info, add confluence link
- Loading branch information
1 parent
d179bb5
commit a5aea6d
Showing
4 changed files
with
8 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -53,7 +53,7 @@ Sollte das bestehende Icon-Set von SAP nicht ausreichen, können neue Icons in S | |
Eine selbständige Erstellung von Icons ist erlaubt, diese müssen von der <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> oder vom <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> vor deren Einsatz abgenommen werden. In digitalen Produkten und Apps ist darauf zu achten, dass Icons nicht in verschiedenen Linienstärken verwendet werden.{.lead} | ||
|
||
### Regeln | ||
* Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich in der Farbe <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link> einzusetzen.{.lead} | ||
* Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich einzusetzen.{.lead} | ||
* Die Basisvektorgrösse für SAP Icons beträgt 16px für Symbole, die in den UI-Steuerelementen verwendet werden. Andere aufgelistete Grössen von 18px bis 40px hängen von den individuellen Anforderungen der Benutzeroberfläche ab.{.lead} | ||
* Innerhalb von Fliesstexten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.{.lead} | ||
* Icons ohne Text müssen selbsterklärend oder schnell lernbar sein. Je mehr Icons in einer Anwendung eingesetzt werden, desto schwieriger wird es die Bedeutung deren zu merken. Die Icons ohne Text müssen mit einem Alternativtext hinterlegt werden, wobei nicht das Icon selbst, sondern seine Funktion in Textform beschrieben wird (z.B. "Menu schliessen").{.lead} | ||
|
@@ -62,6 +62,7 @@ Eine selbständige Erstellung von Icons ist erlaubt, diese müssen von der <sbb- | |
### Links | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">SAP Icon Font Guideline</sbb-link> | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">SAP Icon-Set</sbb-link> | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">SAP Fiori UX Vorgehen (mit SBB Login zugänglich)</sbb-link> | ||
|
||
|
||
<script> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -53,7 +53,7 @@ Should the existing SAP icon set not suffice, you can ask the UX experts of the | |
Independent creation of icons is allowed, but needs to be approved by the <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> or the <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> before the icons go in use. As for digital products and apps pay attention that you don't use icons in different line width.{.lead} | ||
|
||
### Rules | ||
* For the usage of SBB SAP applications the SAP icon font is generally to be used in the colour <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link>.{.lead} | ||
* For the usage of SBB SAP applications the SAP icon font is generally to be used.{.lead} | ||
* The base vectors size for SAP icons is 16px for symbols that are used in the UI controls. Other listed sizes from 18px to 40px depend on individual requirements of the interface.{.lead} | ||
* One should abstain from using icons within a flowing text whenever possible.{.lead} | ||
* Icons without text need to be self-explanatory or easy to learn. The more icons are used in an application the harder it gets to correctly remember their meaning. The icons without text need to be supplemented with an alternative text, whereby not the icon itself but its action must be described (e.g. "Close Menu").{.lead} | ||
|
@@ -62,7 +62,7 @@ Independent creation of icons is allowed, but needs to be approved by the <sbb-l | |
### Links | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">SAP Icon Font Guideline</sbb-link> | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">SAP Icon-Set</sbb-link> | ||
|
||
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">SAP Fiori UX approach (accessible with SBB Login)</sbb-link> | ||
|
||
<script> | ||
const buttons = document.querySelectorAll(".more-details"); | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -52,7 +52,7 @@ Se il set di icone SAP esistente non prevede l’icona di cui hai bisogno, hai l | |
La creazione autonoma di icone è consentita, ma deve essere approvata dal <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> o dal <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> 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.{.lead} | ||
|
||
### Regole | ||
* Per l'utilizzo delle applicazioni SAP FFS, il font delle icone SAP deve essere generalmente utilizzato nel colore <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link>.{.lead} | ||
* Per l'utilizzo delle applicazioni SAP FFS, il font delle icone SAP deve essere utilizzato.{.lead} | ||
* 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.{.lead} | ||
* È preferibile evitare di utilizzare le icone all'interno di un testo scorrevole.{.lead} | ||
* 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").{.lead} | ||
|
@@ -61,6 +61,7 @@ La creazione autonoma di icone è consentita, ma deve essere approvata dal <sbb- | |
### Collegamenti | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">Linee guida per i caratteri delle icone SAP</sbb-link> | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Set di icone SAP</sbb-link> | ||
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">Approccio UX di SAP Fiori (in tedesco, accessibile con il login FFS)</sbb-link> | ||
|
||
|
||
<script> | ||
|