SlideShare a Scribd company logo
1 of 16
#SlashFriday
El color, la herramienta más poderosa para
diseñar tu app.
1. ¿Qué es el color?
¿Cómo percibimos los colores?
2.Teoría del color
Johannes Itten: Color Wheel
Cómo los colores se relacionan entre sí
3. Paleta de color
Herramientas
4. Psicología del color
¿De qué vamos a
hablar?
El color, la herramienta más poderosa para diseñar tu app.
1665 Isaac Newton, la luz es color
La luz natural está formada por luces de seis
colores
¿Qué es el color?
El color, la herramienta más poderosa para diseñar tu app.
El color, la herramienta más poderosa para diseñar tu app.
¿Cómo percibimos los colores?
¿Cómo percibimos los colores?
El color, la herramienta más poderosa para diseñar tu app.
Teoría del color
Johannes Itten Color wheel
El color, la herramienta más poderosa para diseñar tu app.
• Pintor, diseñador, profesor y
escritor suizo.
• Formó parte de la escuela Bauhaus.
Los fundamentos y características de
los materiales, la composición y el
color
• Publicó el libro: The Art of Color.
Teoría del color
Johannes Itten Color wheel
El color, la herramienta más poderosa para diseñar tu app.
Cómo los colores se relacionan entre sí
El color, la herramienta más poderosa para diseñar tu app.
Monocromáticos
Complementarios
Análogos
Triadas
Complementarios divididos
Doble complementarios
El color, la herramienta más poderosa para diseñar tu app.
Una paleta de color es un conjunto de
colores que han sido elegidos para
trabajar juntos. La paleta suele tener por
lo menos cuatro colores.
Paleta de color
El color, la herramienta más poderosa para diseñar tu app.
Alegre
Amistoso
Contemporáneo
Casual
EL NÚMERO DE COLORES EN UN
UNA PALETA MARCA LA
DIFERENCIA
Paleta de color La elección del color dominante
El color, la herramienta más poderosa para diseñar tu app.
Adobe Kuler App
Herramientas
Paleta de colores
El color, la herramienta más poderosa para diseñar tu app.
https://color.adobe.com/es
/create/color-wheel/
Psicología del color
El color, la herramienta más poderosa para diseñar tu app.
Psicología del color
El color, la herramienta más poderosa para diseñar tu app.
Psicología del color
El color, la herramienta más poderosa para diseñar tu app.
Adobe Kuler App
El color, la herramienta más poderosa para diseñar tu app.
Agencia Leo Burnett: “Archenemies” de McDonald’s.
Técnica que es tendencia en el ámbito del vídeo corporativo: imágenes con estética “Popera”,
donde prima el color.

More Related Content

Similar to El color, la herramienta más poderosa para diseñar tu app

Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02
arcos
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
leludia
 
Cucuri shucad 6_b_ t15
Cucuri shucad 6_b_ t15Cucuri shucad 6_b_ t15
Cucuri shucad 6_b_ t15
Juan Cucuri
 
Tutorial de Tux Paint
Tutorial de Tux PaintTutorial de Tux Paint
Tutorial de Tux Paint
majoarango12
 
Tutorial de Tux Paint
Tutorial de Tux PaintTutorial de Tux Paint
Tutorial de Tux Paint
marianapr96
 

Similar to El color, la herramienta más poderosa para diseñar tu app (20)

Psicología del color
Psicología del colorPsicología del color
Psicología del color
 
Luis andre-morales-del-aguila-luisandresmoralesdelaguila-diseñoparaemprendedo...
Luis andre-morales-del-aguila-luisandresmoralesdelaguila-diseñoparaemprendedo...Luis andre-morales-del-aguila-luisandresmoralesdelaguila-diseñoparaemprendedo...
Luis andre-morales-del-aguila-luisandresmoralesdelaguila-diseñoparaemprendedo...
 
diseño grafico 2023.docx
diseño grafico 2023.docxdiseño grafico 2023.docx
diseño grafico 2023.docx
 
Planificacion de interfaces graficas
Planificacion de interfaces graficasPlanificacion de interfaces graficas
Planificacion de interfaces graficas
 
