12 exemples étonnants de blogs de style maçonnerie

La mise en page de votre blog peut avoir un impact énorme sur son succès ; vous ne voulez pas que votre site soit trop encombré, trop occupé ou autrement peu attrayant pour les visiteurs de votre site. Entrez des modèles de style maçonnerie. Ils ne sont pas votre seule option pour une mise en page sans encombrement, mais le style peut offrir à votre site un aspect unique et rafraîchissant. De plus, il y a suffisamment de flexibilité pour vous aider à créer une mise en page qui correspond à votre image de marque, quel que soit votre créneau.

Heureusement, il existe de nombreux blogs de style maçonnerie sur le Web pour vous inspirer. Dans cette pièce, nous mettrons en évidence douze exemples, couvrant des niches telles que l'art, la beauté, la nourriture, etc. Jetons un coup d'œil à chaque blog - sans ordre particulier - en soulignant leurs caractéristiques et en décrivant leurs points positifs et négatifs.

1. Curiosités

Curioos est un blog d'impressions d'art, présentant des œuvres du marché des artistes Curioos. Avec un design épuré avec un fond blanc uni, une barre d'en-tête noire et un texte net, ce blog de style maçonnerie concentre toute votre attention sur chaque impression en vedette - un aspect important d'un blog riche en images.

En plus de la mise en page en maçonnerie, le site intègre également des fonctionnalités telles qu'un bouton Pinterest (qui permet aux lecteurs de partager leurs impressions préférées d'un simple clic) et un défilement infini pour aider les visiteurs à rester attachés au contenu.

2. La salade blonde

The Blonde Salad est un blog de mode, de beauté et de style de vie qui incorpore des carreaux de maçonnerie sans bordure, s'appuyant plutôt sur la largeur naturelle de la bordure de l'image pour séparer et définir le contenu.

Au fur et à mesure que vous faites défiler, l'en-tête de marque se réduit pour révéler une version statique plus petite. Cela attire l'attention sur le diaporama défilant, ainsi que sur la mise en page de l'article de blog en dessous. En atteignant le bas de la page, vous êtes accueilli par une option plus… , chargeant plus de messages que vous pouvez parcourir.

3. Accro

Hooked divise son contenu à l'aide de fines bordures grises, séparant proprement chaque tuile sans détourner l'attention de la disposition décalée. Optant pour un fond blanc avec des lettres noires et audacieuses, Hooked est similaire à Curioos en ce sens qu'il dépend de son œuvre d'art – le street art dans le cas de Hooked – pour ajouter de la texture et de la profondeur.

À droite de l'affichage des articles de blog sur la maçonnerie, vous remarquerez également une barre latérale (ce qui n'est pas une fonctionnalité courante sur les blogs de style maçonnerie) avec les sections typiques À propos de nous , Suivez-nous et Articles populaires .

4. Histoires de cuisine verte

Green Kitchen Stories est – vous l'avez deviné ! – un blog culinaire, doté d'un affichage à faible largeur et d'un texte superposé qui s'affiche en survolant chaque image. Ces éléments de conception permettent aux images présentées de parler et offrent aux utilisateurs une nouvelle touche de couleur et un site facile à naviguer.

La largeur de la bordure des carreaux fournit une ligne de division naturelle et l'aspect mince contribue de manière significative à l'affichage homogène du site. Le défilement vers le bas affiche une flèche statique des articles précédents sur le côté gauche, ce qui facilite la navigation sur le site.

5. OMFG. SI BON.

OMFG. SI BON. est un blog de cuisine réconfortante basé sur WordPress.com qui exploite la mise en page de style maçonnerie avec un affichage pleine largeur et un défilement infini.

Chacune des tuiles est divisée en deux parties – une image en haut et du texte en dessous – avec des contours distincts et séparés. Comme pour les autres sites présentés ici, OMFG. SI BON. intègre également un fond blanc, ce qui aide le site Web à paraître propre et épuré.

6. Confiture & Toast

Jam & Toast - un blog de poésie et de design - utilise un fond gris doux, une navigation statique à gauche et des superpositions d'images pour créer un site Web unique avec une mise en page en maçonnerie qui se démarque de la foule.

Lorsque vous faites défiler le site, vous remarquerez également un astucieux bouton de retour en haut dans le coin inférieur droit pour faciliter la navigation. Jam & Toast est un bon exemple de la polyvalence d'une disposition en maçonnerie et utilise un mélange de tuiles de texte et d'image sur la page principale.

7. Polienne

