ANIMACIÓN DE PERSONAJES

Pasos a seguir:
1.- Utilizamos la herramienta óvalo para crear una cabeza, brazos y piernas de nuestro personaje
2.- Utilizamos la herramienta rectángulo para así hacer el cuerpo del personaje
3.- A cada figura debemos ponerle "Convertir en símbolo" 
4.- Usamos la herramienta "transformación libre" para mover el círculo pequeños que aparece en   el centro del óvalo hacia la parte de abajo.
5.- Hacemos lo mismo con las piernas y los brazos. así les podremos dar movimiento.
6.- Con la herramienta "Subselección" se puede modificar la forma de la figura.
7.- Seleccionamos todo el personaje(hacemos clic derecho) y elegimos "Distribuir a Capas" 
8.- En la linea del tiempo elegimos el numero 30 y presionamos F6.
9.- Luego hacemos doble clic(hasta que se aparezca de color negro y clic derecho)  y ponemos "Crear Interpolación de movimiento.
10.- Utilizamos la herramienta "Transformación libre" para realizar el movimiento
11.- Seguimos haciendo esto hasta lograr que el personaje se mueva por completo.

MACROMEDIA FLASH 8

Guía:
* Archivo (nuevo)
* Insertar capas
* Insertar circulo (agregamos el color que deseamos en este caso rojo)
* Ir a la linea de tiempo (elegir el tiempo, en este caso el número   30)
* Clic derecho (insertar fotograma)
* Clic derecho (crear interpolación de movimiento)
* Clic en la herramienta de selección (movemos el círculo)
* Creamos un cuadrado y lo colocamos delante del circulo
* Hacemos clic derecho y elegimos convertir en símbolo
* Elegimos la opción Clic de película y luego aceptar
* Hacemos clic en el símbolo
* Luego vamos a la linea del tiempo (elegimos el tiempo, el número 10)
* Clic en interpolación de movimiento
* Clic en la herramienta de transformación libre (cambiamos su dirección)
* Ctrl+Enter (ver el movimiento)

ANIMACIÓN MULTIMEDIA

1.- Multimedia:  Es un proceso utilizado para dar la sensación de movimientos a imágenes o dibujos

2.- Tipos de Multimedia:

*Texto: sin formatear, formateado, lineal e hipertexto. 

*Gráficos: utilizados para representar esquemas, planos, dibujos lineales... 

*Imágenes: son documentos formados por pixeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos. 

*Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento. 

*Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas. 

*Sonido: puede ser habla, música u otros sonidos.

3.-Adobe Flash: Es una aplicación en forma de reproductor multimedia creado inicialmente por Macromedia  y actualmente distribuido por Adobe Systems.

4.- Macromedia Flash: Es un programa que facilita la utilización de tecnología en la Web, permitiendo la creación de animaciones vectoriales.

5.- Ventana Flash: La idea inicial para insertar un flash en ventana completa es poner el ancho y alto al 100%, pero tiene un problema y es que al hacer esto ya no se muestran los scrolls y si la película es mas grande que la pantalla no se podrá ver la parte que excede la pantalla. 

6.-Herramienta de Flash: La Barra de Herramientas contiene todas las Herramientas necesarias para el dibujo.

7.-Animación: La animación es un proceso utilizado para dar la sensación de movimiento a imágenes o dibujos o a otro tipo de objetos inanimados

8.-Video de Flash:

"Introducción Visual Basic 2008"

 PROGRAMAR EL VISUAL BASIC

ü  Descargamos el programa Visual Basic 2008

ü  Elegimos el idioma

ü  Descargarlo e instalarlo

       PROGRAMAR FORMULARIOS - APLICACIONES TIPO ESCRITORIO

          Abrimos el programa Visual Basic 2008

ü  Clic en archivo, nuevo, aplicación de Windows forms

ü   Colocamos un nombre, aceptar