T3 p2danielaarmasdg
T3 p2danielaarmasdgT3 p2danielaarmasdg
T3 p2danielaarmasdg
 
Principales
PrincipalesPrincipales
Principales
 
Diseño grafico 1
Diseño grafico 1Diseño grafico 1
Diseño grafico 1
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
 
Diseño gráfico en CorelDraw
Diseño gráfico en CorelDrawDiseño gráfico en CorelDraw
Diseño gráfico en CorelDraw
 
Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02Cmohacerunafiche 100426205805-phpapp02
Cmohacerunafiche 100426205805-phpapp02
 
Cómo hacer un afiche
Cómo hacer un aficheCómo hacer un afiche
Cómo hacer un afiche
 
Herramientas De Adobe Photoshop
Herramientas De  Adobe PhotoshopHerramientas De  Adobe Photoshop
Herramientas De Adobe Photoshop
 
PresentaciónPAINT.pptx
PresentaciónPAINT.pptxPresentaciónPAINT.pptx
PresentaciónPAINT.pptx
 
Cucuri shucad 6_b_ t15
Cucuri shucad 6_b_ t15Cucuri shucad 6_b_ t15
Cucuri shucad 6_b_ t15
 
S14 sec-3-4-5-arte-actividad
S14 sec-3-4-5-arte-actividadS14 sec-3-4-5-arte-actividad
S14 sec-3-4-5-arte-actividad
 
Afiche - Cartel
Afiche - CartelAfiche - Cartel
Afiche - Cartel
 
Tux paint
Tux paintTux paint
Tux paint
 
Tutorial de Tux Paint
Tutorial de Tux PaintTutorial de Tux Paint
Tutorial de Tux Paint
 
Tutorial de Tux Paint
Tutorial de Tux PaintTutorial de Tux Paint
Tutorial de Tux Paint
 
Tutorial de tux paint
Tutorial de tux paintTutorial de tux paint
Tutorial de tux paint
 

More from SlashMobility.com

Trabajadores más productivos, motivados y felices gracias a los wearables
Trabajadores más productivos, motivados y felices gracias a los wearablesTrabajadores más productivos, motivados y felices gracias a los wearables
Trabajadores más productivos, motivados y felices gracias a los wearables
SlashMobility.com
 

More from SlashMobility.com (20)

Slashfriday Visual Data, estrategias para interpretar la información
Slashfriday Visual Data, estrategias para interpretar la informaciónSlashfriday Visual Data, estrategias para interpretar la información
Slashfriday Visual Data, estrategias para interpretar la información
 
SlashFriday: Deep Personalization by MOCA
SlashFriday: Deep Personalization by MOCASlashFriday: Deep Personalization by MOCA
SlashFriday: Deep Personalization by MOCA
 
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
SlashFriday. Aplicación al negocio de las redes neuronales artificialesSlashFriday. Aplicación al negocio de las redes neuronales artificiales
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
 
Herramientas de diseño UI
Herramientas de diseño UIHerramientas de diseño UI
Herramientas de diseño UI
 
Hablemos de sueños
Hablemos de sueñosHablemos de sueños
Hablemos de sueños
 
Trabajo en equipo
Trabajo en equipoTrabajo en equipo
Trabajo en equipo
 
Android Wear
Android WearAndroid Wear
Android Wear
 
Customer Experience: vender lo material desde lo inmaterial
Customer Experience: vender lo material desde lo inmaterialCustomer Experience: vender lo material desde lo inmaterial
Customer Experience: vender lo material desde lo inmaterial
 
Diseñando para Apple Watch
Diseñando para Apple WatchDiseñando para Apple Watch
Diseñando para Apple Watch
 
Trabajadores más productivos, motivados y felices gracias a los wearables
Trabajadores más productivos, motivados y felices gracias a los wearablesTrabajadores más productivos, motivados y felices gracias a los wearables
Trabajadores más productivos, motivados y felices gracias a los wearables
 
Desarrollo con stack MEAN
Desarrollo con stack MEANDesarrollo con stack MEAN
Desarrollo con stack MEAN
 
Marketing inbound para empresas B2B
Marketing inbound para empresas B2BMarketing inbound para empresas B2B
Marketing inbound para empresas B2B
 
