Retícula de diseño web

paginagutemberg.jpg

El diseño editorial, tiene su muy peculiar historia (que después contaremos), y ahora con los medios digitales, el diseño editorial toma un nuevo medio de publicación: el diseño de páginas web, al hablar de la palabra “página“, este concepto tiene sus propios fundamentos y premisas de diseño editorial; pero ahora al parecer con las “páginas” web el medio y el soporte cambian, ya no es el papel el que marca la pauta, ya no hay líneas de corte, tamaños de pliegos a conciderar según el tamaño final del libro, etc, todo eso ya no existe en el diseño editorial digital(me refiero a publicaciones no soportadas en web como revistas digitales tales como encarta etc), y web; para eso hay otras bases: formato digital web: html, y codificación para el diseño: CSS; ahora en ves de pliegos etc, un factor a conciderar es la resolución y tamaño de los monitores.

Por otra parte doy gracias al cielo que hubo y hay alguien que se tomara la libertad de hacer y brindarnos retículas para todo diseñador profesional web; CarlosLepoldo.com postea recursos sobre las retículas, también conocidas como Grid(inglés), Grilla.:

phiculator.jpg

Recursos de retícula para diseño web.

  • Design by Grid una de tantas galerías de sitios hechos con CSS pero enfocada más a los sitios que respetan el diseño con grilla aquí lo reseñan.
  • Grid Calculator es una herramienta que nos crea una retícula basada en un tamaño de la letra, el número de columnas, el ancho de la columna y el ancho de canal.
  • Grid Generator se trata de un generador de cuadrículas para guiarnos a la hora de diseñar, la cuadrícula generada es un archivo PNG descargable.
  • Phiculator esto es simplemente una calculadora de secciones áureas Φ además la puedes descargar para Windows, Mac o en un SWF de Flash.
  • Grid se trata de una imagen genérica que sirve cómo guía para la mayoría de los diseños web, creada por Cameron Moll.

fuente: CarlosLeopoldo.com

Anuncios

3 pensamientos en “Retícula de diseño web

  1. Gracias bro, andaba buscando información sobre las aplicaciones de la teoría del diseño editorial en web y aunque no hay mucha información aquí me enamoré del Phiculator, gracias 😀

  2. Pingback: Los números de 2010 | Jenson MX

Responder a Jean Cancelar respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s