As interfaces baseadas em tela apresentam desafios especiais para o design de ícones, especialmente tamanho e escala. Elas precisam de ícones que sejam imediatamente compreendidos e permaneçam nítidos em tamanhos muito pequenos.

UI icons on red background
UI icons on black background
UI icons on grey background

Nossos ícones de IU (interface de usuário) são planos, simples e legíveis com 16 pixels. Normalmente, eles são aplicados em cinza ou branco. Nesses tamanhos menores, use para ícones de IU os mesmos princípios aplicados aos ícones padrão: formas geométricas, 12° e ângulos retos e cantos e terminais arredondados.

Os ícones de IU são usados nas propriedades web da Red Hat. As interfaces das soluções podem usar ícones do sistema de design Patternfly.

Ícones de IU em uso

Highlighting the navigation bar on a Red Hat web page

Na interface do redhat.com, os ícones da IU permitem que os usuários naveguem em nosso site de maneira mais rápida e intuitiva.

Example showing UI icons in use on a web card

Com o objetivo de chamar a atenção para diferentes tipos de conteúdo, os ícones de IU podem ser associados a textos.

UI icon representing

Do this

Não altere o design dos ícones de IU.

Combination of two UI icons

Do not do this

Não distorça, combine ou modifique os ícones de IU existentes.

Highlighting the navigation bar on a Red Hat web page

Do this

Use ícones de IU em interfaces de tamanho pequeno.

Example of UI icons placed in a slide deck

Do not do this

Não substitua os ícones de IU por ícones padrão, pois não é esse o objetivo.

UI icon representing

Do this

Use os ícones de IU mantendo uma relação de contraste cromático de, pelo menos, 3:1 – conforme a orientação WCAG 2.1.

UI icon representing

Do not do this

Não coloque ícones de IU em um fundo que não tenha contraste suficiente.

Gear UI icon next to the word

Do this

Use os ícones de IU de forma contextualizada para conduzir a navegação ou indicar um conteúdo.

Sample mockup of a web card

Do not do this

Não dimensione os ícones de IU para usar como elemento artístico.