Video

Imágenes

En esta clase se habló acerca de los programas que se utilizan para tratar las imagenes, como lo es photoshop e ilustrator.

En el siguiente enlace podrán encontrar un poco de la historia de photoshop
http://www.alegsa.com.ar/Dic/photoshop.php

Información acerca de Ilustrator http://www.aulaclic.es/illustratorcs3/t_1_1.htm 

Realizamos una práctica  que consistía en tomar una foto en google, su tamaño debería ser de 640 pixeles y luego en el programa photoshop le cambiamos el tamaño a esa imagen, colocandola en 50 pixeles.

Foto original/ tamaño 640

Foto reducida/ tamaño 50

Podemos apreciar que al reducirle el tamaño a la imagen, pierde calidad y se ve pixelada.

Luego hicimos otro ejemplo pero esta vez tomamos una foto tamaño 50 pixeles y la ampliamos a 640 pixeles, de igual manera al aumentar su tamaño la imagen se  pixela
               

            Foto ampliada a 640
 

                                                                         
                                                                 

Foto Tamaño original/  50


                                                                                          

                                        
                                

El color

Imagen tomada de  artetecnico.blogspot.com

"El color es la impresión producida al incidir en la retina los rayos luminosos difundidos o reflejados por los cuerpos. Algunos colores toman nombre de los objetos o sustancias que los representan naturalmente. Orientado al espectro solar o espectral puro, cada uno de los siete colores en que se descompone la luz blanca del sol: rojo, naranja, amarillo, verde, azul turquesa y violeta." 

http://www.fotonostra.com/grafico/teoriacolor.htm

El inicio de la teoría del color comienza con el circulo cromático, allí encontramos los colores primarios, secundarios y complementarios.

Los colores primarios son los colores básicos: amarillo, azul y rojo

Imagen tomada de jaimevillarrubia.blogspot.com

Los colores secundarios que son los que se obtienen de la unión de dos colores primarios al realizar esto se obtiene: el verde, el naranja y el morado.

Imagen tomada de jaimevillarrubia.blogspot.com

Los colores complementarios es el color que le falta al color secundario (el opuesto en el círculo cromático)

Imagen tomada de es.paperblog.com

En el uso comunicacional los colores opuestos permiten contrastar información y los colores primarios mas su secundario asocian la información. Si queremos asociar temas se debe desaturar el color  ya que se generarán más colores.  

Imagen tomada de tallergracieladiaz.blogspot.com

La paleta de colores es muy importante para un sitio web, ya que les da una identidad gráfica, el usuario podrá asociar visualmente  que es cada elemento y permite estandarizar el uso del color entre los diseñadores

Imagen tomada de wiki.pachecolopez.es

Sistema de colores utilizados por dispositivos digitales

- Colores de impresión o cuatricromía  (CMYK) Son colores “planos” al asignarles mayor o menor intensidad del 0 al 100% se crea la gama de colores

C: Cyan    M: Magenta  Y: Amarillo  K: Negro

Imagen tomada de es.wikipedia.org

- Colores de “pantalla” o de luz  (RGB)

Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios.

R: Red    G: Green       B: Blue

Imagen tomada de es.123rf.com

La Tipografía

Imagen tomada de iddeco.net

La tipografía es uno de los detalles más importantes que se tienen que tener en cuenta al momento de realizar una página web o un escrito impreso.

Se entiende por tipografía el arte o técnica de reproducir la comunicación mediante la palabra impresa, transmitir con cierta habilidad, elegancia y eficacia, las palabras.

Existe tipografía para impresión, para pantalla y el uso de la tipografía convertida en imagen.

Tipografía para impresión

Tipografía convertida en imagen

                  
Cuando se elige un diseño con un tipo de letra determinado como el color, el tamaño, la negrita; puede que en otro tipo de letra no se vea correctamente, se debe elegir la fuente tratando de que todos los sistemas operativos la tengan, si la fuente no esta en el computador del usuario el navegador mostrará las páginas con la fuente que por defecto ha definido el usuario en las preferencias de su navegador.

Imagen tomada de tiposformales.wordpress.com

El esquema más tradicional para el uso de tipos de letra es: utilizar una serif, como Times New Roman o Georgia para el texto y una sans serif, como Verdana o Arial como contraste para los titulares o viceversa

