DISEÑO WEB. Los servicios y herramientas web basadas en software social tienen al usuario como el principal protagonista para crear, revisar, distribuir, comunicar y compartir de forma colaborativa contenidos digitales

[pic 1][pic 2]

[pic 3]

[pic 4]

[pic 5]

[pic 6]   DISEÑO WEB

Los servicios y herramientas web basadas en software social tienen al usuario como el principal protagonista para crear, revisar, distribuir, comunicar y compartir de forma colaborativa contenidos digitales. Esta característica es clave para generar un modelo educativo colaborativo centrado en el estudiante, innovar mediante procesos y prácticas educativas abiertas, y en general para llegar a una educación inclusiva.

La característica clave de diseño web moderno es la simplicidad.

Me  alegra  decir  que  el  diseño  web  es  hoy  mejor  que  nunca  -  y  a  seguir mejorando. Eso no es sólo porque hay más sitios web por ahí, por lo que más cosas buenas a la vista. Todavía hay un montón de porquería también. Sólo creo que más diseñadores web saben más acerca de cómo diseñar que nunca.

Características comunes

Los grandes sitios por encima de la cuota de las siguientes características de diseño:

• Diseño simple
• Orientación Centrado
• Diseñar el contenido, no la página
• Efectos 3D, que se utiliza con moderación
• Colores de fondo neutros suaves
• Color fuerte, se usa con moderación
• Iconos lindos, usados con moderación
• Un montón de espacio en blanco
• Texto grande Niza

Echemos un vistazo a estas características, uno por uno.

Diseño simple

Se siente como que estamos viendo más simples de 1 y 2 columnas diseños que en años anteriores.

La sensación general que se obtiene es que los diseñadores suelen coincidir en que las páginas simples funcionan mejor.

Estas páginas leídas de una manera directa, de arriba abajo, y que no encuentran su ojo saltar por ahí tratando de  averiguar qué  mirar. Es una experiencia de navegación mucho más tranquilo y más sólido que en tiempos pasado

Orientación Centrado

La otra cosa que notas sobre todas las selecciones calientes anterior es que todos están dispuestas en torno a un eje central.

Mientras que hace un par de años, que iba a encontrar una gran cantidad de diseños de líquidos y diseños de ancho fijo alineado a la izquierda, el contenido de hoy va en el centro de la pantalla.

[pic 7]

Diseños orientados Izquierda-son mucho menos comunes de lo que solían ser. También, líquido (ancho completo) diseños son menos populares.

La sabiduría siempre ha sido que debemos tratar de obtener la mayor información "sobre   el   doblez"   (es   decir,   visible   en   la   pantalla   sin   necesidad   de desplazarse). Diseños líquidos logra esto.

Sin embargo, hoy parece que estamos más cómodos con el desplazamiento, y estamos dispuestos a soportar el desplazamiento de los beneficios de un mayor espacio en blanco y altura de la línea.

Diseñar el contenido, no la página

Los buenos diseños web modernos ponen menos energía en el diseño de la página de fondo - las características de la lona y páginas permanentes - y más bien se centran en el diseño del contenido en sí.

Este es uno de los temas centrales de Save the Pixel, mi libro sobre el arte de diseño web simple.

Vemos los efectos en:

• Freer, menos en caja en diseños de página
• Página retroceso "muebles" más simple más suave
• De color y 3D efectos fuertes utilizan para llamar la atención sobre el contenido en sí, incluyendo la marca principal
• La atención se centra en hacer que el tema del sitio se ven bien, en lugar de hacer que el diseñador de páginas web se ven bien (que es mejor para el diseñador en el largo plazo!

¿Por qué centro-alinear?

Me gusta centro-alineación, y he estado tendiendo a usarlo en mis diseños por un tiempo.

Cuando  el  contenido se  encuentra  en  el  centro  de  la  pantalla, se  siente por adelantado y confianza.

También  da  una  sensación  de simplicidad y equilibrio,  lo  que  refleja  la tendencia a limpio, más zen, diseño.

Los diseños centrados más comunes son o bien de ancho fijo (es decir, el ancho maestría en píxeles o porcentaje) o, a veces un zoom ancho (es decir, el ancho maestría en ems, por ejemplo  Previsión Advisor). El beneficio de la restricción de la anchura del contenido (en particular con zoom de ancho, que cambia de tamaño a medida que cambia tamaño de fuente) es que la longitud de la línea-se impide que se vuelva demasiado largo en pantallas más grandes. (Muy largas líneas de texto son menos eficientes.)

Sin  embargo,  también  es  posible  tener  un diseño  líquido  con  un  centro de orientación, ya que el  sitio alternativo tienda Energía muestra.

En este sitio, simplemente centrar el logo trae el amistoso, orientado hacia delante sensación del sitio centrada, al obtener una gran cantidad de contenido visible en la pantalla.

Efectos 3D, que se utiliza con moderación

Cada  una  de  las  bellezas  utiliza  gradientes  sutilmente,  ya  sea  para  dar  una  ligera redondez bares, para crear una sensación suave de espacio en el fondo, o para hacer un icono se destaca con gofrado y deserción sombras sutiles.

Reflexiones y fundidos son muy frecuentes. Drop-sombras todavía se utilizan, pero con cuidado.

Colores de fondo neutros suaves

Todas las bellezas tienen un fondo liso, las más populares son fundidas en blanco y en escala de grises. Estos dan una base neutra suave fresco, contra la que se puede flashear color fuerte para atraer la mirada.

Color fuerte, se usa con moderación

Un fondo suave, elegante es la base perfecta para la adición de características llamativas. Los colores fuertes y constrast tonal son grandes para dibujar el ojo a los elementos más importantes en la página.

Iconos lindos, usados con moderación

Hay un tema aquí: No utilice demasiados atractivos elementos en la misma vista de la página (es decir, que hace un llamamiento a la vista y llama la atención del usuario.

Al igual que con fuerte color y efectos 3D, iconos atractivos y botones pueden añadir ese toque de esmalte para ayudar a dar una página una sensación de alta calidad. Pero usado demasiado, van a tener el efecto contrario, que saturan la página y confundir al usuario.

Un montón de espacio en blanco

...