23 preciosos ejemplos de diseño de blogs y 5 espectaculares
No se puede denegar: el diseño del blog es importante; puede asistirlo a dar una excelente primera impresión a sus visitantes. También puede ayudarlo a trasmitir su mensaje de una manera eficaz y visualmente atractiva y hacer que los lectores retornen por más.
Piénsalo: en el momento en que visitas un blog, la primera cosa que notas es el diseño. Y si no está a la altura, probablemente haga click y busque en otra parte. Por eso es importante cerciorarse de que el diseño de su blog esté en punto.
Es difícil tener una idea de un buen diseño de blog sin verlo usted mismo. Conque hemos recopilado 23 ejemplos únicos y hermosos de diseño de blogs para brindarle algo de inspiración para su ubicación. Una vez que los haya examinado, le daremos algunos consejos sobre de qué forma hacer un diseño eficiente y visualmente atractivo para su blog.
23 preciosos diseños de blogs
AirBnb
Airbnb, una interfaz on line para la industria hotelera, tiene un enfoque elegante y único para el diseño de blogs. Su logotipo es aparente en toda la página web, como imagen de encabezado y también como miniaturas de las publicaciones del blog, por lo que se siente como una marca en todo el desplazamiento. Esto asiste para hacer consistencia y familiaridad con la marca.
Se enfoca en atender audiencias en todo el mundo y, por ende, asimismo ha brindado la opción de leer productos en múltiples idiomas. Este nivel de disponibilidad y variedad es algo a estimar para el diseño de su propio blog si sirve a una audiencia global.
El blog utiliza bellos colores suaves suficientemente abrazados por espacios en blanco. Lo que es mucho más atractivo es que una vez que se elige un artículo, el encabezado exhibe el porcentaje del artículo leído, lo que sostiene a los que leen interesados y animados hasta el final.
austin kleon
Puede esperar que un autor que escribe un libro superventas cree un blog bien desarrollado. El uso de un tema monocromático, imágenes personalizadas y ejemplos de la vida real distinguen a este blog de los demás.
Austin Kleon emplea inteligentemente las barras laterales, mostrando sus libros mucho más vendidos a la izquierda y su corto biografía adjuntado con íconos de comunidades a la derecha.
También da la llamada a la acción que se requiere para suscribirse al boletín justo a la derecha. Menos caos y una segmentación capaz hacen más fácil la lectura de este blog.
Exhibe el planeta
Swab the World es una organización sin fines de lucro que fomenta la donación de células madre para socorrer a los pacientes con leucemia. Tiene un esquema de color verde azulado y azul en todo el blog que coincide con su logotipo y asiste para establecer el reconocimiento de la marca.
Uno se da cuenta de manera rápida de la pasmante animación en la página de comienzo que llama la atención del lector. La página de inicio del blog permite al lector filtrar desde distintas categorías para reducir la tasa de choque.
El diseño del blog tiene dentro de manera exitosa la llamada a la acción necesaria para “Transformarse en donante” colocándola en la parte de arriba derecha de la página, incluso cuando se desplaza hacia abajo. Después de todo, su misión principal es solicitarle a la audiencia que se presente por esta noble causa, y lo realiza sin ocasionar ninguna distracción.
opus crece
Si te gusta la jardinería o piensas que lo orgánico es el camino a continuar, posiblemente te hayas encontrado con el nombre Opus Grows. Opus Grows es un suelo orgánico producido como una subsidiaria de Rexius.
El diseño del blog de la compañía integra inteligentemente a su empresa matriz en las publicaciones de su blog sin distanciarse de proporcionar a sus lectores información esencial.
Tiene un artículo destacado con una imagen de alta definición y una pequeña descripción en la parte de arriba de la página. A medida que se desplaza hacia abajo, puede elegir el género de artículo que busca en una lista de categorías.
El pie de página del blog tiene botones para compartir en comunidades adjuntado con el llamado a la acción para suscribirse al boletín. Este blog es un enorme ejemplo de cómo un diseño limpio puede aumentar la legibilidad y la audiencia.
ayuda scout
Help Scout es una plataforma de atención al usuario que ofrece a las compañías excelentes recursos de aprendizaje a través del contenido de su blog.
Conforme se desplaza por la página de comienzo, puede ver la eficacia con la que el blog está organizado en partes de los últimos artículos, Selecciones del editor y otras categorías.
Este blog es un excelente ejemplo de de qué manera un increíble contenido, imágenes personalizadas y un diseño mínimo pueden aumentar el número de leyentes.
El blog también lo invita a crear una cuenta en la lista de correo de Help Scout a la mitad del desplazamiento, lo que le deja ajustar la información que recibe. Este es un ejemplo de de qué manera utilizar el diseño de su blog para transformar leyentes en clientes.
Hacer y cultivar
Create and Cultivate es un blog de negocios que ofrece a las mujeres consejos y trucos sobre de qué forma crear una carrera. Su empleo efectivo de imágenes destacadas transmite este mensaje.
Los ejemplos de la vida real son una manera atrayente de sostener a los que leen interesados, y Create and Cultivate hace este trabajo de la mejor manera. Ha salpicado múltiples productos relacionados con el empoderamiento de la mujer brindando contenido de valor a sus lectores on-line con el mensaje de la marca.
Los botones para comunicar en comunidades se muestran en la esquina superior derecha, adjuntado con la llamada a la acción para suscribirse al boletín.
Lo que es único de este diseño de blog creativo es el práctico menú de accesibilidad en la esquina inferior izquierda del blog. Esto se puede emplear para cambiar el contraste de color de la pantalla, el tamaño del artículo y el apartado del artículo.
Gaceta Riqueza Fácil
Wealth Simple Magazine emplea un increíble diseño de blog para atrapar a sus leyentes. Ha organizado muy limpiamente sus artículos en categorías, lo que posibilita la navegación por todo el sitio.
Aun si muestra un precioso blog a la audiencia, no lo valorarán a menos que proporcione contenido importante en él; este blog también lo consigue de manera exitosa. Los productos destacados y mucho más recientes dicen mucho de qué apasionado es este blog para guiar a sus lectores hacia la inversión adecuada. Y a fin de que no tengan inconvenientes para hallarlo, el blog de negocios ofrece un claro llamado a la acción para invertir de forma directa en el encabezado del blog.
Solo dirígete a este blog para ver por ti mismo lo que deseamos decir. Puede darle inspiración de diseño de blog para su blog.
Diseño de Spotify
Todos conocemos a Spotify como un exitoso servicio de transmisión de música digital, pero ¿sabías que asimismo tiene un blog exitoso con el nombre de Spotify Design?
Tan rápido como llegue al blog, puede ver una página de destino diseñada con una hermosa paleta de colores, imágenes destacadas y una fuente en negrita que es consistente con los elementos de diseño de la marca. Todo lo mencionado es antes que el artículo de un artículo se muestre en la pantalla.
La sección de arriba del pliegue muestra ocho historias engastadas en un diseño llamativo, por las que puede navegar para escoger el artículo que más le interese.
Cuando se desplaza hacia abajo, se muestran productos auxiliares con un espacio en blanco a su alrededor, lo que le da un respiro a la vista. Cuando pasas la aspiradora por cualquier artículo o imagen de esta sección, se muestran efectos dinámicos que sostienen al espectador entusiasmado en todo instante.
Alternar
Toggl da a las empresas un conjunto de herramientas de productividad para ayudarlas a acrecentar su eficacia y desarrollo.
Una vez que llegue a este blog, va a quedar más que impresionado con el diseño de su blog, ya que es perfecto. Usa brillantemente tonos de púrpura que son relajantes, acogedores y contemporáneos y asimismo infunde una conexión con el logo de la marca. Encontrarás variaciones de este color salpicadas por todo el blog.
La llamada a la acción para suscribirse al blog está exactamente en el menú y en el pie de página. Lo que es especialmente útil sobre este blog es que asignó una etiqueta de tema de producto y un tiempo de lectura estimado para todos y cada uno de los artículos.
Este sistema bien organizado posibilita que los que leen busquen contenido y se queden más tiempo en la página del blog.
Noticias del Museo Frans Hals
El diseño del blog del Museo Frans Hals hace justicia a su dedicación al arte y la historia. La utilización estético de las paletas de colores y las pinturas se suman a los elementos de diseño para llevarte atrás en el tiempo y valorar el arte que te circunda.
El blog ha colocado estratégicamente la llamada a la acción de ‘Obtener billetes’ en el menú, así como en la barra del costado izquierda que continúa aun cuando se desplaza hacia abajo.
El práctico ícono agregada del calendario y la búsqueda rápida en la barra del costado se aúnan al diseño consistente de la página, donde hay belleza en todos los aspectos.
Porche de Zillow
Zillow Porchlight, un portal de internet de recursos raíces que brinda soluciones de mejoras para la vivienda, tiene lo que llamaríamos un diseño de blog mínimo pero completo.
La imagen señalada arriba de la tapa exhibe enlaces a 3 artículos distintas que pertenecen a distintas categorías. Y para que la navegación por la página del blog sea más simple para sus leyentes, las categorías asimismo se presentan en el menú del blog.
Los productos en sí tienen botones para comunicar en redes sociales al comienzo. En general, este blog da un diseño limpio y fácil sin caos ni dispesiones auxiliares.
Escritorio
El blog Desk está destinado a diseñadores expertos, y las imágenes y la información disponible en el blog dan probabilidad a eso.
Tiene un sinnúmero de información cargada en el blog, pero merced al diseño bien organizado del blog, no se siente pesado a la visión del lector.
A medida que se desplaza hacia abajo, puede ver partes dedicadas a artículos populares y mucho más recientes, junto con una barra de búsqueda rápida presente en el encabezado en todo instante. Todas y cada una estas comodidades facilitan el movimiento por el blog y son fundamentales para animar a los visitantes a quedarse mucho más tiempo.
El blog asimismo emplea el contraste de grandes partes de blanco y negro para hacer un estilo moderno y complejo que rompe el contenido en vez de abrumar al usuario con él.
Compañía de interacción humana
El blog de Human Interaction Company está diseñado con la iniciativa de facilitar la interacción entre humanos y PCs. El blog tiene un fondo blanco con un esquema de color llamativo en todo el blog.
El uso de miniaturas enormes e imágenes de alta calidad en el lugar se suman al diseño del blog ‘grande y osado’. Sin embargo, la mejor parte es que se suma al diseño consistente del blog.
pequeños monstruo
¡Que no te asuste el nombre! Monster Children es un blog de estilo de vida que lo diferencia del resto, no solo con el nombre sino asimismo con imágenes atractivas.
Le da una dirección clara a sus redes sociales al añadir botones para comunicar en comunidades en el menú adjuntado con un formulario de registro a la derecha.
Utiliza una paleta de colores oscuros con un toque de tonos mucho más refulgentes para conjuntar con su marca y logotipo. La utilización eficiente de bastante espacio en blanco en ambos lados del producto asegura la legibilidad.
Hola lunes
Todos tememos todos los lunes, pero la misión de Hello Monday es contribuir a mejorarlo para las compañías mediante sus productos y experiencias digitales.
La página principal del blog llama la atención con encabezados grandes y en negrita adjuntado con la mención del tiempo estimado requerido para leer.
En el momento en que se elige una publicación de blog, se agregan varias imágenes relevantes al artículo junto con espacios en blanco que ayudan a crear la estabilidad perfecto.
Adobe
Todos tenemos que haber utilizado cuando menos uno de los artículos de Adobe de una forma u otra. El diseño del blog de Adobe es el ejemplo perfecto de cómo hacer un blog exitoso centrándose en consejos básicos de diseño.
Empieza presentando su logro reciente como el artículo destacado. A medida que se desplaza hacia abajo, puede escanear varios artículos presentados en un diseño de cuadrícula gráfica.
La incorporación de etiquetas y categorías de artículos fortalece el diseño del blog y contribuye a mantener a los que leen apasionados.
Blog de Zendesk
Zendesk tiene un bello diseño de blog. Ha organizado esmeradamente sus artículos en categorías en el menú, así como en todo el blog.
El artículo destacado y las Elijas del editor captan la atención del lector tan pronto como llega a la página de inicio. Los distintos tamaños de fuente, las imágenes adaptadas y el bello esquema de colores se combinan para crear una experiencia de usuario encantadora que distingue a este blog del resto.
Otra característica única de este blog es el centro de elementos de aprendizaje que ha creado para sus leyentes. Da a los que leen la opción de andar a través del tema de su decisión.
Todos estos elementos hacen de Zendesk una fuente fiable a la que acudir cuando se necesita información relacionada con el servicio al cliente.
Desbordamiento
Afín a Adobe, Overflow usa un diseño mínimo y mucho espacio en blanco para progresar la legibilidad y la comprensión.
El notable uso del esquema de colores en la página del blog coincide con los tonos de su logo, creando reconocimiento de marca. Para colmo, usa imágenes adaptadas para cada artículo que representan la coherencia en el diseño de todo el sitio.
El blog asimismo detalla de qué manera asistió a múltiples clientes del servicio a poder sus propósitos. Esta es una gran forma de ser reconocido como un valioso recurso de aprendizaje.
Copa de Pareja
Cup of Couple es un blog de fotografía desarrollado por dos fotógrafos que muestran su amor por las imágenes fijas.
Utiliza bellas fotografías de alta resolución para contar su historia en su estilo único. El banner del blog utiliza artículos relevantes que se desplazan hacia los lados para dar un concepto del lugar.
El pie de página del blog da íconos de comunidades adjuntado con un llamado a la acción para suscribirse al folleto.
Haz que nos importe
Make Us Care, una agencia de marketing, utiliza un diseño de blog colorido en consonancia con la fuente original del logo de su marca.
No obstante, estos colores llamativos no son una distracción para el lector, gracias a la cantidad considerable de espacio en blanco que se da durante los productos.
Un llamado a la acción de ‘Charlemos’ a la derecha de la publicación del blog ayuda a convertir a los clientes potenciales en clientes del servicio reales.
Elemental por medio
En el caso de que seas un apasionado de los blogs, habrás escuchado el nombre de Medium. Elemental es una publicación de Medium dedicada a la salud y el confort.
Es un ejemplo perfecto de menos es mucho más cuando se trata de diseño de blogs. El blog ha asignado el “tiempo estimado de lectura” y una etiqueta de categoría a cada producto.
Una vez que se clickea en una publicación de blog, la barra lateral derecha exhibe una corto biografía del creador, o una firma del autor como estos ejemplos, adjuntado con otras publicaciones de la compilación Elemental.
Los prácticos íconos de “redes sociales” y “almacenar en la colección” al principio del producto están situados apropiadamente a fin de que el lector los aproveche.
Julián Shapiro
Julian Shapiro es el blog idóneo para enseñar cómo la gran investigación y el material de estudio triunfan más que nada.
Utiliza solo unas pocas imágenes como miniaturas para sus manuales, con publicaciones de blog enumeradas justo debajo sin diseño personalizado. Este enfoque mínimo le permite al visitante llegar directamente al contenido sin campanas, silbatos ni dispesiones.
Otra característica única de este blog es la opción de leer el artículo en modo día y noche. Es una función útil, especialmente al leer el blog por medio de un teléfono inteligente o en condiciones de luz variables.
Blog de Mailchimp
El blog de MailChimp es limpio y minimalista, al unísono que mantiene una presencia cálida y alcanzable. La utilización de fuentes serif en el encabezado recuerda a un correo tradicional o una noticia, pero aún da una estética moderna.
La utilización de colores secundarios apagados se usa para crear una sensación de energía y ligereza sin restar valor al contenido. Se muestra un menú personalizado tras los artículos principales que asisten a los individuos a navegar por medio de las mejores prácticas comerciales y de marketing que podrían ayudarlos a mejorar su marketing por mail.
5 Esencial Elementos de una sección de publicación de blog bien diseñada
¿En algún momento procuró en Google plus y llegó a una página que parecía obsoleta, aburrida y bien difícil de leer? ¿Qué hiciste? Como muchos otros, debe haber presionado el botón Atrás velozmente. Después de todo, los usuarios tardan solo 0,05 segundos en formarse una opinión sobre un sitio web.
Por lo tanto, para que los lectores se queden mucho más tiempo, existen algunos elementos de diseño para acrecentar la experiencia del usuario.
1. Un diseño de blog ordenado
El diseño de un blog actúa como una estructura y una guía para su sitio web. Imagínese proceder a su tienda favorita y no ser tratado justamente por el vendedor. Es posible que jamás vuelvas a proceder a esa sucursal.
No obstante, con un diseño de blog deficiente, posiblemente jamás considere volver al blog de nuevo.
Un blog ha de estar desarrollado para proporcionar a los que leen herramientas simples de andar. Debería accionar como una ventana a tus otras publicaciones.
El promedio de atención del usuario ha disminuido de 12 segundos en 2000 a 8 segundos en los últimos tiempos. Esto significa que si los clientes no pueden localizar lo que procuran en unos segundos, es muy posible que brinquen a otro blog.
Un esquema de blog detallado que comprenda las etiquetas de productos necesarias o las categorías esenciales puede contribuir a emprender este inconveniente.
Otra cosa crítica a considerar es el diseño de la página de destino. Naturalmente, debe dirigir la atención del usuario a las áreas que poseen la información mucho más importante. Ya sea un llamado a la acción para suscribirse, un link a sus comunidades o sus publicaciones de blog mucho más populares.
2. Eliminar fuentes inteligibles
La experiencia del usuario ha de ser lo más importante cuando procura crear un portal de internet de nicho exitoso. Por consiguiente, al diseñar un blog, hay que prestar mucha atención a la decisión de un estilo de fuente que sea fácil de leer y entender.
Los que leen ahora están mucho más interesados en hojear un producto, y las fuentes como Arial, Roboto y Open Sans les ayudan a conseguirlo.
Escoger la fuente adecuada asimismo puede conseguir otros objetivos. Una fuente grande o en negrita puede enfatizar la relevancia de áreas clave de contenido.
Ciertas otras cosas a tener en consideración al diseñar un blog son,
- elija el tamaño de fuente entre 16 px y 20 px, ya que esto promueve la legibilidad
- dividir el contenido en parágrafos para contribuir a hojear el contenido, y;
- deja un extenso espacio en blanco para eludir dispesiones
3. Colores Cohesivos
Según una investigación, el 38% de la gente abandonan un portal de internet si el diseño del blog les parece poco atractivo. El esquema de color juega un papel importante en el diseño del blog y el reconocimiento de marca.
Los colores tienen un encontronazo importante en nuestro estado sensible y psicológico. Elegir una paleta de colores afín en todo el blog asiste para crear una imagen única. tema que une la página. También provoca que los clientes se queden más tiempo en el lugar.
4. Gráficos de alta definición
Es más simple comprender y rememorar algo cuando observamos una representación visual de esto. Los gráficos hacen que la página de su blog sea más atractiva y los artículos con imágenes cada 75-100 expresiones tienen el doble de la tasa de participación que esos con menos imágenes.
En este momento, esto no significa que cualquier imagen va a funcionar. Los mejores diseños de blog son aquellos que utilizan imágenes adaptadas de alta calidad y relevantes para el contenido.
Además de esto, agregar demasiados blogs con imágenes puede actuar como una distracción. Por ende, es primordial hacer un equilibrio estratégico al poner gráficos de cualquier tipo.
5. Un blog despacio y veloz
La agilidad del sitio es un aspecto crucial, no solo para los que leen sino más bien asimismo para Google+ tratándose de clasificar un portal de internet.
Cada segundo que se pierde al cargar una web no solo provoca un aumento en la tasa de rebote, sino que asimismo disminuye la satisfacción del cliente en un 16 %.
Para abordar este problema, los autores de blogs deben usar temas que se centren en brindar agilidad y elasticidad en el diseño.
Uno de esos temas que logra esto de forma brillante es GeneratePress. Es un tema de WordPress que se carga muy rápido y es muy personalizable. La biblioteca del sitio tiene mucho más de 60 diseños para seleccionar y tiene una puntuación de PageSpeed del 100 %, lo que la transforma en una alternativa ideal.
Si un tema es un diseño para su edificio, los complementos son la composición sobre la que se encuentra. Estos complementos ayudan a aumentar la funcionalidad de su blog.
GenerateBlocks, del creador de GeneratePress, ofrece amplias funcionalidades para que su blog ande sin inconvenientes con un tiempo de carga veloz.
La utilización de estos puede ayudar a acrecentar el tráfico del sitio y aumentar la satisfacción del cliente.
El resultado final: enorme inspiración para el diseño de páginas de blog
Como criaturas visuales, los humanos se sienten naturalmente atraídos por los diseños estéticamente agradables.
Crear un blog que se vea bien y sea simple de navegar puede ayudar a aumentar el tráfico del portal web y alentar a los lectores a permanecer mucho más tiempo en el sitio web.
Mediante la utilización de una combinación de fuentes claras y inteligibles, colores cohesivos, gráficos de alta definición y un diseño de página de blog fluido y rápido, las compañías pueden crear una página de blog efectiva que será tanto atractiva como memorable.
La mejor manera de inspirarse es ver ejemplos exitosos de diseños de blogs.
Entonces, cuando estés navegando por estos ejemplos, pregúntate qué elementos de estos blogs captarían la atención de mis leyentes. ¿Cuáles repiquetean con el mensaje que estoy tratando de comunicar?
Al explorar estas preguntas y utilizar los consejos proporcionados aquí, puede hacer un precioso diseño de blog que se vea genial y lo ayude a trasmitir su mensaje con perfección.
Esperamos que te haya gustado nuestro artículo 23 preciosos ejemplos de diseño de blogs y 5 espectaculares
y todo lo relacionado con ganar dinero, conseguir un trabajo , y la economía de nuestra casa .
   |
Cosas interesantes para saber el significado: inversor
También aquí dejamos temas relacionados con: Ganar dinero