Si se quiere utilizar otro tipo de fuente para dar un tono artístico a un texto, las fuentes deben ser convertidas en imágenes.

Para obtener más información acerca de la tipografía pueden ver los siguientes link 

http://diseno.ciberaula.com/articulo/tipografia_diseno_grafico/ 

http://www.fotonostra.com/grafico/tipografia.htm.

La guerra de los navegadores

Los enlaces que se mostrarán acontinuación fueron suministrados por la profesora Milfri y en su contenido podrán ver la guerra que existió entre el navegador Nescape e Internet explorer 4, además de todo lo que hicieron sus cofundadores para llevarlos acabo. No dejen de ver este material que seguro les gustará.

Antes de ver los enlaces de la guerra de los navegadores pueden ver un poco acerca de la biografía de los siguientes personajes, que son parte fundamental de la información que se les suministrará posteriormente.

Imagen tomada del dinamo.cl

Biografia de Jim Clark  http://www.maccare.com.ar/biografia_clark.htm  

Imagen tomada de makingthemodernworld.org.uk

Biografia de Marc Andreesen  http://www.colombialink.com/01_INDEX/index_tecnologia/gurus/andreessen.html

Imagen tomada de globbtv.com

 Biografía de Bill Gate  http://www.biografiasyvidas.com/biografia/g/gates.htm

Guerra de los navegadores

- Primera parte http://www.youtube.com/watch?v=i1lCaogxCiE

- Segunda parte http://www.youtube.com/watch?v=hWaSYpSlfGY

- Tercera parte http://www.youtube.com/watch?v=Qo6XQIf3-uk&feature=related 

- Cuarta parte  http://www.youtube.com/watch?v=lgDlutKV_MQ&feature=related 

- Quinta parte http://www.youtube.com/watch?v=Lk6yAarTPhY&feature=related 

Diseño Digital

Existen tres modelos de capas para páginas web.

1.- Capa estructural

2.- Capa de comportamiento

3.- Capa de presentación

• Capa estructural: aquí se describirá la estructura del documento. Esta capa indica qué partes son títulos, qué partes son párrafos, qué partes son imágenes, como va a ser y las páginas que tendrán relación.        

• Capa de comportamiento: esta capa es la que permite interactividad entre las páginas web y los usuarios. Se relaciona con la navegación como me voy a desplazar en la página etc. Ejemplo: en el siguiente enlace http://www.mipunto.com/  se puede apreciar esta capa en la manera en la que el usuario se relacionará con la misma, también se aprecia en los banners de publicidad en la parte superior.

      

• Capa de presentación: en ella se define la apariencia de la página web. Es lo que veo. El tipo de fuente, los colores, al distribución de los elementos.  Ejemplo: pueden visitar este enlace http://www.rctv.net/ y apreciar todos los elementos de la capa de presentación.

La Usabilidad y la Interfaz

La usabilidad se puede definir como la medida en la cual un producto puede ser utilizado por usuarios específicos, para conseguir objetivos determinados con efectividad, eficiencia y satisfacción en un contexto de uso especificado.

Es importante tener una idea de las características de los usuarios y de los aspectos del producto de mayor interés y necesidad, antes de iniciar el proyecto.

En este enlace http://www.guiaweb.gob.cl/guia-v2/capitulos/05/usabilidad.htm podrán encontrar información acerca de la usabilidad, características y sus principales autores.

La Interfaz en la red, no es solamente  el programa que se ve en la pantalla. Desde el momento que el usuario teclea una URL, comienza a interactuar con el producto y por lo tanto, comienza su experiencia.

Imagen tomada de misnoticiasdetecnologia.com

Aunque se tenga el mejor sistema o una excelente herramienta son inútiles si el usuario no puede  interactuar con ellos, muchas veces es difícil encontrar lo que buscan o no saben como hacerlo, esta situación es el resultado de una mala interfaz, que de alguna manera genera un problema de usabilidad.

Al momento de realizar un sitio web debe ser atractivo, además de novedoso, comprensible y de fácil acceso para los usuarios para que de esta manera pueda encontrar lo que desea de una manera más rápida.

Los diseñadores de los sitios web a la hora de realizar sus trabajos deben tener muy presente a los usuarios, ya que ellos son los que van a interactuar y a navegar y necesitan un mejor y fácil acceso a la información.