Ir al contenido
IconiseTaller de iconos
Español
Solicitar acceso

Guía de Iconise

Cómo comparar y elegir entre diseños de iconos de aplicación

Compara las propuestas en varios tamaños pequeños y sobre fondos distintos. Elige la silueta y el contraste que mejor expresen la idea del producto.

Pon las propuestas juntas sobre el mismo fondo y obsérvalas a 64, 32 y 16 píxeles. Evalúa silueta, legibilidad, contraste, diferenciación y relación con el producto. Anota observaciones cualitativas en vez de una puntuación que pretenda medir la respuesta de las personas.

Preparar una comparación justa

  1. Coloca las propuestas en una cuadrícula y ponles nombres neutros, como A, B y C.
  2. Muéstralas al mismo tamaño y sobre el mismo fondo. Repite la revisión con un fondo claro y otro oscuro.
  3. Reduce cada imagen a 64, 32 y 16 píxeles. Son tamaños de revisión para este ejercicio, no umbrales de conformidad de una tienda.
  4. Oculta los nombres de archivo en la primera lectura para centrarte en las formas.

Preguntas útiles, sin puntuaciones artificiales

Anota una observación por propuesta. La última columna sirve para justificar una decisión, no es una valoración medida.
CriterioPreguntaObservación
Legibilidad¿La forma principal sigue visible a 16 px?Detalle conservado, fusionado o perdido.
Silueta¿Se distinguen las opciones cuando se ocultan los detalles?Contorno propio o forma demasiado común.
Contraste¿El símbolo se separa de los fondos claros y oscuros?Zona legible o zona que se confunde con el fondo.
Diferenciación¿Las opciones representan direcciones realmente distintas?Cambio de metáfora y forma, o solo de acabado.
Relación con el producto¿La idea conecta con la función y el público del brief?Relación clara, dudosa o inexistente.

A, B y C son ilustraciones de la galería pública de Iconise. Sirven para observar formas; no se les atribuyen prompts, clasificaciones ni resultados de pruebas.

Una decisión ilustrativa

Imagina que, al reducir las tres ilustraciones, A conserva un contorno más claro que B. Anótalo y comprueba si A también comunica mejor la función de tu aplicación. Si B explica mejor el producto, la silueta por sí sola no decide. Este ejemplo describe un razonamiento: no informa de una prueba de estos SVG ni de una preferencia medida.

Confirmar la elección en contexto

Una vista reducida no sustituye la comprobación en la interfaz y sobre los fondos donde aparecerá el icono. Las máscaras y reglas cambian entre sistema operativo, ficha de tienda y navegador. Si los criterios siguen divididos, conserva dos opciones y pide comentarios mostrando el mismo contexto a cada persona; no presentes el ejercicio como una prueba de usuarios representativa.

  • Elige una opción principal y explica cómo responde al brief.
  • Conserva una alternativa solo si aporta una fortaleza distinta.
  • Antes de preparar los archivos, comprueba las salidas que necesitas para iOS, Android o web.

La guía de tamaños y formatos explica estos usos y enlaza las fuentes oficiales.