Not Yet Rated Our Rating

Not Yet Rated Avg. User Rating

Los cambios web van a un ritmo rápido. A diferencia de otros medios de comunicación, las tendencias de diseño en la web no sólo son impulsados por la estética.

La tecnología está cambiando drásticamente y puede alterar la capacidad del medio.

En 2010, se está viendo que los diseñadores continúan empujando los límites del diseño web, creando las siguientes tendencias claras.

Diseño de impresión

Imprimir el diseño siempre ha sido una fuente de inspiración para la web. El diseño web ha existido el tiempo suficiente para ahora cultivar un fuerte núcleo de diseñadores que nunca han trabajado en la impresión. Como resultado, estamos viendo más inspirándose en la impresión, ya que estos diseñadores miran más allá de la web.

Fuentes legibles

Uno de los temas más importantes de la tipografía es la legibilidad. Imprimir diseños siempre ha favorecido la legibilidad, porque los bordes  mejoran la visibilidad y hacen letras más fáciles de reconocer.

Grandes partidas

La impresión de diseños ha estado utilizando las partidas grandes para captar la atención de las edades. El material de impresión ha tenido que ser de alto impacto si se esperaba que fuera leído en absoluto.

Esta tendencia se inició en 2009 y sólo ha crecido en popularidad. Grandes partidas han sido probadas para captar la atención y comunicarse con claridad.

Multi-Columna de diseño

Los diseñadores tienen que trabajar dentro de las limitaciones de su medio. A diferencia de la web, la impresión no ofrece ninguna opción para el desplazamiento por las dimensiones del papel. El uso de varias columnas le permite ajustar más contenido en el mismo espacio.

Ahora, con mayores resoluciones de pantalla y el cierto tiempo de diseños de red, más diseñadores se están adaptando a este método para crear sitios web fáciles de usar y de introducir más contenido.

La gran ventaja de la imagen

Una imagen vale más que mil palabras. Si bien puede ser un rato antes de una foto, tiene el mismo impacto en la web como en impresión (que tiene una resolución mucho más alta), la adopción de acceso de banda ancha ha hecho el uso grandes fotografías más factible.

Estamos viendo más sitios web que utilizan grandes imágenes de alto impacto para atraer a usuarios y crear una experiencia.

Diagramas e Infografía
Al imprimir los diseñadores han estado utilizando los gráficos para transmitir información compleja por años. Esto se ve con más frecuencia en las revistas e informes anuales.

Los gráficos pueden comunicar las complejas relaciones y proporciones de una manera que es muy difícil de hacer con texto sin formato. La infografía tiende a tener una apariencia simple pero de gran riqueza visual,  cada vez más diseñadores la están adoptando o imitando el estilo en sus diseños.

Diseños de una página

Hay dos maneras de simplificar, una muestra de una página de diseño: ocultar y eliminar.

Diseños eficaces de una página oculta de los elementos, no son una prioridad. Si un usuario quiere ver uno de estos elementos, pueden hacer clic para descubrir. Esto es mucho más eficaz que dejar todo visible, lo que haría la página complicada y abrumadora.

Del mismo modo, el principio detrás de los diseños de una página hace que las páginas adicionales sean innecesarias. Con la disponibilidad de potentes bibliotecas de Java Script y conexiones más rápidas, muchos sitios web ahora tienen poca necesidad de varias páginas. Los diseñadores pueden introducir fácilmente la información en una sola página, sin molestar al usuario con una jerarquía.

Diseños tipográficos

Considerando que que solíamos estar confinados a unas pocas “Fuentes de la seguridad web” con muy poco control sobre cómo se muestra, ahora tenemos una amplia gama de herramientas para enriquecer nuestra tipografía.

Los diseñadores web han disfrutado durante mucho tiempo usando el tipo como una herramienta para comunicar mensajes sutiles. Con un control cada vez mayor y las capacidades, estamos viendo que más diseñadores se centran en la tipografía como el elemento principal de diseño.

Técnicas CSS3

La mejora progresiva se trata de diseñar sitios web para que sean utilizables en los navegadores más antiguos, mientras que ser “mayor” para los usuarios que se comprometen a la última tecnología.

El diseño en este campo le permite tomar ventaja de las propiedades de CSS3, como esquinas redondeadas, fondos de borde y el texto y las sombras caja. Usuarios de los navegadores modernos verán la versión más agradable, y los de tecnología más antigua verá la versión básica.

Animación CSS3

La animación en la red ha pasado por muchas etapas. Inicialmente, sólo se pudo animar con archivos de imágenes GIF. Entonces, se estaba bastante limitado a Flash. Ahora, se pueden seleccionar desde Flash, Silverlight, GIF, Java Script y CSS 3, incluso animación sutil puede ser memorable y con CSS3 es ligero y fácil.

Esquinas redondeadas

La Web 2.0 al estilo de 2005 y 2006 hizo las esquinas redondeadas populares, hasta el punto de ser molesto. En ese momento, su creación fue difícil. No se establece la forma de crear esquinas redondeadas verdad. En su lugar, se simularon con CSS, JavaScript y archivos hacks de imagen.

