En este artículo vamos a aprender sobre los colores . Si alguna vez hiciste el trabajo de diseño antes, entonces ya estás familiarizado con los conceptos básicos de la teoría del color . Así que volvamos a nuestra escuela primaria donde estábamos aprendiendo sobre los colores.
Comencemos con tres categorías principales de tipos de colores:
-
Colores primarios
-
Colores secundarios
-
Colores terciarios
Herramientas de color esenciales para diseñadores de UX
Colores primarios
Los colores primarios son rojo, azul, amarillo . Se llaman Primarios porque no se puede mezclar ningún otro color para obtenerlos. Son los componentes básicos a partir de los cuales se crean todos los demás colores.
Colores secundarios
Los Colores Secundarios se obtienen mezclando a partes iguales colores Primarios, por lo que si mezclamos:
Red + Blue = Purple
Red + Yellow = Orange
Yellow + Blue = Green
Colores terciarios
Los Colores Terciarios se obtienen combinando colores Primarios y Secundarios, por lo que si mezclamos:
Blue + green = teal
Yellow + orange = amber
Red + Purple = magenta
Yellow + green = chartreuse
Blue + purple = violet
Red + orange = vermillion
Ahora necesita comprender algunos términos clave y creo que la mejor manera de hacerlo es usando un selector de color en Figma.
La Psicología de los Colores
Matiz
Hue representa el color dominante en la familia de colores, por ejemplo: rojo puro, verde puro, azul puro, etc.
Tinte
Un tinte es cuando agrega blanco a un color específico que dará una versión más clara de ese color, por ejemplo: agregar el color blanco al rojo creará un tinte.
Sombra
Un tono es mezclar un color específico con negro, lo que nos dará una versión más oscura de ese color. Por ejemplo: agregar color negro a rojo creará una sombra.
Tono
Un Tono es cuando mezclas un color puro con gris, por lo que básicamente agregas tanto el blanco como el negro.
Saturación
La saturación es básicamente cuán rico y opaco es un color.
Documental sobre la Teoría del Color
Relacionado
❌ React Native, crear aplicación como Netflix con Mario Díez [no_toc] [expand title="Índice del Vídeotutorial"] 1. FlatList Horizontal 2. Componente Swiper 3. Menú Animado y Header 4. FlatList Grid 5. Más Flexbox, Tabs y Linear gradiantes 6. Reproductor de Vídeo 7. Share API 8. Animatable Header y NativeEvents 9. React Navigation 10. Header Múltiple con Animated 11. Modal con React Navigation 12. React Navigation con Redux 13. Servidor NodeJS con MongoDB para React Native 14. Conectando ¡SEGUIR LEYENDO!
❌ React Native con Mario Díez [no_toc] [expand title="Índice del Vídeotutorial"] 1. Instalación 2. Introducción 3. Props y State 4. Fetch Data 5. ListView 6. Fech Data 2 7. Navigator IOS 8. Navigator 9. Flexbox 10. PropTypes 11. TabBarIOS 12. Formularios 13. AsyncStorage 14. Recorriendo Arrays con Map 15. Notificaciones Push 16. Notificaciones Push desde NodeJS 17. Barra de Búsqueda en ListView 18. Utilización de CameraRoll 19. Children o Props 20. Diferenciar ¡SEGUIR LEYENDO!
❌ React Native con Iván B. Trujillo [no_toc] [expand title="Índice del Vídeotutorial"] 1. Primeros Pasos 2. Componentes, Botones y Alertas 3. Pantalla de Login, Navegador y Vistas 4. Navegación por Pestañas 5. Peticiones a API y ListView 6. Vista Detalles y Paso de Propiedades a Componente Hijo [/expand] [yotuwp type="playlist" id="PLuzQ5Ac_9_cI-ukaElfIFKXyhLsADBiJe" ] [expand title="Creador"] Editor del blog de Medium: Canarias JS [/expand]
❌ Javascript con Píldoras Informáticas [no_toc] [expand title="Índice del Vídeotutorial"] 1. Presentación. Vídeo 1 2. Introducción. Vídeo 2 3. Sintaxis Básica I. Ubicación del código. Vídeo 3 4. Sintaxis Básica II. Estructuras Básicas. Vídeo 4 5. Sintaxis Básica III. Operadores Básicos. Vídeo 5 6. Sintaxis Básica IV. Operadores y prompt. Vídeo 6 7. Sintaxis Básica V Arrays, Matrices, Arreglos. Vídeo 7 8. Sintaxis Básica V. Arrays, Matrices, Arreglos II. Vídeo 8 ¡SEGUIR LEYENDO!
❌ Javascript con Falcon Masters [no_toc] [expand title="Índice del Vídeotutorial"] 1. Introducción 2. Variables 3. Tipos de Dato 4. Arreglos 5. Metodos y propiedades para los Arreglos 6. Condicionales 7. Ciclo Fo 8. Ciclo While 9. Funciones 10. Ejercicio con Funciones y Formularios 11. Scope de Javascript (ámbito de las variables) 12. Metodos y propiedades para Cadenas de Texto 13. Introducción al DOM (Document Object Model) 14. Creando Nodos del DOM ¡SEGUIR LEYENDO!