Guía de Logos — App Template

📦 Assets Requeridos

Estos 4 archivos son obligatorios para cualquier build de Android:

📱 1024×1024

icon.png

Icono del launcher y tienda

💧 1024×1024

splash-icon.png

Splash screen al iniciar

🔲 1024×1024

adaptive-icon.png

Foreground para icono adaptativo

🌐 64×64

favicon.png

Favicon web y PWA

📐 Plantillas de Diseño

Estructuras recomendadas para crear logos consistentes:

🔹 Plantilla A: Icono con fondo degradado

📱

Fondo degradado

📱

Fondo sólido

📱

Fondo blanco

🔹 Plantilla B: Icono adaptativo (solo foreground)

📱

Icono centrado

M

Letra inicial

◆

Símbolo geométrico

💡 Tip: El icono adaptativo debe tener el foreground (icono) centrado y ocupando ~60-70% del canvas. Android añade el background color detrás.

🎨 Esquemas de Color Recomendados

Índigo (Default)

Profesional, tecnología, confianza

Esmeralda

Salud, naturaleza, crecimiento

Rojo

Energía, urgencia, pasión

Ámbar

Creatividad, calidez, advertencia

Cyan

Tecnología, frescura, modernidad

Violeta

Creatividad, lujo, innovación

✅ Checklist de Creación de Logo

Definir nombre de la app Corto, memorable, único. Máx. 12 caracteres para el launcher.
Elegir esquema de color 1 color primario + 1 secundario + 1 light para fondos.
Diseñar icono principal (icon.png) 1024×1024px. Diseño centrado, fondo degradado o sólido.
Crear splash screen (splash-icon.png) Mismo diseño, fondo del color primario. Se verá en pantalla completa.
Crear icono adaptativo (adaptive-icon.png) 1024×1024px. Solo foreground (sin fondo). Android lo combina con backgroundColor.
Crear favicon (favicon.png) 64×64px. Versión miniatura para web.
Actualizar app.json backgroundColor, primaryColor, y referencias a assets.
Probar en build de preview Verificar que el icono se ve bien en el dispositivo.

🛠️ Herramientas Recomendadas

🎨

Figma

Diseño profesional, gratis

✨

Canva

Rápido, plantillas

🔧

icon.kitchen

Generador Android

🔗 Enlace útil: https://icon.kitchen — Genera todos los assets Android automáticamente desde un diseño.

🎨 Guía de Creación de Logos

📦 Assets Requeridos

📐 Plantillas de Diseño

🔹 Plantilla A: Icono con fondo degradado

🔹 Plantilla B: Icono adaptativo (solo foreground)

🎨 Esquemas de Color Recomendados

✅ Checklist de Creación de Logo

🛠️ Herramientas Recomendadas