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

Diseños web de hoy en día son tan fresco, que se sienten como que han tomado una respiración profunda.

A veces me imagino teniendo un diseño de página que es demasiado lleno de gente y pegarla en un globo, y luego soplar aire hasta que todo en la página le abre a dejar huecos saludables.

Su ojo necesita espacio (canalones en lenguaje error tipográfico) cosas ronda para ayudarle clara y limpiamente identificar las cosas.

En general, el más espacio en blanco mejor. Es muy raro que me veo en una página y pienso: "¡Dios mío, que realmente necesita para meter esa página un poco"

Por supuesto, "blanco" el espacio no tiene que ser blanco. Pero tiene que ser espacio!

Es genial ver a tantos diseños que utilizan márgenes de buen tamaño con elementos  de  espacio  por  sí,  y  line-height  extra  para  ayudar  a  la  lectura  en pantalla.

Mira todo este precioso espacio en blanco refrescante!

Texto grande Niza

No estoy diciendo que todo el texto en su sitio web debe ser supersize. De hecho, en algunos casos, el texto pequeño está muy bien (que tienden a tomar más cuando el texto es un poco más pequeño).

Lo que estos buenos diseños muestran es:

Hacer el texto más importante sobre la

página más grande que el texto normal

Al igual que las otras técnicas de diseño que hemos visto, funciona cuando se usa con moderación. Si todo el texto es grande, entonces ninguno de su texto es grande.

Utilice texto más grande para ayudar a sus visitantes ver rápidamente lo que la página se trata, lo que es más importante, y averiguar dónde quieren verse junto a encontrar lo que buscan.

http://webdesignfromscratch.com/web-design/current-style/

[pic 8]   Algunos tópicos

Uno de los tópicos cuando se habla de diseño de páginas web es que un simple elemento puede crear o romper el diseño de una página web. Hay que decir que aunque suene dramático es realmente un hecho. Si te preguntas que elemento podría ser tan importante, es la llamada a la acción. Ya sea que intentes crear una lista de suscriptores, vender directamente un producto o un servicio, querrás que los visitantes que tenga tu página web hagan algo. Si tienes un botón efectivo para realizar dicha acción, ellos seguirán el camino que tu elijas en tu página web, de lo contrario ninguna visitas será efectiva. Por eso es tan importante que el diseño de página web sea hecho por un profesional, tanto una página web económica como la más elitista ya que de lo contrario puede que la inversión realizada no cubra los objetivos que se pretenden.

...