You are on page 1of 2

Tamao y resolucin de un sitio Web

Disear una Web no es lo mismo que disear para medios impresos ya que debes tener en cuenta ciertos factores
que se dan en la Web:

1- Tamao
En medios impresos tenemos tamaos estndar para realizar nuestros diseos (por ejemplo: un afiche podra ser
de 25x35 cms, 50x35 cms 30x45 cms) Pero en diseo Web debemos tener en cuenta el tamao del monitor y
la resolucin ya que no todos son iguales, unos son mas pequeos otros mas grandes y nuestro objetivo es que
cada una de las pginas Web se vean correctamente.
La solucin a este inconveniente es disear al tamao menor que tenga la mayora de usuarios. Entonces las
personas que usan monitores pequeos (17 o 19 pulgadas) y una resolucin de 1024x768 pxeles, podrn ver
nuestro sitio Web sin problemas. Pero y qu pasa con las personas que tienen un monitor y resolucin ms
grande?, no pasa nada, simplemente vern ms espacio en blanco, pero personalmente me gusta aprovechar
este espacio con el diseo de la pgina, mira este ejemplo:

Monitor 17 pulgadas

Monitor 20 pulgadas

1024 x 768 pxeles

1600 x 900 pxeles

900 pxeles

900 pxeles

Espacio vaco

En este caso el usuario puede ver bien el ancho


del contenido (900 px), lo nico es que no visualiza
parte del diseo del fondo (las onda de amarillo y
naranja que sale del logo) pero no tiene mayor
importancia, lo realmente importante es que
visualice los contenidos del sitio Web.

Espacio vaco

Y para este caso sucede que el usuario tiene un monitor y resolucin mas
grande, igual el visualiza el contenido que es lo que realmente importa, pero le
sobra espacio que podemos aprovechar con diseo y no dejndolo en blanco.

Todos los derechos reservados. CursosVirtuales.com.co es un proyecto de nigma.com.co


Se prohbe la reproduccin total o parcial de diseo, logotipos, imgenes, fotografas e informacin
en general de este documento.

Entonces teniendo en cuenta que la mayora de usuarios tiene una resolucin de 1024 pxeles el ancho mximo
recomendado es de 900 pxeles (el alto si ya depende del contenido, por lo general utilizo de 600 px a 800px de
alto) Si tu pagina va a incluir un fondo fuera de los 900 pxeles debes tenerlo en cuenta a la hora de crear el
documento nuevo. En el caso del sitio Web de ejemplo de "La Chispa al Rojo" cre el documento de 1600 x 900
px para poder disear el fondo que vern los usuarios que tengan una resolucin mayor a 1024 pxeles de ancho.

2- Resolucin
Al momento de crear un documento nuevo en el programa de diseo ya sea Illustrator o Photoshop debemos
insertar en resolucin 72, ya que esta es la resolucin estndar de la mayora de monitores y si colocamos una
resolucin mas grande lo que va a pasar es que la pgina se va a ver mas grande de lo normal o si le colocamos
una resolucin menor se va a ver pequea. El modo de color siempre debe ser a RGB ya que este es el utilizado
por los monitores.

Todos los derechos reservados. CursosVirtuales.com.co es un proyecto de nigma.com.co


Se prohbe la reproduccin total o parcial de diseo, logotipos, imgenes, fotografas e informacin
en general de este documento.