El blog de dinahosting
  • Inicio
  • Novedades
  • Contenidos Técnicos
    • Marketing
    • Seguridad
    • WordPress
    • Prestashop
  • Eventos
  • Equipo DH
  • Clientes

El blog de dinahosting

  • Inicio
  • Novedades
  • Contenidos Técnicos
    • Marketing
    • Seguridad
    • WordPress
    • Prestashop
  • Eventos
  • Equipo DH
  • Clientes
#HalloweenDH

Suscríbete a nuestra newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

Newsletter
Ejemplos de diseño de layouts para web

Los 4 mejores layouts para tu web

escrito por Edi Vieito junio 11, 2020

Muchos estudios aseguran que utilizar layouts conocidos por los usuarios en tus diseños les facilita la búsqueda de información en tu web. Por eso, si lo que quieres es tener una página lo más intuitiva y usable posible, te recomendamos que sigas alguno de estos esquemas.

  • Te ahorrarán tiempo en el diseño.
  • Facilitarán la navegabilidad en tu web y en consecuencia mejorarán su experiencia de usuario.

Índice de contenidos

  • 1 Pantalla partida (Split screen)
  • 2 Multi-grid
  • 3 Una columna
  • 4 Imagen destacada

Pantalla partida (Split screen)

Es uno de los esquemas más usados. En él la pantalla se divide en dos segmentos, ambos con el mismo peso e importancia. Intenta siempre balancear bien el diseño, para que tanto la imagen como el texto tengan la misma relevancia dentro del conjunto.

Ejemplo de diseño de layout de pantalla partida

Multi-grid

Es uno de los esquemas más versátiles. Se adapta fácilmente a las diferentes resoluciones, lo que lo convierte en uno de los más responsivos. Este tipo de diseño suele emplearse para mostrar enumeraciones de una manera muy visual, tales como un listado pequeño de productos o servicios.

Ejemplo de diseño de layout multi-grid

Una columna

La alternativa más simple. Se trata de organizar todo el contenido en una única columna para que el usuario solamente tenga que hacer scroll para navegar por tu web. Si lo utilizas, intenta que el scroll no sea infinito y reparte la información de tu web en varias páginas.

Ejemplo de diseño de layout a una columna

Imagen destacada

Si lo tuyo es una tienda y tienes un producto estrella, este tipo de diseño te vendrá como anillo al dedo. Es el más empleado en tiendas online, ya que pone el foco en el producto. Recurre a una imagen potente como centro de atención, creando una gran conexión entre el producto y el usuario.

 Esquema de diseño de layout con imagen destacada

Esta es solo nuestra selección de mejores layouts para web, pero si tú tienes algún otro en mente, tan solo tienes que dejárnoslo en los comentarios.

Y si todavía no has lanzado tu web, recuerda que en dinahosting tienes un hosting ideal para cada tipo proyecto. ¡Además ahora están al 50 %!

  • Web o blog personal: hazte con un Hosting Básico o un APP WordPress, cualquiera de ellos por solo 2,25 €/mes y con 50 GB de espacio.
  • Web corporativa: Hosting Avanzado con 100 GB y discos NVMe ultrarrápidos por 4,95 €/mes.
  • Ecommerce: con el Hosting PRO PrestaShop crearás tu tienda online fácilmente y por solo 4,95 €/mes. ¿Prefieres WordPress? Hazte con un PRO WordPress y añádele un WooCommerce.

¡No lo dudes y ven a dinahosting!

diseñodiseño web
0 comentario
0
Facebook Twitter Google + Pinterest

Deja un comentario Cancelar respuesta

*

code

Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional

Información básica sobre protección de datos

Responsable
Dinahosting S.L.  [+ info]
Finalidad y legitimación
Tratamos los datos que nos proporcionas con la finalidad de gestionar tu comentario, incluida su publicación en nuestro blog. Al enviarnos tu comentario o sugerencia nos das tu consentimiento explícito para que tratemos tus datos con esta finalidad  [+ info]
Destinatarios
Publicamos los comentarios que nos envías en el blog. Enviar un comentario en nuestro blog implica la publicación en el blog del ‘nombre’ y, en su caso, el ‘avatar’ que utilices al dejar el comentario  [+ info]
Derechos
Puedes revocar tu consentimiento, así como otros derechos, tal y como se describe en la información adicional  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad

En dinahosting

Promotion Image

Dominios

Promotion Image

Hosting SSD NVMe

Promotion Image

VPS

Suscríbete a nuestra newsletter

Promotion Image Newsletter

Newsletter

Recibe quincenalmente consejos muy útiles para tu web y ecommerce. Además con tu alta te regalamos 2 guías: una de iniciación a WordPress y otra con recursos de marketing.

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL. [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter.[+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal.[+info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción.[+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad.

Conviértete en afiliado

Gana dinero recomendando dinahosting a todo el mundo.
Hazte afiliado

¡Síguenos!

Facebook Twitter Instagram Linkedin Youtube
dinahosting
Facebook Twitter Instagram Linkedin Youtube

LLÁMANOS GRATIS

900 854 000


ESCRÍBENOS

soporte@dinahosting.com

En dinahosting

  • Hosting
  • Dominios

Área privada

  • Panel de administración
  • Webmail
  • Feedback
  • Protección de datos
  • Ayuda
  • 900 854 000
  • soporte@dinahosting.com

@2020 - Dinahosting

INFORMACIÓN BÁSICA SOBRE PROTECCIÓN DE DATOS

Responsable
Dinahosting SL  [+ info]
Finalidad y legitimación
Trataremos tus datos con la finalidad de enviarte el boletín electrónico informándote sobre los contenidos del blog. Estamos legitimados para tratarlos porque te has suscrito a nuestra newsletter  [+ info]
Personas destinatarias
No comunicaremos tus datos a terceros, salvo obligación legal  [+ info]
Derechos
Puedes revocar tu consentimiento, modificando tu perfil tal y como se describe en el correo electrónico de suscripción  [+ info]
Información adicional
Para más información, consulta nuestra Política de Privacidad