¿Gestionas tu tiempo o te lo gestionan?
¿Gestionas tu tiempo o te lo gestionan? ¿Gestionas tu tiempo o te lo gestionan?
¿Gestionas tu tiempo o te lo gestionan?
 
Cómo dar vida a un personaje
Cómo dar vida a un personajeCómo dar vida a un personaje
Cómo dar vida a un personaje
 
El combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJSEl combate del siglo: AngularJS vs ReactJS
El combate del siglo: AngularJS vs ReactJS
 
App marketing-ecommbrunch
App marketing-ecommbrunchApp marketing-ecommbrunch
App marketing-ecommbrunch
 
Cómo customizar una app
Cómo customizar una appCómo customizar una app
Cómo customizar una app
 
Slash friday: Unity 3D - Pasando nuestra primera pantalla
Slash friday: Unity 3D - Pasando nuestra primera pantallaSlash friday: Unity 3D - Pasando nuestra primera pantalla
Slash friday: Unity 3D - Pasando nuestra primera pantalla
 
Primeros pasos para crear un videojuego
Primeros pasos para crear un videojuegoPrimeros pasos para crear un videojuego
Primeros pasos para crear un videojuego
 
Como diseñar para usuarios irracionales
Como diseñar para usuarios irracionalesComo diseñar para usuarios irracionales
Como diseñar para usuarios irracionales
 

Recently uploaded

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Recently uploaded (20)

414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 

El color, la herramienta más poderosa para diseñar tu app

  • 1. #SlashFriday El color, la herramienta más poderosa para diseñar tu app.
  • 2. 1. ¿Qué es el color? ¿Cómo percibimos los colores? 2.Teoría del color Johannes Itten: Color Wheel Cómo los colores se relacionan entre sí 3. Paleta de color Herramientas 4. Psicología del color ¿De qué vamos a hablar? El color, la herramienta más poderosa para diseñar tu app.
  • 3. 1665 Isaac Newton, la luz es color La luz natural está formada por luces de seis colores ¿Qué es el color? El color, la herramienta más poderosa para diseñar tu app.
  • 4. El color, la herramienta más poderosa para diseñar tu app. ¿Cómo percibimos los colores?
  • 5. ¿Cómo percibimos los colores? El color, la herramienta más poderosa para diseñar tu app.
  • 6. Teoría del color Johannes Itten Color wheel El color, la herramienta más poderosa para diseñar tu app. • Pintor, diseñador, profesor y escritor suizo. • Formó parte de la escuela Bauhaus. Los fundamentos y características de los materiales, la composición y el color • Publicó el libro: The Art of Color.
  • 7. Teoría del color Johannes Itten Color wheel El color, la herramienta más poderosa para diseñar tu app.
  • 8. Cómo los colores se relacionan entre sí El color, la herramienta más poderosa para diseñar tu app. Monocromáticos Complementarios Análogos Triadas Complementarios divididos Doble complementarios
  • 9. El color, la herramienta más poderosa para diseñar tu app.
  • 10. Una paleta de color es un conjunto de colores que han sido elegidos para trabajar juntos. La paleta suele tener por lo menos cuatro colores. Paleta de color El color, la herramienta más poderosa para diseñar tu app. Alegre Amistoso Contemporáneo Casual EL NÚMERO DE COLORES EN UN UNA PALETA MARCA LA DIFERENCIA
  • 11. Paleta de color La elección del color dominante El color, la herramienta más poderosa para diseñar tu app.
  • 12. Adobe Kuler App Herramientas Paleta de colores El color, la herramienta más poderosa para diseñar tu app. https://color.adobe.com/es /create/color-wheel/
  • 13. Psicología del color El color, la herramienta más poderosa para diseñar tu app.
  • 14. Psicología del color El color, la herramienta más poderosa para diseñar tu app.
  • 15. Psicología del color El color, la herramienta más poderosa para diseñar tu app.
  • 16. Adobe Kuler App El color, la herramienta más poderosa para diseñar tu app. Agencia Leo Burnett: “Archenemies” de McDonald’s. Técnica que es tendencia en el ámbito del vídeo corporativo: imágenes con estética “Popera”, donde prima el color.