ü  Ventana de cuadro de herramientas hacemos clic en picturebox y lo arrastramos hacia el formulario de trabajo

ü  Hacemos modificación en propiedades de picturebox para que salga todo bien

ü  1 picturebox grande

ü  4 picture box más pequeños

ü  Procedemos a insertar imágenes

ü  Colocamos los códigos a las imágenes

"Aprendiendo a programar y los algoritmos"

Definición:

ü  Un algoritmo es un conjunto de acciones que determinan la secuencia de los

             Pasos a seguir para resolver un problema específico. Sus pasos deben    estar

             definidos con precisión de forma que no existan ambigüedades que den origen a

             elegir una opción equivocada. Los algoritmos son finitos; es decir, su ejecución

             termina en un número determinado de pasos.

             Los algoritmos pueden representarse a través de un conjunto de palabras por

             medio de las cuales se puede representar la lógica de un programa.

Símbolos y Significados:

Ø  Círculo: Procedimiento estandarizado.

Ø  Cuadrado: Proceso de control.

Ø  Línea ininterrumpida: Flujo de información vía formulario o documentación en soporte de papel escrito.

Ø  Línea interrumpida: Flujo de información vía formulario digital.

Ø  Rectángulo: Formulario o documentación. Se grafica con un doble de ancho que su altura.

Ø  Rectángulo Pequeño: Valor o medio de pago (cheque, pagaré, etcétera).Se grafica con un cuádruple de ancho que su altura, siendo su ancho igual al de los formularios.

Ø  Triángulo (base inferior): Archivo definitivo.

Ø  Triángulo Invertido (base superior): Archivo Transitorio.

Ø  Semi-óvalo: Demora.

Ø  Rombo: División entre opciones.

Ø  Trapezoide: Carga de datos al sistema.

Ø  Elipsoide: Acceso por pantalla.

Ø  Hexágono: Proceso no representado.

Ø  Pentágono: Conector.

Ø  Cruz de Diagonales: Destrucción de Formularios.

Ejemplos:

web grafía:

http://www.virtual.unal.edu.co/cursos/ingenieria/2001839/modulo1/cap_02/leccion103.htm

http://ubv2006.galeon.com/Programas/Algoejemplos.pdf

"Teoría del Diseño"

¿Qué es diseño?

• Actividad encaminada a la configuración de un objeto. Siendo así, casi cualquier actividad productiva humana suele involucrar algún tipo de ``Actividad de diseño´´. Pero propiamente podríamos hablar de los más típicos como aquellos asociados al acto de: Imaginar, Diagramar, Dibujar. Con el fin de crear un objeto.

División de diseño:

•Diseño Arquitectónico: Proyecta espacios habitables para el ser humano (parques, casas, etc.).

•Diseño de espacios: Realiza proyectos de uso, adecua los espacios de acuerdo a necesidades de su utilidad (comercial, educativa, etc.).

•Diseño Industrial: Proyecta objetos de producción industrial para el uso humano (artefactos, herramientas, muebles, etc.).

•Diseño Grafico: Configura mensajes visuales significantes (logotipos y marcas, carteles, revistas, etc.).

•Diseño de Moda: Proyecta y realiza prendas y accesorios para vestir (ropa, zapatos, joyería, etc.).

•Diseño Textil: Consiste en concebir y configurar telas y patrones para la industria textil (estampados, hilados, bordados, fibras, etc.).

Ramas de Diseño Grafico:

•Diseño Editorial: Tiene que ver con la creación de productos impresos en especial revistas, periódicos y libros.

•Diseño Corporativo: Ve la creación de logotipos, marcas e identidad visual de compañías, personas, etc.

•Diseño de Exposiciones: Tiene que ver con la creación de stands o layouts de exposición para tiendas, galerías, ferias, etc.

•Diseño de Arte: Se ocupa mucho de la producción escénica, fílmica y TV, tiene que ver con la escenografía y estilos visuales.