Polienne est un blog de style de vie, de mode et de voyage qui émule le style et la simplicité avec son affichage pleine largeur et sa bordure noire sur tout le site. Le site simplifie les choses en incorporant un logo et un menu dans le coin supérieur gauche, ce qui l'intègre parfaitement à la conception de la maçonnerie.

Le survol des images révèle une barre d'informations qui inclut les méta-informations de la publication, et la clarté est améliorée avec une superposition en niveaux de gris. Alors que Polienne n'utilise pas défilement infini, il ne l' utilisation pagination - à la fois par des chiffres, ainsi que la prochaine et des flèches précédentes en bas.

8. Amanda Céleste

Amanda Celeste est un autre blog WordPress.com, cette fois axé sur le design d'intérieur et le style - le design net et élégant a attiré notre attention, ce qui le rend digne d'être inclus.

Ce blog de style maçonnerie pleine largeur utilise un en-tête audacieux et une barre de menu statique, ainsi qu'une bordure noire inhabituelle à trois côtés. Quant à la disposition de la maçonnerie, elle est similaire aux autres figurant dans la liste. Le survol de chaque image révèle une superposition de texte Lire la suite et des bordures de contenu épaisses divisent les tuiles.

9. Ado vanité

Vanity Teen offre les lignes épurées que vous attendez d'un blog de style et de mode pour adolescents. Il présente un fond blanc et du texte noir, mais utilise également des bordures rose saumon pour briser chaque carreau de maçonnerie. Bien qu'il n'y ait pas d'effet de survol d'image ou de défilement infini, le design est un excellent exemple de la polyvalence qu'offrent les blogs de style maçonnerie.

Semblable à de nombreux autres sites, Vanity Teen comprend un en-tête de défilement. Il offre également une flèche "retour en haut" - tout comme Jam & Toast - qui est une fonctionnalité discrète qui est importante pour l'expérience utilisateur.

10. Alex au Pays de la fièvre

Alex in Feverland est un autre bon exemple de blog WordPress.com qui a le bon style de maçonnerie. En mettant l'accent sur la conception illustrative, ce site Web affiche proprement le travail de l'auteur, en les séparant par de larges largeurs de bordure et des lignes épurées. Les animations de survol sont fluides et agréables, et la superposition présente simplement le nom de chaque pièce. C'est une excellente vitrine du minimalisme, ainsi qu'un aménagement en maçonnerie.

Enfin, le site intègre une barre latérale gauche statique qui comprend un logo, une navigation clairsemée et trois boutons de médias sociaux. Dans l'ensemble, c'est sobre et magnifique à regarder.

11. Jeff Hawe

Jeff Hawe est un photographe spécialisé dans les voyages et l'architecture. Son blog utilise une typographie audacieuse, mais pas au détriment de son travail. Il utilise des bordures serrées pour séparer chaque image, ce qui peut donner l'impression que les choses sont à l'étroit, mais permet plutôt aux images d'apparaître comme un tout cohérent.

Comme quelques-uns des autres sites mentionnés dans cette liste, le défilement infini est utilisé pour aider à garder le lecteur sur place – une technique classique de rétention.

12. Juule Kay

Notre dernier blog de style maçonnerie est Juule Kay, un blog de mode qui est sans doute le blog le plus riche en images de cette liste. Il y a peu de texte sur l'affichage, et la taille variable de l'image et les bordures naturelles volumineuses pour aider à générer de l'espace.

Le site Web intègre une simple barre de menu à gauche et propose un défilement infini - les animations ici sont fluides. Le survol des images affiche une boîte blanche avec du texte noir, en harmonie avec le reste de la conception. Dans l'ensemble, ce site est un bon exemple de cohésion dans le design. Même les images présentées ont des schémas de couleurs similaires, ce qui met en valeur la beauté des dispositions de style maçonnerie.

Conclusion

Quel que soit votre créneau, chaque blog doit intégrer deux éléments principaux : le style et la fonctionnalité. Le premier a un impact considérable sur l'expérience de l'utilisateur et détermine la manière dont le contenu est livré et consommé. La fonctionnalité se prête également à une meilleure expérience de lecture et peut même améliorer le classement de votre blog dans les moteurs de recherche.

Comme nous l'avons montré, les blogs de style maçonnerie fournissent du contenu de manière cohérente et fonctionnelle. De plus, une disposition en maçonnerie peut offrir de la flexibilité, ce qui en fait une excellente option pour les blogueurs dans une variété de niches. Quel que soit le look que vous recherchez, il y a forcément un style qui vous inspire !

Quels sont certains de vos éléments préférés des blogs de style maçonnerie que nous avons présentés ci-dessus ? Faites-nous savoir dans les commentaires ci-dessous!

Image miniature de l'article par tovovan / shutterstock.com.