Mes: abril, 2009

La retícula en el diseño gráfico

¿Qué es la retícula?

La retícula (Grid en inglés), es una herramienta muy útil que nos puede asegurar mayor equilibrio en nuestra composición al momento de diseñar.

Es una estructura en dos dimensiones hecha de líneas verticales y horizontales utilizada para estructurar el contenido, sirve como una armazón para organizar textos, imágenes o videos de una forma racional y fácil de visualizar.

Los orígenes de la retícula

Sus orígenes se remontan a los pintores antiguos, los cuales se basaban en la proporción divina o áurea, pasaron varias siglos para que se evolucionara en el tema formalmente, sólo hasta después de la segunda guerra mundial se empezaron a utilizar retículas, uno de los trabajos más interesantes sobre el tema es el del diseñador suizo Müller-Brockmann con su libro Grid systems in graphic design el cual ayudó apropagar el uso de la retícula primero en Europa y luego en Norte América.

A mediados de los años 70′s la enseñanza de las retículas se volvió estándar en Europa, Norte América y Latinoamerica, en los años 80 se creó un movimiento en contra de la retícula porque pensaban que limitaba a los diseñadores y su creatividad, lo veían como una camisa de fuerza de la cual querían liberarse.

El nuevo uso de la retícula

Actualmente muchos diseñadores web, han tenido un renovado interés por las retículas y su implementación en diseños en html y css.

Artículos Relacionados

Teoría

Herramientas y recursos

Fotografías con proyección estereográfica

Las siguientes fotografías utilizan una técnica que se llama proyección estereográfica (stereographic projection), es algo así como proyectar una imagen plana en una esferea, es un efecto interesante el cual he visto ultimamente en varios sitios web.

Esto se logra con algunos lentes especiales llamados ojos de pescado (eyefish), si quieren ver más lo pueden hacer en este grupo de flickr: Stereographics (Small planets or ultra-wide fisheye)







































50 ejemplos de buenas infografías

A continuación podrán encontrar 50 ejemplos de infografías de muy buena calidad, ver el artículo completo publicado por Francesco Mugnai

Eliminar index.php de las urls en WordPress

Hola, quiero compartir un truco para WordPress, por defecto tenemos urls en WordPress de la siguiente forma index.php/nombre de la página, para evitar esto si tenemos nuestro sitio web en un hosting que tenga servidor Apache, debemos incluir el siguiente código en el archivo .htaccess en la raíz de nuestro sitio.En caso de no tener este este archivo lo podemos crear con el bloc de notas y lo grabamos como .htacces


RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

¿Qué es el .htaccess?

El .htaccess es un archivo de texto oculto que contiene una serie de directivas para el servidor Apache. Cuando un cliente solicita un archivo al servidor, este busca desde el directorio raíz hasta el subdirectorio que contiene el archivo solicitado el archivo .htaccess y tiene en cuenta estas reglas antes de proceder con la petición, es decir, se aplican las normas especificadas al directorio en el que se encuentre .htaccess y los directorios por debajo de él.

Video stop motion with wolf and pig

Video creado por Takeuchi Taijin (Dokugyunyu) utilizando la técnica de stop motion, me parece muy creativo y muy desocupado, ojalá hubieran más personas desocupadas como esta.

Iframe de altura variable

Me encontré este script realmente útil al momento de necesitar cargar iframes en una misma página con altura variable, aunque usar iframes no es una práctica muy estandar a veces nos topamos con sitios que los usan.

¿Cómo usarlo?: Sólo se debe copiar este código entro de la etiqueta <head></head> del documento y cambiar en el código la variable: var iframeids=["elnombredemiframe"] y reemplazar "elnombredemiframe" por nombre del iframe que queramos que sea variable.


Este es el código html con el id del iframe:


Historia del diseño gráfico – La Bauhaus

Primera entrega de la que espero sean varias reseñas sobre movimientos y escuelas del diseño gráfico.

Deicidí empezar con la Bauhaus por su influencia e ideales de unir el arte con los objetos cotidianos y la artesanía.



Estampilla conmemorativa de la Bauhaus

Famoso diseño de silla por Marcel Breuer, 1925/26

Museo Bauhaus en Berlín, construcción basada en los dibujos de Walter Gropius

Prototipo de un Adler realizado por Walter Gropius, primer administrador de la Bauhaus

Estampilla conmemorativa para el artista y profesor de la Bauhaus Moholy-Nagy.

Diseño tipográfico por Herbert Bayer

Alfabeto universal de Herbert Bayer, profesor y diseñador gráfico de la Bauhaus

diseño para bolsa plástica Bauhaus

Portada de catálogo, diseñada por Herbert Bayer. Archivos de la Bauhaus

Pueden ver más fotos de la galería en flickr de donde saqué las fotos: Galería de Alki1

Conferencia Usabilidad – Don Norman

Conferencia sobre usabilidad (en inglés) sobre uno de los personajes que más sabe del tema: Don Norman , hace parte con Jakob Nielsen del Nielsen Norman Group una firma de consultoría sobre usabilidad,  son dos de los más grandes referentes de la usabilidad y el diseño de interfaces centrados en el usuario.


Don Norman | UX Week 2008 | Adaptive Path from Adaptive Path on Vimeo.

namechk – Disponibilidad de nombre de usuario en redes sociales

Esta herramienta nos permite verificar si está disponible un nombre de usuario en decenas de redes sociales como Facebook, Flickr, Last.fm, Twitter, Digg y muchas más.

http://namechk.com/

Video Taste of Surimi

Animación sobre "El sabor del Surimi", video experimental sobre que hay detrás de un paquete de Surimi, el Surimi es una especie de comida japonesa empacada, es como una masa de pescado con diversas formas, no suena tan delicioso pero este video si lo es.

http://www.tasteofsurimi.com/


TASTE OF SURIMI from SURIMI TEAM on Vimeo.

Macromedios es el portafolio y blog de Mauricio Hernández un diseñador gráfico con pasión por el diseño web, la usabilidad y la experiencia de usuario.

Mi vida online

Mis Tweets