•Diseño Publicitario: Objetos de comunicación visual relacionados con la promoción de mensajes comerciales.

•Diseño Digital: Se ocupa del desarrollo y creación de imágenes mediante medios digitales.

•Diseño Fotográfico: (fotodiseño) Crea imágenes mediante medios fílmicos (fotografía y cine).

•Ilustración: Aplica las técnicas y métodos de las artes plásticas a la creación de imágenes para ilustrar conceptos específicos.

•Empaque y Embalaje: Se ocupa de la creación de los envases, empaques y etiquetas de los productos de consumo.

practica02_Photoshop

Herramientas

-Ir a Archivo, nuevo, predefinir (película y video), contenido de fondo (transparente) Ok, Ok

Luego Ponemos  Imagen de Fondo:

1- luego Archivo, abrir, seleccionar  imagen de fondo (paisaje).

2-Luego Click derecho en el titulo de la ventana de la imagen, mover a nueva ventana.

3-Luego Click sostenido en la imagen, arrastras hasta la ventana vacía, y la imagen se ve grande (paisaje).

4-Luego Menú edición, transformar, escala, ponerlo en el tamaño de la hoja de trabajo y doble clic, cerrar la ventana que no utilizamos.

5-Luego En la parte derecha buscar el botón capas, y se ve que una capa está vacía.

Luego ponemos otra  Imagen:

1- Luego Agregamos  otra imagen, archivo, abrir, luego seleccionar  imagen de fondo, click derecho en el título de la ventana de imagen, mover a una ventana nueva.

2-Luego Seguir el paso 4 y 5.

3-Luego Ver capas en la parte derecha.

4-Luego Recortaremos con la herramienta lazo poligonal la imagen.

5-Luego de Cortar, selección, invertir, Suprimir, menú selección deseleccionar.

6-Luego Seleccionar por partes, herramienta lazo.

7-Luego Seleccionar capa, hacemos clic en la capa que esta de fondo.

8-Luego Dar efecto al fondo: menú filtro, desenfocar, movimiento (ángulo 23, distancia 48 píxeles)

9-Luego Menú imagen, ajustes, tono saturación, seleccionar por defecto, todos, colorear y mover las guías para ver los tonos.

Luego Agregar Otra Imagen:

1-Archivo, abrir, imagen, seleccionar una imagen.

2-Luego Seguir el paso 3, 4 y 5.

3-Luego Cortar una parte de la imagen  con la herramienta circulo.

4-Luego Menú selección, invertir, perfeccionar borde, click en la opción Sobre el negro, acomodar posición donde quiere que este la imagen.

Mascara rapida y bordes

Herramientas:

1-Marco Rectangular.

2-Invertir Selección.

3-Editar Máscara.

4-Filtro (Distorsionar, Rizo).

5-Editar Máscara (Suprimir).

Diseño Digital _Fotografico en Photoshop

Resumen del video

Marco Rectangular
- para realizar selecciones cuadradas o rectangulares
Mover:- para mover el contenido de la capa en la que estamos trabajando
Marco Elíptico- para crear selecciones circulares o elípticas
Lazo- para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano
Lazo Poligonal- para hacer selecciones más complejas, marcando los vértices de un polígono
Máscara de Texto
- crea una selección en forma del texto
Pincel
- para dibujar a mano alzada sobre la imagen
Lápiz- realiza un trazo sin suavizado en los bordes y totalmente opaco
Borrador- para borrar partes de una imagen
Texto- para escribir texto en una imagen
Rectángulo- para hacer rectángulos, que pueden estar o no rellenos de color
Cuentagotas- podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal.
Mano- para mover el lienzo
Zoom- para ampliar la imagen o reducirla, pero sin alterar la imagen, para que se vea más grande y podamos hacer retoques con más precisión.

Guia de publicacion

Slideshare

View more presentations from mariicruz23.