CSS3 ahora permite generar esquinas redondeadas directamente en el navegador, haciéndolos no sólo más fácil de crear, pero también mucho más eficiente, porque el usuario no tiene que descargar imágenes adicionales o archivos JavaScript.

Los diseñadores están aprovechando cada vez más esta capacidad nueva del navegador en el 2010.

Caja y texto con Sombras

El uso de las sombras para crear una sensación de profundidad se ha hecho (y a veces se exagera) desde los primeros días de la web. Pero no siempre fue práctico. Para añadir sombras a un texto, se tenía que utilizar imágenes, que significaba un mayor tiempo de carga y de mantenimiento más difícil. Caja de sombras requiere varias imágenes y trucos CSS.

CSS3 tiene la capacidad de sombra muy personalizable, que permite una amplia gama de efectos creativos, incluyendo no sólo caída de las sombras, pero sombras interiores, también. Los diseñadores creativos ya han estado usando estos efectos CSS3 para simular tanto efectos en relieve y grabado.

RGBA y opacidad

Durante años, la colaboración entre la opacidad y la transparencia en la web era casi imposible. Usted tiene tres opciones: simular la transparencia con imágenes planas, frente a las incompatibilidades de Papua Nueva Guinea cross-browser, o la lucha de los selectores CSS básicos de transparencia y de filtros.

CSS3 ofrece a los diseñadores una mejor coherencia y la libertad en medio de la opacidad con la propiedad RGBA. Mientras que usted puede tomar ventaja de la transparencia en innumerables formas, un área que ha ayudado sobre todo es con fondos complejos cubiertos de colores semi-transparentes. Anteriormente, este efecto era poco práctico o imposible de crear sin recurrir a las imágenes PNG complejas.

Diseño Mobile compatible

La web móvil ha dado a millones de usuarios la posibilidad de verificar su cuenta bancaria mientras esperan en línea, consultar los últimos resultados en el metro y actualizar su estado de Twitter durante la conducción. (¿Cuál de estos es un hábito peligroso?) Y la Web móvil continúa creciendo rápidamente.

Hemos llegado al punto en que cada empresa tiene que considerar si su website será utilizada en el camino, y si es así cómo. Las empresas innovadoras ya han invertido mucho en las versiones móviles útiles y de fácil manejo de sus sitios web.

Creatividad

El crecimiento explosivo en el uso de los medios de comunicación social es prueba de que la gente necesita conectarse y compartir las cosas que les apasionan.

En el campo del diseño, hemos visto un importante crecimiento en el intercambio y la búsqueda de trabajo de otras personas. Como diseñadores, ahora estamos bombardeados por la creatividad de todos los demás. Esto no sólo eleva el nivel de calidad del diseño, pero alienta a compartir ideas, lo que contribuye a una cultura de la creatividad y la innovación.

Limpieza de Ilustraciones

Muchos diseñadores están aprendiendo que las ilustraciones suaves, limpias y nítidas crean una sensación distintiva que no se puede replicar con la fotografía o imagen prediseñada simple. El resultado es una amplia gama de diseños profesionales, atractivos y acogedores.

Fondos de textura

Los fondos de textura no son nada nuevo en la web. Sin embargo, esta técnica ha sido testigo de una interesante variación en los últimos meses. Me refiero a él como “micro-texturas”, que son sutiles, casi imperceptibles texturas en el fondo.

Miniaturas

Usted puede estar diciendo, “Miniaturas han existido desde los albores de la web. ¿Cómo es esto una tendencia? “Es cierto que se han utilizado siempre, pero de forma muy sencilla. Usted tendría una miniatura en la que puede hacer clic para obtener una imagen más grande. Lo hizo el trabajo, pero era aburrido.

En los últimos meses, los diseñadores han comenzado a preguntar: “¿Cómo podemos hacer miniaturas más emocionante?” Esto ha llevado a un repunte de miniaturas que son a la vez inteligentes y útiles.

Acuarela

A medida que la web evoluciona, estamos viendo más diseñadores que están inspirados por una variedad de fuentes y medios de comunicación. No es de sorprender que las bellas artes sean algunas de estas fuentes.

Uno de los estilos que ha surgido es la simulación de acuarelas. La mirada suave y elegante de este estilo es distinta y calmante.

Medios de Comunicación Social

Como la gente pasa más tiempo en Facebook que Google ahora, sin duda los diseñadores están buscando formas innovadoras de integrar los medios sociales en sus sitios web.

Algunos diseñadores han ido tan lejos como para publicar sus contenidos en las redes de medios sociales y luego usar sus sitios web para agregarlos.

Es seguro decir que a medida que avanza 2010, se va a ver más a los diseñadores tratando de encontrar formas creativas para integrar los medios sociales en sus sitios web con el fin de lograr una mayor participación de usuarios

Los elementos fijos

Ahora que los navegadores dan mayor apoyo a la posición: elemento fijo, se están viendo formas más inteligentes de utilizar las mismas.

Hay un montón de situaciones en las que una parte fija (como la navegación persistente) podría servir a los objetivos de los propietarios de negocios y que el sitio sea web más usable.

Los elementos fijos son memorables y mejoran la experiencia del usuario. Ellos tienen un sin número de usos creativos, y vamos a seguir viendo como los diseñadores se aprovechan de ellos.