Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Paristeampunk
Paristeampunk
10 juin 2016

Nouvelle présentation du blog

Le blog a reçu un bon coup de lifting pour prendre les traits des tendances actuelles : moins d'éléments à l'écran, une lecture plus zen, un contenu davantage "responsive design" (même s'il y a encore bien des choses à améliorer de ce côté-là !).

Ainsi, j'ai opté pour supprimer les barres de navigation à gauche et à droite, et condenser leurs infos (zooms sur les études, tags, zooms sur les bâtiments et albums photos) dans une unique barre plus étroite calée à droite. Les catégories sont toujours accessibles, mais dans un bandeau horizontal sous le titre.

Le contenu principal se retrouve donc seul sur une colonne plus large, afin de donner plus d'importance aux photos. Le texte a été agrandi, et sa lisibilité améliorée (police de caractères foncée sur fond clair).

Le design global est beaucoup plus simple, sans surcharge, afin de rendre la lecture de la colonne principale la plus plaisante possible, sans interférence. La police utilisée pour le titre du blog et des différentes catégories de la barre de droite est Ailerons , qui apporte une touche de nouveauté à l'ensemble (police créée en 2015). On s'éloigne par ailleurs de la touche Art Déco pour s'approcher d'une ambiance années 30-40 (moins steampunk, mais pas trop éloignée du sujet non plus). La police du texte est Raleway (c'est une police "web" – c'est-à-dire qui n'est pas forcément préalablement installée sur votre machine – mais j'espère qu'elle s'affichera correctement chez vous).

D'autres ajustements sont à venir très prochainement, notamment la refonte des pages de catégories, la possibilité de rétracter la barre de navigation de droite (si j'y arrive), et la refonte de la taille des photos de tous les messages (calées sur la justification et non d'une taille fixe prédéfinie). J'essaye de créer une identité au site (polices, couleurs, icônes...), et d'avoir des éléments récurrents qui se répondent à peu près correctement. Cela nécessitera d'autres ajustements au fil de mes réflexions. J'espère que la lecture des contenus vous paraîtra déjà améliorée :)

 

----

Edit de 12/06/2016 : bon j'ai mis en place la fonction pour cacher la barre de navigation à droite, qui comporte quelques limitations (sauts notamment lorsqu'on redéploie la barre après l'avoir cachée), mais j'espère que cela sera néanmoins utile.

Publicité
Commentaires
B
Ah oui, c'est mieux, sur la tablette, ça ne passait pas du tout, je ne pouvais pas tout lire, là, c'est parfait !
B
Ouais, c'est bien ! J'ai eu un peu peur au début parce que ta colonne centrale était coupée mais après un petit réglage du zoom dans l'affichage tout va bien ! Bon, ton message, ça fait plutôt message d'éditeur que message sur Paris mais bon... ;)
Publicité