Los Anonymous

Los Anonymous

Surgidos del imageboard4chan, en un comienzo como un movimiento por diversión, desde el 2008 Anonymous se manifiesta en acciones de protesta a favor de la libertad de expresión, de la independencia de Internet y en contra de diversas organizaciones, entre ellas, Scientology, servicios públicos, consorcios con presencia global y sociedades de derechos de autor. En sus inicios, los participantes actuaban solamente en Internet, pero entretanto desarrollan sus actividades también fuera de la red. Entre otros medios de acción de Anonymous, se cuentan las manifestaciones en las calles y los ataques de hackers.

Anonymous es una red distibuida. Se agrupan en 'colmenas' y suelen llevar a cabo susacciones tras someterlas a votación entre todos los miembros del grupo. 

No pertenecen a ningún partido político y están distribuidos por todos los rincones del mundo.

Últimamente he leído en muchas páginas de internet del famoso “Anonymous”, especialmente en estos días por la famosa ley S.O.P.A. Lamentablemente en gran parte de estos lugares se define a este grupo como una “asociación de hackers”, lo cual está equivocado.

Anonymous es un grupo, sin fines de lucro, que está formado por usuarios de todo el mundo con la intención de hacer de la red un mejor lugar, especialmente apelando a la libertad en esta, como lo pueden ver en las últimas acciones que han hecho intentando ayudar a MegaUpload o, más que ayudar, defender sus acciones.

Lo que ellos hacen es “botar” los sitios webs de empresas u organizaciones que apoyan algo que crean que está mal, evitando el acceso a estas páginas utilizando una técnica llamadaataque DDoS, que consiste, en pocas palabras, en saturar el ancho de banda disponible para que no se pueda entrar a una determinada web.

En algunas ocasiones, como por ejemplo en su ataque a Play Station Network (PSN), roban información de los usuarios, para demostrar la poca seguridad de estas empresas y el último ataque realizado contra ellos fue por su apoyo a S.O.P.A.

impacto de las redes sociales en los adolescentes

 impacto de las redes sociales en los adolescentes 

Este estudio se ha realizado para conocer el impacto que se ha tenido en la sociedad de jóvenes preparatorianos, tanto hombres como mujeres, e identificar cuáles son las principales redes sociales de su preferencia, mencionando entre estas Facebook, Twitter y Messenger.

En un estudio realizado el 10 de septiembre del 2010, el psicólogo Paul Kirschner menciona que el impacto negativo o positivo de Facebook en estudiantes de entre 15 y 18 años podría resultar como algo más negativo que positivo y puede traer ciertos problemas en el proceso educativo.

 Objetivos:

1- Conocer la actitud en los jóvenes preparatorianos sobre las redes sociales cotidianas.

2- Conocer la actitud de los jóvenes que utilizan redes sociales hacia los que no las utilizan.

3- Identificar la actitud de los jóvenes preparatorianos sobre las relaciones sentimentales en las redes sociales.

4- Conocer la red social más utilizada hoy en día.

 Tipos de redes:

• Twitter: supuso la revolución de la forma que la gente tenía de comunicarse en Internet. El servicio rápidamente creció hasta que ahora, cinco años después de su llegada, la compañía tiene más de 300 empleados, 200 millones de cuentas registradas y más de 115 millones de 'tweets' al día. En sólo 10 meses se ha duplicado el número de cuentas. La gerente de internacionalización de la compañía, la mexicana Laura Gómez, ha visitado Burgos con motivo del I Congreso Iberoamericano de Redes Sociales y ha querido hacer un repaso por la actualidad de Twitter.

