Qual largura do traço o Instagram está usando para seus ícones e como obter os mesmos resultados?


8

Estou projetando ícones do Illustrator para um novo aplicativo, quando eu uso 1px stroke e visualizo no celular eles ficam muito finos e quando eu uso 2px stroke eles ficam um pouco ousados ​​enquanto os ícones do Instagram parecem perfeitos. Tentei reproduzir o mesmo, mas acho que eles usam algo em torno de 1,3px stroke, que não é um pixel perfeito para mim. Você poderia me explicar se meu entendimento está errado e como posso obter o mesmo resultado que os ícones do Instagram?

Aqui está um exemplo, espero que ajude a entender o meu ponto:

A imagem 1 é um traçado de 1 px:

Este é um golpe de 1px

A Figura 2 é um exemplo do Instagram:

Este é o exemplo do instagram

A imagem 3 é um traçado de 2 px:

Isso é golpe de 2px


1
Olá Youness Mazouz, bem-vindo ao GD.SE, você poderia colocar alguns exemplos de ícones de imagem na pergunta, por favor. Nem todas as pessoas que respondem aqui são usuários do Instagram.

Respostas:


10

Não tenho certeza se esse é o caso, mas às vezes os ícones são feitos com um duplo toque para imitar uma largura de traço falso. Nos ícones abaixo, existem três traços diferentes:

  1. 1px
  2. 1 px preto + 2 px cinza
  3. 2px

ícones

Esta é a segunda estrutura de ícone:

estrutura de ícone


2
Obrigado Danielillo, funcionou! Usei como no seu exemplo 1px + 1.3px todo preto e deu um resultado fantástico.
Jun

Fico feliz em ajudar ...
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.