sesion 17

En esta sesión vimos lo que debemos entregar el 19 de marzo acerca de la página que analizaremos. tambien hablamos de la distribución de las cosas dentro de una página, osea el PAGE LAYOUT.
jerarquía- como se divide el contenido haciendo énfasis en lo mas importante.

• la esquina superior izquierda muestra lo más importante en este caso muestra el logotipo de apple.

•  los espacios en blanco dan sensación de orden como en la página de la universidad contemporánea.

• las fuentes deben ser congruentes en este sitio son congruentes porque el usuario al que está dirigido son niñas de 8 a 16 años me parece que esa letra es ideal para niñas.

• aveces se utilizan distintos colores y contrastes como en la página del gobierno del estado de Querétaro.

• la subordinación difiere los titulos y subtitulos para que se vea lo que es más importante como en wikipedia.

• las formas y grupo.  la página de cartoon network   la información está acomodada en cuadros para mantener un orden y separar las secciones.

• flujo visual- se refiere a que haya elementos con las características de agrupación, proximidad, similaridad,continuidad y cierra y así lograr que la página sea congruente.contra ejemplo la página de jim bradshow no tiene flujo visual porque no hay elementos con esas características.
• contraejemplo

un ejemplo de una aplicación que te va guiando paso a paso es la de la bolsa de trabajo de la uco.

 patrones de jerarquía

visual framework  que todas las páginas de un sitio tengan la misma estructura del contenido.

center stage cuando el contenido más importante está en el centro.

patrones de agrupación, 
title sections, cuando el contenido está dividido por titulos.

card stacks, cuando cada agrupación es como  una tarjeta. en telcel.com