• Messenger: popularmente conocido como MSN, es un servicio de mensajería instantánea que actualmente, funciona bajo el nombre WindowsLive Messenger. Es uno de los servicios de mensajería instantánea más populares. Comenzó como MSN Messenger en 1999, y cambió su nombre a Windows Live Messenger el 13 de diciembre de 2005. Desde el comienzo a sufrido grandes cambios que lo han convertido en un servicio muy completo y entretenido, lo que lo ha hecho uno de los favoritos en todo el mundo. Windows Live Messenger fué creado por Microsoft y funciona con Windows XP, Windows Vista, Windows 7, Windows Server 2003, Windows Server 2008 y Windows Movile. Como servicio de mensajería instantánea ofrece la posibilidad de comunicarse con personas de todo el mundo, pero con muchas características que hacen de esas conversaciones algo mucho más entretenido.

• Hi5: es un popular sitio web que funciona como red social. Consiste en un sitio interactivo en el que las personas pueden estar conectadas de manera sencilla y entretenida. Más de 70 millones de personas lo usan en el mundo y es especialmente usado en Latinoamérica. Su crecimiento ha sido tan grande que ya está entre los 20 sitios web más visitados en el mundo. Hi5 fué fundado el año 2003 por Ramu Yalamanchi. La página fue creada para obtener un medio por el cual conectarse socialmente en línea con muchas personas. Con el tiempo fue evolucionando para agradar más a los usuarios y agregando nuevas aplicaciones, impulsado además por la aparición de fuertes competidores. Actualmente, Yalamanchi es el director de la empresa Hi5 Networks, que tiene sede en San Francisco, California. La página ha logrado posicionarse como una de las redes sociales más populares, con más de 50 millones de visitantes mensuales. Está disponible en 37 idiomas y se está trabajando para lograr más opciones de idiomas en un futuro cercano.
                                                                                

El uso de los colores en la web

El uso de los colores en la Web


Introducción:

Esta es una faceta primordial al definir las líneas maestras de diseñodeun seb site: va a tener una influencia realmente grande en como lo perciban los usuarios y la sensación que les quede después de la visita.

Por descontado que es un tema subjetivo, ya que cada uno puede aceptar mejor o peor determinadas combinaciones de colores. Sin embargo existen criterios objetivos si se quiere obtener un diseño equilibrado y agradable y, sobre todo, que ni estrese ni canse.

1. Número de colores en página:
   
   
   Es arriesgado establecer una norma estricta, ya que 6 colores simultáneos en una página pueden ser demasiados si existe un gran contraste entre ellos, pero pueden conformar una combinación agradable si la relación entre los mismos es adecuada..
   • Como norma inicial puede asegurarse que siempre es mejor pocos colores mejor que muchos. Como mínimo, el riesgo de estridencias es menor.
   • Como siguiente norma se puede afirmar que 3 colores en una misma página sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser suficiente. Con menos de 3, las posibilidades de que la página sea anodina y aburrida son muy grandes.
     • Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.
     • Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.
     • Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación. Puede utilizarse el Complementario o el Complementario Escindido del color primario de la página.

Relación entre colores:

Según su posición relativa en el Círculo Estándar de Color, los colores pueden ser:

• Colores Análogos: Para un color dado, sus colores análogos son aquellos que se encuentran a ambos lados del mismo en el círculo de color.
  Por ejemplo los análogos del naranja serían el rojo y el amarillo. En un sentido más específico, los análogos del rojo "red", serían rojo violáceo "crimson" yrojo anaranjado "orangered".
  
  
  Usados juntos producen sensación de armonía. Suele ser una buena idea usarcolores complementarios como primario y secundario de una página web.
•  Colores Complementarios: Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta). Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto puede ser llamativo y hasta agresivo.
  Dos colores complementarios serían por ejemplo el rojo violáceo "crimson" y elturquesa "turquoise".
  
  
  Suele funcionar muy bien usar el color complementario del primario de una página como color destacado. También suele ser una buena alternativa utilizar el color complementario del secundario.
• Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar la monotonía utilizándolos condiferente luminosidad (más claros y más oscuros).
• Colores Complementarios Adyacentes: Dado un color, sus complementarios adyacentes son los colores análogos de su color complementario.
  Dos colores complementarios adyacentes del rojo "red" serían por ejemplo el verde primavera "springgreen" y el azul cielo "skyblue".
  
  
  El uso de de un color y sus complementarios adyacentes aporta un alto nivel de contraste, sin llegar al extremo cuando se usa directamente su complementario. También suele ser mayor la sensación de armonía que usando el complementario directo.
• Colores Triada: Tres olores constituyen una Triada cuando sus tonos son equidistantes en el Círculo Estándar de Color.
  Un ejemplo de triada lo constituirían el amarillo "yellow" junto al turquesa "turquoise" y al violeta "violet".
  Utilizar un esquema de color en triada suele ser una buena solución cuando se desea un diseño colorido, ya que la mezcla estará bien balanceada. Si el conjunto resulta demasiado colorido para nuestras necesidades, siempre se pueden apagar un poco los colores disminuyendo su luminosidad o su saturación (o ambas).
• Esquema Cromático Monotono: Un esquema de color monotono lo constituyen un único tono de colorjunto a sus posibles variaciones en términos de tintes, luminosidad y saturación.
  Suele ser una buena solución si se desea un diseño robusto y homogéneo pero con las diferenciaciones y resaltes necesarios. En el caso probable se sensación de monotonía, siempre es una buena solución introducir negro y blanco.
