Elementos a contemplar en un sitio web

Martes 17 de noviembre de 2009


Se expusó en clase el tema correspondiente a definiendo un buen diseño
Libro "los principios de "The principles of beatiful web design", los principios de
El diseño siempre se agredece, pero no es nada sin contenidos
El suuario debe moverse libremente en sitio, la navegabilidad es un factos irmportannte en el diseño
El suuario pueda reconocer cada página como perteneciente al sitio.
Anato,´ña de una pagina, elementos:
Logo, menus, titulares, frases que representan al sitio, contenido, espacio en blanco, footer (pie de página, guarda información pertenecientes al sitio, crèditos, copyrigh
Fold: refrencia metaforica a la notas cortas final de un periódico, un elemento importante por usabilidad, link a secciones en específico.

TEORIA DE LA REJILLA

Manejo de proporciones.

Sirve para ubicar elementos dentro de un espacio, todos los programas de diseño lo tienen, y contienen las proporciones de un elemento.

Divide en líneas proporcionales el espacio que se tienen, lo que se obtiene son proporciones que sirven para el diseño.

"DIVINA DE PROPORCIÓN", un número que dice que todos los pedacitos, tiene esa proporción, de manera que lo único que se tiene que hacer es ubicar elementos de acuerdo al area en donde se encontrarían los elementos.

Ofrecer plantillas de diseño, no se reiventa, lo único que se hace es una reorganización de los msimso elementos en otras proporciones.

1. Crear una cuadricula.
2. Distribuir los elementos en la cuadricula.

Dividir el área en tres porciones y luego definir una que sea parte de otra área, así se optiene proporciones que son coherente en cualquier diseño, da que el resultado sea agradable.


BALANCE

¿Que aspectos hay que contemplar para distribuir los elementos en las rejillas?

El balance visual es similar al balance físico, los objetos tienen peso.

Balance simétrico: es pràcticamente proporcionados en cuanto a tamaño, al hablar de este se basa en un eje, se obtiene una fígura simetrica, a través de un eje, la proporcuón es identica de ambos lados.

Simetría horizontal: que coincidia en proporción horizontal
Simetría bilateral: combinaciòn del horizontal y vertical.
Simetría radial: Proporcion con respecto de un punto al centro, elementos en distribución alrededor de un punto.


Balance asimètrico. Marco que engloba los textos, proporción que se encuentra implica leemntos de diferente tamaño, textura, tono, forma o ubicación. Aùn copn la diferencia de proporción debe estar balanceada, diferencia de cambio, tamaño y color, con una de estas ya se trata de balance simetrico.

¿Cómo balanceamos?

Nota: La simetría pasa de manera menos visible que algo que es asimetrico, de tal manera que la asimetría es más notoria.

UNIDAD

Es otro aspecto a contemplar, de tal manera que los elementos mantienen forma colar, la proximidad hace que un grupo de objetos de vean como uno solo, colocarlos de manera más proxima.

Efecto de Proximidad: Son aspectos no consientes del observador.

Repetición: al repetirlo un elemento causa unidad, la falta de ello, aislamiento.

Elementos, color y efectos.

Énfasis: Cuando se desea que algo llame en aternciòn con respecto al resto, por lo tanto, un elemento en particular llame la atenciòn del observador.

Ubicación: Para que la atención del usuario vaya ahi
y continuidad: en donde se espera que se siga despúes.

"La proximidad produce unidad, mientras que el aislamiento produce enfàsis."

Contraste: no es diferente pero contrasta por que es diferente es contrario de lo que hay en el escenario.

Proporción: El tamaño de un elemento en el cual su tamaño y su forma sea irreal a lo normal, llamaría la atención, más que en otro.