¿Qué ancho de trazo usa Instagram para sus iconos y cómo obtener los mismos resultados?


8

Estoy diseñando en los iconos de Illustrator para una nueva aplicación, cuando uso 1px stroke y la vista previa en el móvil se ven muy delgados y cuando uso 2px stroke se ven un poco audaces mientras que los iconos de Instagram se ven y se sienten perfectos. Traté de reproducir lo mismo pero creo que usan algo alrededor de un trazo de 1.3px que no es perfecto para mí. ¿Podría explicarme si mi comprensión es incorrecta y cómo puedo obtener el mismo resultado que los íconos de Instagram?

Aquí hay un ejemplo, espero que ayude a entender mi punto:

La imagen 1 es un trazo de 1 px:

Este es un golpe de 1px

La imagen 2 es un ejemplo de Instagram:

Este es un ejemplo de instagram

La imagen 3 es un trazo de 2 píxeles:

Esto es un golpe de 2px


1
Hola Youness Mazouz, bienvenido a GD.SE, ¿podría poner algunos iconos de imagen de ejemplo en la pregunta, por favor? No todas las personas que responden aquí son usuarios de Instagram.

Respuestas:


10

No estoy seguro de si este es el caso, pero a veces los iconos están hechos con un doble trazo para imitar un ancho de trazo falso. En los iconos a continuación hay tres trazos diferentes:

  1. 1px
  2. 1px negro + 2px gris
  3. 2px

íconos

Esta es la segunda estructura de iconos:

estructura de iconos


2
Gracias Danielillo, funcionó! Utilicé como en su ejemplo 1px + 1.3px todo negro y dio un resultado fantástico.
Youness

Encantados de ayudarle ...
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.