• Esquema Acromático Monotono: Un esquema de color acromático monotono es un caso particular del esquema de color monotono constituído sólo por colores neutros dentro de la gama del negro al blanco.
  Suele ser un esquema eficaz con el que diseñar los distintos componentes de la página web, pero con seguridad resultará aburrido. Una buena solución es introducir un color resaltado.
  1. El Contraste entre colores:
     Buscandlo una definición intuitiva, podemos simplificar y decir que el contraste entre dos colores, es la diferencia que hay entre ambos. El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
     • Tono
     • Luminancia
     • Crominancia
     Cuando se diseña una página web el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.
     En primer lugar será importante que exita un gran contraste entre el testo ordinario y el "background". Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.
     Esta misma recomendación es aplicable cuando elegimos colores para resaltar o separar áreas de contenidos: aquí es menos necdesario y abusar de él puede ser aún más perjudicial.
     Si en nuestras páginas utilizamos por ejemplo un marco del área de trabajo gris y queremos utilizar un verde para áreas resaltadas, no es lo mismo elegir la combinación:
     Que elegir esta otra:
     En el segundo caso la gran luninosidad de ambos colores, y en especial la del verde, hace que el contraste sea demasido grande y la combinación resulte agresiva.
     La Teoría del Color define muchos tipos de contraste y, aunque algunos no son especialmente aplicables a páginas web, es muy interesante conocerlos para profundizar en el conocimiento del efecto de los colores.
     
     
     1. 4.1 Contraste de Tono: Está relacionado directamente con las distancias entre dos colores dentro del Círculo Estándar de Color descritas en el apartado 3. Relación entre colores. así, cuanta mayor es la distancia entre dos colores dentro del círculo, mayor es el contraste entre ambos.
        
        Entonces, una pareja de colores complementarios produce el máximo contraste, mientras que para cualquier color el que menor contraste produce con este es su adyacente.
        Es interesante el contraste ce tono entre colores fríos y cálidos. Los colores cálidos siempre aparecen al espectador más próximos, mientras que los colores fríos aparecen al espectador más distantes.
        En una página web será más conveniente utilizar colores fríos para marcos, tapices o elementos secundarios y colores calientes para menús, iconos o barras de herramientas que queramos que el usuario siempre tenga presente.
        Para la relación texto y background normalmente no será suficiente cfontraste de tono ya que no garantizará legibilidad suficiente. Será necesario aplicar algún tipo de contraste adicional.
     
     
     
     
     
     2. 4.2 Contraste de Luminancia (o de Valor): Permite crear grandes contrastes con el mismo tono de color sólo mediante el brillo de luz:
        
        En general este tipo de contraste, aún siendo grande, es agradable al ojo humano, con lo que usarlo en diseños web suele ser trabajar sobre seguro. Como contrapartida, no arriesgar en la combinación de tonos, puede significar apostar por un diseño convencional, poco impactante.
     
     
     
     
     
     3. 4.3 Contraste de Saturación: El contraste de saturación con frecuencia es el más adecuado para resaltar aspectos de la página web de una forma moderada, poco estridente.
        
        Un efecto interesante se obtiene utilizando áreas con diferentes saturaciones con un fondo gris: se produce una sensación de transparencia que puede ser muy apropiada en ciertas circunstancias.

     
     
     
     
     
     4. 4.4 Contraste Simultáneo: Es un efecto creado por nuestro sistema visual que, dado un color predominante, tiende a requerir su color complementario.
        
        Este efecto puede obtenerse combinando dos colores brillantes pero que no sean complementarios, o, simplemente, utilizando un color brillante sobre un background neutro (un color de la gama de los grises).
        Este tipo de contraste tiene la ventaja de resaltar diferencias entre áreas de forma impactante, pero sin la agresividad que producen los complementarios. Sin embargo puede provocar tensión e inestabilidad y debe utilizarse con prudencia.
     
     
     
     
     
     5. 4.5 Combinación de contrastes: Es lo más frecuente, sobre todo cuando se trata de resaltar textos.
        

        Esto es un texto

        En este caso se ha utilizado un Contraste de Tono, poniendo un lienzo violeta y el texto en turquesa, que es complementario adyacente del primero, por lo que la combinación debería aportar suficiente contraste de color.
        Sin embargo, vemos que para el caso de textos, no es así: la combinación no aporta suficiente contraste y leer el texto cansa la vista (sobre todo si fuera un párrafo largo). Aunque la mezcla es natural y no es desagradable, no es adecuada para textos.

        Esto es un texto

        En este segundo caso, al contraste de color inicial le hemos añadido Contraste de Luminancia, oscureciendo el background e iluminando el foreground. La combinación de ambos contrastes aumenta sensiblemente la legibilidad del texto.

        Esto es un texto

        Los colores tienen unas características naturales de luminosidad. Así el turquesa o azul mar es naturalmente más claro que el rojo violáceo. Habida cuenta que son complementarios, la mezcla funciona bien y aporta suficiente contraste.

        Esto es un texto	Esto es un texto

        Sin embargo, invertir las relaciones naturales entre colores no funciona. Aportando contraste de luminancia y de saturación simultáneamente conseguimos oscurecer el turquesa y aclarar el crimson pero, aunque consiguieramos suficiente contraste para resaltar el texto (que vemos que no es el caso), la vista no se sentiría cómoda ante la mezcla.
     
     1. Los colores y el texto:
        Como acabamos de comentar usar convenientemente el contraste es especialmente importante cuando se trata de escribir texto y resaltarlo suficientemente para garantizar su legibilidad a la totalidad de nuestros usuarios.
        Pero no sólo es una cuestión de contraste. Hay combinaciones de colores que:
        • Son especialmente conflictivas para usuarios con disfunciones en la vista
        
        
        
     2. Ceguera al color:
        Hay múltiples tipos de disfunciones en la visualización de los colores, como describimos en nuestra página de los colores. Sin embargo a efectos de accesibilidad sólo necesitamos preocuparnos de los daltónicos, grupo que constituye la inmensa mayoría de los que sufren alteraciones en la percepción del color.
        Pensando en ellos, deberemos tratar de evitar siempre las combinaciones de texto en cualquiera de las variedades del verde sobre fondos rojizos, áreas con motivos en este color predominante, etc., y biceversa. Independiente de la luminosidad o saturación de los colores.