Site do Stonx
Iconografia · Stonx · Appura

Traço e Ponto

O desenho dos ícones do Stonx e dos meus outros apps. Cada ícone é uma linha contínua e um único ponto cheio. A linha diz o que a coisa é; o ponto mostra onde olhar: o fim da linha do gráfico, a lente da busca, o pingo da interrogação.

A ideia

Três decisões

Anatomia

Como um ícone é desenhado

1Grade 24 × 24, área útil de 2 a 22
2Traço 1,75, pontas e cantos redondos
3Cantos de retângulo com raio 2
4O ponto: raio 1,25 a 2, sempre cheio
1,75espessura do traço, na grade de 24
1ponto por ícone, nunca mais
cor do textoo traço acompanha o texto ao lado
0gradientes, sombras ou perspectiva
Claro e escuro

O mesmo desenho nos dois temas

O traço usa a cor do texto, então tem o contraste do tema. O ponto tem um tom para cada tema: o menta #00e5a0, que acende no fundo escuro, some no branco, e por isso o tema claro usa o verde #059669. Nas abas, o ponto só acende na aba em que você está.

Tamanhos

Quatro medidas

O desenho é o mesmo em todas; muda só a escala. Abaixo de 16 px o ponto deixa de ser lido como ponto, por isso não há ícone menor que isso.

O conjunto

Galeria

Cada desenho aparece no claro e no escuro, agrupado pela família. Toque num deles para ver o que significa e onde aparece.

Referência

Significado e onde aparece

Um sentido por desenho: o mesmo ícone quer dizer a mesma coisa no Stonx e no Appura. Os filtros da galeria valem aqui também.

DesenhoNomeSignificadoOnde aparece