Disseny d’icones a l’aplicació¶
Icones de la interfície¶
Les icones de la interfície comuniquen l’estat o les pantalles d’acció, com ara el nivell de bateria o una alarma, alhora que permeten a l’usuari realitzar accions com obrir un menú, compartir contingut o imprimir un document. Les icones d’interfície es troben a la barra superior o a les icones de l’app, com ara a la capçalera o als menús.
Vegeu a llista d’icones disponibles al sistema.
Color¶
Les icones d’interfície es poden acolorir en qml, per tant, estan dissenyades en color 80808080.
Tipus de lletra¶
Per proporcionar una mirada coherent a la interfície d’usuari i fer que les icones Suru siguin distintives, el disseny es basa en els mateixos patrons que la font d’Ubuntu. Els patrons de tipus de lletra es poden aplicar al símbol per definir els seus contorns.
Traços¶
Els extrems dels traços són quadrats, però l’extrem superior dels traços verticals és lleugerament oblic amb un angle +10o.
ubicació¶
Quan no són horitzontals o verticals, els objectes estan orientats al llarg d’un eix +45o.
Cantonades¶
Es prefereixen les cantonades corbades si és possible. La següent imatge mostra un zoom sobre les curvatures externes i internes predeterminades, amb nodes i nansa de Bézier. La curvatura per defecte es pot reduir quan la forma és més petita.
Fletxes¶
S’utilitza un símbol de chevron per a les fletxes de navegació. La punta de fletxa és un triangle isòsceles on els dos costats iguals són lleugerament corbats (seguint el patró del caràcter Y).
Opacitat¶
S’utilitza un 50% d’opacitat per reflectir l’estat d’un indicador. En cas d’un espai doble (activat i desactivat, per exemple), l’opacitat de tota la icona canvia. Quan l’estat permet un rang de valors, l’opacitat d’una sola porció d’icona es pot alterar.
Quadrícula¶
Les icones d’interfície estan dissenyades per a 96x96 píxels, amb almenys 4 píxels de marge a cada costat.
