Los tiempos han cambiado. Sin embargo, si usted trata de mirar hacia atrás en cómo los sitios web se han diseñado en los últimos 10 años, se puede decir que nada ha cambiado mucho a pesar de los numerosos cambios en la web.
Más a menudo que no, un diseño web consiste en una cabecera, pie de página, la barra lateral, y el área de contenido principal, que parece ser el layout.However defecto, diseñadores web, los expertos de interfaz de usuario, y maquetadores han convertido valiente para romper el normas y la creación de nuevos esquemas de trazado web, incluso llevándolos a un nivel nuevo y emocionante.
El año 2015 se acerca a su fin, y aquí está nuestra lista de diseños que ya han impactado a la industria del diseño web, proporcionando a los usuarios una experiencia atractiva y dinámica.
1. Pantallas divididas
Esta es una de las tendencias de diseño web más fascinantes que usted necesita mirar hacia fuera para no sólo esto 2015 pero en los próximos años. Si usted quiere que su página web se destaque, usted debe considerar seriamente el diseño de la pantalla dividida.Estas son algunas de las razones importantes por las que el diseño split pantallas es imprescindible aplicar una:
Proporciona la misma importancia a dos elementos principales. Es una cosa común para los sitios web para clasificar cada elemento de acuerdo a su importancia, que define el orden y la estructura del diseño. Sin embargo, ¿qué haría usted si dos elementos son de la misma importancia, y parece que no puede saber cuál de ellos para poner sobre el otro?
Esta es la ventaja de la disposición split pantallas. Con una pantalla dividida, puede dar protagonismo a ambos elementos y que el usuario pueda elegir rápidamente entre ellos.Usted puede fácilmente transmitir doble importancia. Por ejemplo, si usted quiere transmitir a sus visitantes del sitio web que sus puntos fuertes son sus raíces digitales y personal con talento, sólo tiene que colocar uno en el lado izquierdo y el otro en el lado derecho.
Si usted es un sitio web de negocios, un restaurante, por ejemplo, puede colocar la identidad de su marca a la izquierda, y la lista de los platos que usted ofrece a la derecha. Si está operando un sitio web línea de ropa, puede utilizar uno de los lados para ofrecer alguna información importante acerca de su empresa al tiempo que muestra las fotos de las últimas prendas de vestir y ropa que vende en el otro lado.
En general, un diseño de pantalla dividida puede ser un único y estático página. Sin embargo, si una empresa desea mostrar más información o contenido, el contenido de la página doble se puede desplazar hacia abajo. Hay algunos casos, sin embargo, que el desplazamiento hacia abajo un lado de las pantallas divididas puede dar lugar a que el desplazamiento de la otra parte, también.
Sin embargo, pantallas divididas proporcionan una gran cantidad de comodidad a los usuarios, sobre todo si son clientes potenciales, ya que se proporcionan dos secciones para comprobar de manera que puedan encontrar fácilmente el elemento que desea comprar, o un servicio que tienen que hacer uso. Pueden hacerlo sin tener que gastar un montón de tiempo, gracias a la reducción del desorden en la página web y su aspecto más aerodinámico.
¿Por qué ir para un diseño Pantallas divididas
La mirada de su sitio web, especialmente si se trata de una relacionada con el negocio, juega un papel importante en la atracción de clientes potenciales. Por lo tanto, usted tiene que asegurarse de que cubre lo que los clientes potenciales quieren como visualizar la información pertinente y otros elementos que atraerán ellos.
Los clientes potenciales o clientes que buscan información importante son fácilmente disuadidos de alojarse en un sitio web si les resulta difícil de navegar por el sitio. Si opta por ir a por el tipo de pantalla dividida de diseño de página web, que no sólo va a tener un sitio web que es visualmente atractivo, pero es fácil de usar, también.
La creciente popularidad del diseño Pantallas divididas
Una gran cantidad de sitios web que han adoptado el formato de pantalla dividida, gracias a su calificación como parte del diseño de respuesta. Diseños Responsive, como usted ya sabe, ajustar un sitio web para las proporciones del dispositivo en el que un sitio es visto sucesivamente. Esto es especialmente importante a medida que más y más personas acceden a Internet a través de sus dispositivos móviles, tales como teléfonos inteligentes y tabletas.
Pantallas divididas pueden preservar las proporciones de un sitio web, independientemente del dispositivo en el que se accede. Si uno se puede topar con un diseño de pantalla dividida correctamente, usted tiene una obra maestra. Muchas personas están especialmente atraídos por el diseño de división vertical creyendo que es una herramienta fantástica, mucho más si se convierte en un diseño totalmente sensible.
Además, a diferencia de muchos otros sitios web, un esquema de trazado de pantalla dividida da un sitio web una mirada nerviosa - grande y en negrita, pero rebosante de simplicidad y poder. Sin embargo, usted tiene que ejercer una gran cantidad de precauciones cuando se trabaja en un sitio web que hace uso de la pantalla dividida. Si usted no tiene cuidado, su diseño general puede parecer un antes y después de la foto en revistas, periódicos o medios de comunicación social.
¿Cómo hacer la pantalla dividida
El diseño de la pantalla dividida se ha vuelto popular debido a diseño de respuesta
Otra gran cosa sobre el diseño de la pantalla dividida web es que se puede aplicar en cualquier tipo de tema que usted tiene. Con la ayuda de un constructor de la página, se puede dividir la pantalla fácilmente. El siguiente es un gran ejemplo de diseño de pantallas divididas diseño web.
2. Container-Free / No Chrome Layouts
Uno de los elementos principales que se utilizan en el diseño web es que contienen elementos, tales como cajas, fronteras, formas y envases de todo tipo. Se utilizan para dividir el contenido de una página por separado. Sin embargo, las cosas han cambiado hoy en día como más y más sitios web se están deshaciendo de estos cromos adicionales. La nueva tendencia que muchos sitios web han abrazado cuenta la eliminación de cualquier estructura gráfico para dar paso a un estilo más libre y abierto.
Esta tendencia comparte algunos rasgos comunes con el minimalismo. La diferencia es que es totalmente desprovisto de cualquier envase visual. El contenido de la propia página web se coloca en el centro, atrayendo la atención hacia ella. Por otra parte, la importancia de la información está determinada por la elección del color, la posición, la tipografía o en lugar de las estructuras y las cajas.
Un diseño sin cromo es similar a un diseño minimalista
Prefacio
Prólogo es un sitio web que claramente hace uso del no / diseño de cromo-contenedor libre.Como puede ver, su sitio web ha acabado con los contenedores. Con el uso de colores y fuentes, se focaliza la atención de los usuarios. En concreto, Banco sobre la tipografía para proporcionar la información más importante acerca de la propia empresa. Por otro lado, el color se utiliza para resaltar las otras voces puede hacer clic. No se puede negar que este sitio web es muy mínima, además de, por supuesto, ser sensible.
Hay algunos sitios web que han eliminado el uso de la cabecera y el pie de página al mismo tiempo. Tal medida puede hacer que el sitio web de aspecto como un quiosco interactivo.En términos de jerarquía, el contenido se puede hacer a través de un acuerdo de izquierda a derecha. Esto puede hacer que el diseño más intuitivo. Obviamente, no hay necesidad de un cromo que separar el contenido de la navegación. Como resultado, los productos se destacan aún más.
Gran manera de enfatizar una Marca
Si elimina el encabezado y el pie de página, la marca que su sitio web está promoviendo se pueden destacar. El nombre de la empresa se puede destacar más y la declaración de lo que su sitio web hace u ofrece incluso puede ser más clara a sus visitantes. Por lo tanto, los visitantes son conscientes de su marca antes de que comiencen a navegarlo. Esto hará que el flujo global de su sitio web sea más elegante.
Usted puede lograr fácilmente un efecto limpio y agradable si te deshaces de las distracciones como se coloca discretamente los menús y enlaces en la página que carecen de contenedores. Además, si usted no tiene fronteras, encabezados y pies de página, los ojos estarán más atraídos por el tema de interés.
En estos días, la palabra de cromo ya no se relacionan con los coches, pero es más identificados con el sitio y el diseño de la página, sobre todo en referencia a todos los encabezados, pies de página, contenedores y fronteras que encierran una página. Para muchos diseñadores web, diseñadores de diseño web, sin embargo, cromos son una distracción para el usuario y quitan el enfoque de la esencia misma de una página web, que pueden ser los productos o servicios que ofrece, las fotos y las imágenes asociadas a ella, o la propia marca.
3. modular o Cuadrícula Based
Cada módulo de estos diseños está destinado a flexionar basado en el tamaño de la pantalla. Cuando se llega a pensar en ello, esto no es realmente un nuevo enfoque. Sin embargo, desde la introducción del diseño web sensible, el uso de este esquema de trazado se ha convertido en aún más en la demanda, gracias a su utilidad. Esto sugiere en el tipo de diseños flexibles uno puede llegar a, sobre todo con la ayuda de plugins como la Masonería.
Sitios web que han adoptado el diseño modular
Equipo Bad Company es el ejemplo perfecto de un sitio web modular
1. Equipo de Bad Company. Sin lugar a dudas, este ejemplo ilustra perfectamente la idea de que el diseño es totalmente sensible. Dado que el espacio se divide de manera uniforme, el diseño se adapta de manera uniforme, independientemente del dispositivo donde se ve.Lo que hace que este sitio web más interesante es que introduce un elemento en tamaños de pantalla más grandes que interrumpe el barreras rígidas entre los propios módulos.
Los módulos de disposición están hechos de diferentes tamaños
2. Madagascar de Dreamworks. Este ejemplo es una poderosa descripción del patrón. En comparación a la de Equipo Bad Company, esta disposición ofrece módulos que son de diferentes tamaños. Hay que recordar que el tamaño de los módulos es un reflejo de la importancia y el orden de jerarquía. Si bien es cierto que los módulos del mismo tamaño tienen su propio conjunto de ventajas, hay un riesgo que implica a su favor, también; ese es su sitio web falla en hacer énfasis en el elemento principal.
Los clientes pueden ver las distintas tomas increíbles Fotografía Peachey puede entregar
3. Peachey Fotografía. Si su sitio web está destinado a mostrar sus trabajos creativos, no hay cuestionamiento que usted debe ir para el diseño de página de tipo modular. Por ejemplo, este sitio web de fotografía hace uso de esta disposición. No sólo hace que sus potenciales clientes conscientes de los muchos tiros impresionantes que había tomado, que les proporciona la facilidad de navegación, también. Cuanto más se puede visualizar en una pantalla, los clientes más potenciales que pueden tentar a ir para sus productos o servicios.
White Bear utiliza 5 módulos diferentes
4. Blanca Frontier. Este es otro ejemplo de un sitio web que ha arrancado el uso de diseño modular. La página consta de 5 módulos que son de diferentes tamaños. El mayor módulo, por supuesto, lleva la imagen que representa a los productos que están vendiendo. Al hacer clic en cada módulo, le llevan a los diferentes elementos de la página web.
Un diseño modular es ideal para los sitios web relacionados con la moda
5. Lardini. Otro sitio web que ha adoptado el diseño modular es Lardini. Después de todo, es una necesidad para todos los sitios web relacionados con la moda de mostrar grupos de maravillosas fotos que pueden ser fácilmente vieron no intrusiva. Por lo tanto, el uso de un diseño modular es realmente apt.
Los desarrolladores están familiarizados con el empleo de un sistema de red como una base sólida para sus sitios web. Debido a esto, ellos pueden fácilmente superar las dificultades o problemas que experimentan cuando hacen la creación de prototipos. Ellos no sólo se desarrollan en un proyecto, pero también llegar a ser creativo con él. Por lo tanto, pueden ofrecer soluciones interesantes que resultan de efectos ejemplares y estilos de moda.
Diseño modular, sin lugar a dudas, es esencial para mantener la armonía entre los elementos de una página web, ya que organiza de manera efectiva los datos multimedia.Esto da lugar a una estructura equilibrada que proporciona una gran facilidad para los usuarios. Asimismo, este tipo de diseño mejora la facilidad de uso, ya que da a los usuarios un acceso simple y rápido de piezas comprensibles de la información. Este tipo de diseño puede ayudar a prevenir el caos en la presentación de su sitio web-content intensiva.Aunque módulos a veces puede ser un poco desproporcionada en términos de su equilibrio asimétrico, el diseño modular es todavía capaz de organizar y gestionar sus documentos en lugar efectivamente.
Temas de WordPress para un diseño modular
Si usted decide ir a por el diseño modular o rejilla para su sitio web, puede hacerlo fácilmente si usted compra los siguientes temas de WordPress:
Hybrid tiene un diseño limpio y contemporáneo
Híbrido. Este es un blog de WordPress tema limpio y moderno. Aparte de ser minimalista, este tema es definitivamente limpio y tiene un diseño contemporáneo. Es seguro dejar a los usuarios de sitios web en el temor. Es muy flexible, fácil de personalizar, y está bien documentado. Este tema es perfecto para el blog, noticias o un tienda de compras en línea.Se jacta de numerosas funciones de ajuste, como categorías, diseño, estilo de la portada y la barra lateral. Además, este tema es de SEO-friendly.
Neo soporta 8 formatos de correos
NEO. Se trata de un moderno tema de WordPress personal que le permitirá visualizar el contenido de una manera nueva. Esto también es legible en todos los dispositivos. NEO es compatible con 8 formatos de correos y está equipado con la capacidad de mostrar imágenes, videos y audio. Esto es lo más ideal para un personal tienda, blog, cartera, y el diario.
4. Llenar una sola pantalla
Este diseño es un subconjunto del diseño de respuesta en el que el diseño se adhiere completamente al tamaño de pantalla. Este tipo de diseño se adapta a llenar toda la pantalla, y todo el diseño no contiene barras de desplazamiento. Desde el desplazamiento no está disponible, la atención se centra principalmente en el contenido. Una sola pantalla cuenta con ya sea una imagen o un videoclip.
Y ahora la pregunta: ¿Quieres ir a este diseño de la pantalla única llena? Bueno, cuando realmente llega a pensar en ello, ya que este tipo de diseño hace uso de toda la pantalla, la imagen o el video que se utiliza se resaltarán aún más. En el caso de que usted opta por utilizar imágenes de gran tamaño, y utiliza una convincente que mejor represente su negocio, los que visitan su sitio web tendrá una idea más clara de lo que su sitio web se trata.
Las ventajas de una imagen-Centrado sola pantalla
Se dice que una imagen vale más que mil palabras. Este adagio puede haber sido alrededor de las edades, y aún suena cierto incluso en este día de los avances tecnológicos. De acuerdo con expertos en psicología, el cerebro es más rápido en hasta 60.000 veces en términos de procesamiento de imágenes en comparación con la lectura de textos. Por lo tanto, la probabilidad de que los clientes potenciales a ser tentado a ir para los servicios o productos que usted ofrece es mucho mayor si se utiliza el diseño de la pantalla única llena, si su banco en un clip de vídeo o una imagen de gran tamaño. El más llamativo de la imagen o el clip de vídeo que utilice, mayor será la probabilidad de que a cebo en clientes o clientes potenciales.
Lo más interesante de un diseño de la pantalla llena es que toda la información que los usuarios necesitan está dispuesto correctamente. La información se puede colocar una gran imagen de fondo, fondo de vídeo ambiente o deslizadores de ancho completo terminado.Más a menudo que no, los sitios web que hacen uso de la disposición de pantalla completa cuentan con un menú de hamburguesa o salen volando.
Temas de WordPress para pantalla individual
Onetone es un sitio web de negocios altamente personalizable
Este tema de WordPress es la más ideal para un sitio web de negocios. Aparte de ser moderna, está optimizado basado en CSS3 y HTML5. Con este tema, su sitio web puede ofrecer toda la información relevante en una sola página! También está facultado para modificar cada detalle de su sitio web. Desde Onetone es altamente personalizable, se puede aplicar toda su creatividad para hacer de su sitio web aún más atractivo. Ofrece secciones que se pueden ver habitualmente en una página de negocio profesional, como la galería, sobre, clientes, servicios, y muchos más. Con el uso del panel de administración versátil, puede agregar un número ilimitado de secciones adicionales, también.
Helix es una plantilla de página web increíble para construir su cartera personal
Helix es una plantilla de página web increíble para la construcción de un blog de estilo cartera personal. Helix es un tema libre a pantalla completa WordPress con un menú estilo plano en su lado izquierdo. Además, es un tema de WordPress 3+ listo que se jacta de características como menú personalizado, a pantalla completa página diapositivas, barra lateral Widgetized etc. Helix también viene con un panel de opciones intuitivas que hace posible ajustar varias configuraciones existentes en el tema. Con su amplia y expansiva de diapositivas a pantalla completa en la página principal, capturando la atención de sus visitantes en línea es, sin lugar a dudas, muy probable.
Rodapié una cartera tema de pantalla completa
Se trata de una presentación de diapositivas de pantalla completa cartera de tema libre que es el más adecuado para la creación personal, la fotografía y la fotografía de bodas blog o sitio web. Rodapié ofrece un diseño muy singular y completamente funcional que seguramente hará que su contenido se destacan. Con su aspecto profesional y moderno, sus visitantes, especialmente a su clientela objetivo, seguramente va a ser cautivado. Este tema le proporciona una opción para utilizar un blog regular con la imagen de diapositivas como fondo o una presentación de diapositivas a pantalla completa. Dado que este tema es totalmente sensible, su anchura se ajusta automáticamente, independientemente del dispositivo en su sitio es visto. Este impresionante tema se jacta de múltiples plantillas de página para diversos fines, tales como la página de contacto, página de ancho completo, y muchos más. Rodapié también viene con un color personalizado fondo, tipos de correos personalizados, y una función de gestión de anuncios.
Conclusión
Los diseños anteriormente discutidos pueden compararse con bloques de construcción. Al igual que la construcción de bloques, que pueden ser montados en más de un sentido. La verdad del asunto es que muchas de las muestras mencionadas se pueden mover a otras categorías que se han discutido. Los diseños de diseño de 2015 son una clara demostración de la fusión de la diversidad y la experimentación que resulta de la mezcla de las ideas tradicionales y novedosos. Por último, se han ido los días de diseños de página web previsibles y monótonas.
Fuente: http://www.1stwebdesigner.com/
Lcdo. Andres La Cruz
Twitter: @andlacruz
Instagram : @andlacruz
Facebook : Andres La Cruz
Twitter: @andlacruz
Instagram : @andlacruz
Facebook : Andres La Cruz
