sábado, 24 de abril de 2010

Sesión27 Contenido

Los blogs de los personajes de los que presentaron el Viernes son:

Raúl Barajas: pumasrugido.wordpress.com

Claudia Álvarez : rafaelizquierdofotografia.blogspot.com



Ana Paula Atienza: jcordova73.wordpress.com




Bianca Duart: fotografia-especializada.blogspot.com

María José García: jungersblog.blogspot.com


Dania Olguín: sergiososafp.blogspot.com

Sesión 27 Reflexión

Esta sesión se ocupo para la exposición de los blogs de algunos de mis compañeros del salón, además se explico la manera en la que debemos calificar:
5 de los blogs con 5 de calificación (la más alta),
5 con 4,
5 con 3
y los demás entre 1 y 2 de calificación

Las exposiciones de los blogs de mis compañeros fueron diferentes entre sí a pesar de que el personaje en algunos casos ejercía la misma profesión, como los fotógrafos; y cada uno reflejo un poco de su personalidad en ellos, lo cual los hace más atractivos.

jueves, 22 de abril de 2010

Sesión 26 Extraclase

SURFACE

Proyecto de la Nación

Tipos de Layout: Seguimos trabajando en los boceto, pero podemos escanear los bocetos del sitio como el Thumbnails  y el Roughs. El Tight Layout es el que hicimos en la Extraclase pasada. Nos Faltaría el 4 (Comp Layout)

Como cambia el sitio:

Tenemos pensado que el sitio camvie de modo CMS Back end más poderoso en el que el programador del proyecto se encargue de los cambios que se vayan teniendo.

Template Layout: lo hicimos en la extraclase pasada.

 

Nos faltaría explicar cada una de las áreas y/o espacios dentro de la página.

Sesión 26 Contenido

Lunes 26 de Abril se entrega:
Presentación- Blog del ‘’personaje’’ presentado al frente del salón
Envío digital- Documento de diseño de ‘’Blog de peronaje’’ los 2 primero planos.
Impreso y digital- Documento de del diseño del ProyectodelaNación con los 5 planos vistos (Strategy, Scope, Structure, Skeleton y Surface)

Seguimos con el plano de Esqueleto
Diferencia entre Wireframe y Layout
Wireframe: Estructura las cosas únicamente con texto, no hay imágenes (pág. 135 del libro de James Garrett)

Layout: Separa el contenido de la presentación, disposición de elementos. También abarca el Skin del sitio.

SURFACE
Tipos de Layout:
1.- Thumbnails- Boceto con texto simulado.
2.- Roughs-Boceto con texto y color.
3.- Tight Layout- Boceto ya a computadora, las cosas ya más formalizadas pero todavía dispuesto a cambios.
4.- Comp.- La presentación final de cómo quedaría ya el trabajo ya entregado.

Como cambia el sitio:
1.- Cut and Paste: Cambia la programación o contenido.
2.- Automatizados: Sigue siendo cut and paste pero lo puede hacer el cliente.
3.- CMS con Back end (la programación o lo que no puede ver el usuario) de Rol: Un ejemplo son los blogs.
4.- CMS Back end más poderoso: puede ser incluso un Framework.

Grid Layout: La composición y uso de guías para estructurar el contenido.
Comprehensive Layout: (ver número 4 de Tipos de Layout)
Template Layout: Una plantilla como el Cromp. Layout pero esta se deja incompleta con solo texto simulado, sin datos ni imágenes reales.

Al momento de hacer un Layout es importante tomar en cuenta:
1.- Congruencia: coherencia, relación lógica.
2.- Coherencia: relación de una cosa con otra.
3.- Consistencia: ser efecto de una causa.
4.- Confianza.

También que cada elemento de las páginas tengan una relación lógica entre sí clara directa y armoniosa. Además de explicar cada una de las áreas y/o espacios dentro de la página.

Sesión 26 Reflexión

Al principio de la clase se hablo sobre el viaje a México, sobre todo que nos había gustado y llamado más la atención de la 3 empresas a las que visitamos.
También hicimos un repaso de 2enfoques: estructura y esqueleto, lo cuál fue muy útil para aclarar algunas dudas. Después vimos el último plano: Surface que se enfoca más en el diseño visual del sitio.