Diseño de páginas WEB

Diseño de páginas Web

4 aspectos a considerar:

1) resolución de monitores:

•  600 x 800px, 1024 x 768, 1280 x 960 (es importante conocer el tamaño de las pantallas y el navegador para que la página quede bien).

2) Navegadores

3) velocidad de conexión (módem y banda ancha) 

4) Uso de Plug Ins

Aspectos de imágen y de comunicación visual:

• tipografía: La lectura en la pantalla no es igual que en una impresión. En el monitor se cansa mucho la vista entonces hay que poner el máximo de información con el mínimo de fatiga.                                                a)Es importante trabajar con tipografía sin patines                                                                          b) hay tipografías especiales para la web com Georgia o Verdana.               

• Color e imagen en la web:                                                               

a) GIF: es recomendable para imágenes con un área de color homogénea y sin texturas complejas. 

b) JPG: comprime mucho la imágen (hasta 100 veces más pequeña)     utilizado en gráficos con textura, es el más comunmente utilizado. (formato de visualización, no para imprimir)

c) PNG: especialmente para desempeño en la WEB, mismas cualidades y sistema de compresión del formato GIF.

(aún está en mejoramiento, sigue siendo incompatible con varios navegadores)

• Sonido:

* No se debe usar cualquier formato. Hay 4 opciones:

a) MIDI: derivación de música sintetizada, se traslada digitalmente, pesa poco convirtiéndolo en una buena opción. Sin embargo no es 100% compatible.

b) AIFF: diseñados para Mac (no compatible con PC) pesa bastante

c) WAV: provee una gran cantidad en los archivos,compatible sólo con Windows. 

d) MP3: revolución en cuanto a calidad y comprensión de los archivos, compatible con todos los sistemas operativos.

• Formas de composición:

a) composición Radial: manera en que se acomodan los elementos en la pantalla alrededor de un punto central. Elementos van de menor a mayor 

b) composición axial: el equilibrio visual está presente, caracterizado por le uso e uno o varios ejes de composición que equilibran el diseño.

c) composición simétrica: se logra variando elementos y posiciones de manera que se equilibren los pesos. Todo es un msj, no hay un centro

d) composición espiral: elementos del diseño dan vueltas respecto a la axialidad de un eje.

11 mandamientos del diseño WEB:

 

LINK video:

11 mandamientos del diseño web

• Navegabilidad: (cómo acomodas los botones para la comprensión del usuario)

• diagramación lineal: una serie de pasos para llegar al destino.
• diagramación dinámica (tipo telaraña, puedes explorar cómo quieras)

• Las composiciones tienen que ser "armónicos" están diseñados en sección aurea.

como este ejemplo de Twitter.

Las páginas están divididas en "canales" lo equivalente a las secciones de una revista. 

• siempre debe de haber un "HOME" (donde está toda la información) puede o no haber una página de bienvenida, ya sea una animación o música.
• ¿quiénes somos y qué hacemos?
• el producto
• diferentes variables de nuestros productos.