Diseñar páginas web o asimétricas unificadas a nivel mundial que se ven bien

la teoría de diseño de páginas web, y el cuerpo más grande de diseño gráfico, es un arte complejo y en evolución. Los siguientes son algunos relacionados - y, a veces contradictorios - reglas de sitios bien diseñados:

  • sitios bien diseñados tienen un diseño global unificada y mantener la continuidad en el diseño de página en página.

  • sitios bien diseñados usan distribuciones asimétricas (desequilibradas, desiguales, y algo impredecibles) para hacer atractivo el contenido y para llevar a los visitantes a explorar el contenido.

Estos dos “reglas” son un poco en contradicción entre sí. Tiene que haber suficiente continuidad en el estilo y el diseño de página en página para que los visitantes sienten que están experimentando un sitio unificado. Sin embargo, tiene que ser lo suficientemente desequilibrio, desigualdad, y claridad para que los visitantes no se aburran.

Video: 7 pasos para crear un página web exitosa

Cómo crear un diseño web global unificada

En un diseño global, las páginas están diseñadas para que los visitantes de un sitio sienten que están navegando en un sitio unificado, no un montón de páginas desarticulados, sin coordinación. elementos de navegación y otros visitantes el contenido del sitio de ayuda mundial se comprometen con un aspecto unificado y se sienten, y encontrar fácilmente su camino alrededor.

Esta orientación global se aplica en el diseño de la página, así como en los elementos comunes (como el contenido de la cabecera, contenido de pie, y las estructuras de navegación) que aparecen en todas o la mayoría de las páginas de un sitio.

Una estructura de diseño unificado podría incluir los siguientes elementos:

  • Un elemento de diseño de la página que define el ancho de tamaño de página a 960 píxeles

  • Cabecera (a menudo con la navegación)

    Video: Curso de Diseño Web, Capitulo 1 - Etiquetas Básicas (HTML)

  • Área de contenido

    Video: Maquetación Web con Adobe Photoshop

  • Las barras laterales

  • Pie de página

La siguiente figura muestra los cinco de estos elementos en un diseño de página web.

Cómo aplicar desnivel de diseño de páginas web

En un simétrico página, el lado izquierdo y derecho de la página son más o menos iguales en anchura y prominencia. Asimétrico diseño de páginas significa diseñar páginas que se estructuran de forma desigual. Por ejemplo, un concepto básico de páginas que se divide una página en un lado izquierdo que es dos tercios de la página y un lado derecho que es un tercio de la página es asimétrica.

Mientras que las reglas están hechas para ser rotas y todo lo que, como regla general, una división de página de dos tercios / un tercio es más atractivo, interesante, dinámico y atractivo que uno que es un medio de división y la mitad (50/50) o incluso en tercios.

El dibujo en la parte superior tiene tres columnas de más o menos igual anchura- el que está en la parte inferior es más desigual. Una vez más, pasar un poco de tiempo a examinar las páginas web que te gusta. Nótese cómo la gran mayoría de ellos se dividen de forma desigual.

El principio de asimetría, o desnivel, se puede aplicar en diferentes niveles. Se puede aplicar dentro de las columnas: decir, la división de una columna en diferentes anchura sub-columnas. Se puede aplicar verticalmente - de modo que no todas las filas tienen la misma altura respecto a la otra.

Artículos Relacionados