Página inicial de Imaginas Página inicial de Imaginas
 
 
     
arquitectura de la información
 
Galería de diseño > navegación > división de las áreas de la página
     
 

pero que es...

 
  galería de diseño  
  columnas  
  bibliografía  
  esquemas y figuras  
     
     
     
     
     
     
 

División de las distintas áreas o bloques de información de la página utilizando:

 

  • Espacio en blanco:

    En Kpmg se crean las áreas mediante el espacio en blanco y la alineación del texto a la derecha del margen, en el caso de la barra de navegación izquierda, y mediante una línea gris y la alineación a la izquierda del texto, en las noticias de la derecha.

    Utilizar texto en blanco para separar las áreas alivia visualmente el aspecto de la página, permite descansar la vista y organizar racionalmente los contenidos. Aporta una sensación de continuidad en el espacio observado a la vez que una impresión de ligereza. Por otro lado otorga una conexión visual entre los elementos que se perciben como similares y relacionados (principio de la proximidad de la Gestalt).

División de las áreas de la página utilizando el espacio en blanco

 

  • Esquemas de color:

    National Geographic utiliza una gradación de diferentes colores poco saturados para marcar la barra de navegación izquierda y los enlaces relacionados en la columna de la derecha. El color separa visualmente cada bloque de información marcando la retícula subyacente. Otorga consistencia y armonía al diseño y agrupa los contenidos y elementos de diseño afines.

 

División de las áreas mediante esquemas de color

 

  • Líneas y cuadros divisorios: Mediante el empleo de líneas de separación y cuadros El País agrupa los contenidos y marca las distintas zonas de la página (navegación, contenidos y enlaces secundarios y novedades en la columna de la derecha). Las líneas marcan explícitamente el diseño de la cuadrícula y separan los distintos bloques de información. Se juega con los colores para marcar los enlaces en el cuerpo principal de la página y los diferentes tamaños de letra descendentes para dirigir la atención hacia unos contenidos u otros y marcar la mayor o menor importancia de la misma. El diseño de la web está fuertemente marcado por los principios de diseño del mundo de la prensa impresa.

 

División de las áreas de la página mediante líneas y cuadros divisorios

 


 
     
Volver arriba de la página
Pie de página
© Francisco Tosete Herranz 2003, Madrid, Spain. tosete@imaginas.net No se permite la reproducción y/o difusión de los contenidos de esta sede web sin consentimiento explícito del autor. http://www.imaginas.net