Las principales tendencias de diseño web que se aplican en el borde animado
Video: Tendencias Diseño WEB 2016
Mediante el uso de Adobe Edge Animate, puede crear todas las tendencias de diseño enumerados aquí. Las tendencias de diseño web que aquí se presentan, en su mayor parte, representan no sólo las nuevas técnicas de codificación, sino también nuevas formas para su público para interactuar con su sitio en la participación maneras. Al captar la atención de su audiencia y obtener de ellos intrigado en su diseño web, usted está bien en su camino a retener esa audiencia.
Más imágenes y la ilustración
¿Está cansado y aburrido de mirar un muro de texto? Son todas aquellas pequeñas imágenes e iconos empezando a verse un poco anticuado? ¿Tiene un color de fondo sólido hacen bostezar? Si se siente de esa manera, hay una buena probabilidad de que su audiencia se siente de la misma manera.
Video: Tendencias en diseño web
La adición de más imágenes e ilustraciones para su sitio puede mejorar en gran medida su diseño web. Para hacer que su sitio un aspecto más actual, añadir una imagen de fondo sutil en lugar de utilizar un fondo blanco, gris o negro.
Se pueden importar fácilmente imágenes para su uso con la composición Animate y cómo trabajar con ellos. Descubre cómo usar las imágenes en el fondo y la diferencia entre el uso de una etiqueta div y una etiqueta img de las imágenes. Puede configurar presets de disposición para sus imágenes.
El desplazamiento horizontal
La creación de diseños web con desplazamiento horizontal podría tomar un poco de coraje - que rara vez se ha hecho - pero eso no significa que no se ha hecho antes y con gran efecto. Una búsqueda simple de la tela para “grandes sitios web horizontales” no te dejará decepcionado. Se pueden encontrar muchos ejemplos de grandes sitios de arte, galerías y sitios creativos que utilizan el desplazamiento horizontal con gran efecto.
Si bien este tipo de navegación es todavía relativamente nuevo, mediante la creación de un sitio de esta manera se podría colocar a sí mismo en la cabeza de la manada en términos de diseño de páginas web de moda.
Desplazamiento vertical
Justo lo contrario de desplazamiento horizontal es el desplazamiento vertical. Mientras se desplaza verticalmente ha habido una tendencia de diseño web popular durante muchos años, en el último año o dos se ha exagerado mucho.
Muchos sitios utilizan una técnica de desplazamiento vertical sin fin que mantiene al público en la página. Este estilo de presentación sin fin está diseñado para mantener la atención del público en una continua búsqueda de más contenido.
encabezados fijos
Si decide diseñar una página web animada utilizando el método de desplazamiento vertical sin fin, entonces es posible que desee pensar en añadir una cabecera fija a su sitio. Una cabecera fija es un menú de navegación que se apoya en la parte superior de la página y sigue siendo visible como los rollos de la audiencia final de la página.
Esta característica permite a su audiencia para navegar rápidamente desde donde están a una sección diferente de su sitio - y saber siempre donde están.
Una cabecera fija es una conveniencia a su público puede apreciar, ya que no tienen que desplazarse hasta el fondo hasta la parte superior de la página para encontrar el menú. Características que mantienen la comodidad del usuario en cuenta también mantendrán su público en su sitio por períodos más largos de tiempo.
navegación creativa
Conseguir creativo con su navegación es perfectamente complementaria a la utilización de más ilustraciones e imágenes en sus diseños web. En lugar de un menú de texto básico, utilizar imágenes para denotar un enlace. Después de que los usuarios aprenden que pueden hacer clic en las imágenes para avanzar a través de su sitio, se convertirán en más cómodo con la búsqueda de enlaces en lugares inusuales en su sitio.
Este tipo de interacción se abre la oportunidad de crear huevos de Pascua dentro de su sitio. Un huevo de Pascua, en este contexto, representa el contenido aparentemente oculta que puede sorprender y emocionar a su público cuando tropiezan a través de ella.
Una gran manera de mostrar a su audiencia que una imagen o un icono es un enlace, es utilizar la función de atributo del cursor en Animate. Cuando su público pasa el puntero del ratón sobre una imagen vinculada, el cursor puede cambiar de un puntero a un lado, lo que indica un enlace.
Cuentacuentos
Todo el mundo ama a una historia atractiva. Así que, por qué no diseñar un sitio o una animación que le dice a su audiencia una historia atractiva? En lugar de crear un sitio web básico restaurante que presenta sólo imágenes de la comida y las descripciones de los ingredientes, por qué no crear una historia de fondo de fantasía?
Además de una lista de sus mejores platos como localmente orgánica, criado en granja, la bondad sostenible, por qué no añadir una historia sobre la pareja que obtuvo comprometida entre el plato principal y el postre? Se podría añadir una animación de una caída de anillo en una copa de champán, con el aumento de las burbujas.
Los visitantes del sitio pueden haber llegado a su sitio restaurante buscando una buena comida, pero van a quedarse para aprender más acerca de lo que sucede en las otras mesas. animaciones sitio web contar historias no sólo mejoran la presentación, que pueden conectar con las experiencias de vida de los visitantes.
Navegación dentro de una página
sitios web de una sola página - una vez conocido como sitios folleto - están haciendo una reaparición. Al mantener su audiencia en una sola página que puede tomar la apariencia de varias páginas diferentes, usted puede tomar ventaja de la tendencia de desplazamiento.
En lugar de hacer clic en torno a diferentes páginas en un intento de encontrar algo, en lugar de su audiencia puede desplazarse a través de su sitio a medida que avanzan a través de su contenido. Los enlaces que sirven como imágenes también pueden ayudar a su audiencia saltar directamente a puntos específicos en el sitio cuando saben lo que quieren - al mismo tiempo participar a alguien que está en busca casualmente.
Mediante la creación de un sitio como se describe en esta sección, usted está realmente tomando ventaja de algunas tendencias de diseño web actual: el desplazamiento de la información, el uso de más imágenes, y la aplicación de navegación creativa ..
Al alejarse de Flash
Adobe Flash fue una vez la ola del futuro, pero esa ola se ha estrellado en la playa y una nueva ola está rodando. ¿Dónde flash solía ser la principal herramienta para crear animaciones y sitios web, el apogeo de esa herramienta ha ido y venido.
Adobe Edge Animate podría no ser muy listo para reemplazar por completo Flash, pero es en su camino hacia el logro de eso. Después de todo, no se puede ver Flash en i-dispositivos como iPhones y iPads, y que quiere crear contenido que aparece roto en algunos de los dispositivos móviles más populares en todo?
HTML5, CSS3 y javascript
El mundo del diseño web y técnicas de codificación está en constante evolución. La gran tendencia en código es HTML5 y CSS3, que sólo van a ser cada vez más arraigada en la web-o-esfera. Google Chrome está liderando la carga, la aplicación de las normas más recientes - con Firefox y Safari justo al lado.
Luego está Internet Explorer - actualmente un poco tarde a aparecer en la fiesta - pero Microsoft está haciendo grandes avances en la actualización de su navegador para mantener el ritmo.
Salvaguardar la animación aparezca roto en versiones antiguas de Internet Explorer mediante la Etapa de nivel inferior y las diferentes opciones de publicación web que Edge Animate ofrece. En estos aspectos, simplemente usando Adobe Edge Animate se podría considerar un diseño en sí tendencia web!
Diseño web adaptable
diseño web adaptable (RWD) es la última moda en estos días. El concepto detrás de RWD es diseñar un sitio para su uso en cualquier número de dispositivos, desde los monitores de escritorio para tabletas a los teléfonos. Mientras que los diseñadores web pueden ser divididos sobre la conveniencia de crear un sitio móvil por separado de un sitio de escritorio, o para crear un único sitio que puede responder a tamaño del navegador, la tendencia se está inclinando al campo receptivo.
La razón de esto es bastante simple, mediante la creación de un sitio sensible, que no tiene que mantener la actualización de dos sitios diferentes. Creación de un puntos de tracción trasera en la dirección de la futuro- las técnicas de codificación más avanzadas y herramientas se convierten, mejor que va a trabajar con tracción trasera. Consideramos que es una forma más de Adobe Edge Animate le pone en la vanguardia de las tendencias de diseño web.