dans Empty

Kawa Yaka

Projet design / blog

Kawa Yaka, c’est une chaîne lancée par css4design, et à laquelle Fran6 m’a gentiment invité. Je suis gêné : il s’agit de livrer en avant-première des petits morceaux des projets sur lesquels on travaille, sachant qu’il doit s’agir de projets graphiques / design. Et je n’ai en ce moment que deux projets « blogs » :

  • un blog familial que j’ai installé chez mon hébergeur :

    • accès privé réservé aux membres de la famille et aux amis
    • chaque personne possède des droits d’auteurs pour poster des billets
    • c’est beaucoup de travail, parce qu’on découvre que les opérations que l’on fait quotidiennement sur notre blog ne sont pas évidentes pour les néophytes : il faut mettre en place des outils, et il va falloir en expliquer le fonctionnement
    • le jeu en vaut la chandelle : ça sera un super lieu d’échange et de discussion dans un cercle retreint – familial
  • les finitions de mon nouveau design : je vais parler brièvement de ça, même si ce n’est pas vraiment une avant-première, vu que c’est déjà en ligne…

Design BLOmiG

Je n’ai pas vraiment fait un travail de mise en place d’un thème, puisque j’ai travaillé à partir d’un thème dont la structure me convenait et que je trouvais programmé proprement (il s’agit de l’excellent thème wordpress de N.design Glossy Blue). Tout ce que j’ai fait a été fait (à peu de choses près) sur la feuille de style en CSS. Ma réflexion initiale est partie sur la volonté d’alléger au maximum le design pour faire ressortir les articles, et faciliter la lecture. Le blanc s’imposait donc comme couleur dominante. Comme je souhaitais conserver une sidebar, pour pouvoir afficher – entre autres – des citations de la base de données que je construit dimanche après dimanche, et les noms des meilleurs commentateurs, j’ai choisi de laisser la sidebar, en l’affichant en gris. Choix délicat, qui visiblement ne fut pas forcément bon, puisque beaucoup de lecteurs m’ont fait part de la lisibilité difficile de la sidebar. J’ai foncé un peu le gris, mais ce n’est toujours pas ça…
Pour le reste, voilà la liste de ce que j’ai changé dans le thème initial pour améliorer la navigation et la lisibilité des articles (tous les retours sont les bienvenus!) :

  • Image de fond pour la date : couleur brune claire
  • Police de caractère : famille « Bitstream vera sans », couleur gris foncé
  • Modification de toutes les polices et couleurs des différentes balises h1, h2, h3, a, etc…
  • Ajout d’une classe Lettrine pour avoir des beaux débuts de paragraphes :
    .lettrine {
    float: left; /* positionnement de la lettrine dans le conteneur*/
    font-size: 4em; /* 3 hauteurs de lignes pour la lettrine*/
    font-weight: bold;
    font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif;
    color: #007399;
    border: none;/* définition d'une bordure autour de la lettrine*/
    background-color: #FFFFFF;
    margin: 1px;
    padding: 1px;
    line-height: 1em;
    }
  • Ajout d’une classe Chapeau pour pouvoir résumer les articles longs au début
  • Ajout d’une classe rss-feed pour afficher en bas des articles un bandeau d’abonnement au blog par RSS ou mail
  • Modification de la largeur des billets dans le thème (plus large que dans le thème initial
  • ajout d’un image à côté de tous les liens externes pour signifier explicitement au lecteur quand je vais ouvrir une nouvelle fenêtre (pour rendre l’utilisation des target= »_blank » acceptable…)
  • liste d’articles en relations après chaque bandeau de fin d’article
  • plugins Threaded Comments et MBLA (ajout d’une image à côté du nom des commentateurs) pour améliorer l’allure des commentaires

Voilà, ce sont les grandes lignes des modifications que j’ai effectuées sur la feuille de style de Glossy Blue ! N’hésitez pas à me faire des remarques là-dessus, je suis preneur. Ce qui me reste à faire est d’améliorer modifier le logo qui manque de caractère : qu’en pensez-vous ?

Pour finir, je vais inviter Frenchmat (je sais qu’il triture aussi Glossy Blue en ce moment), Matthieu M. (de CeciDit) (parce que son design est bien léché et qu’il doit donc avoir des trucs à raconter) et Thomas (de Toile Filante) (pour les mêmes raisons et parce que son design change par petites touches régulièrement) à poursuivre (s’ils le souhaitent) la chaine Kawa Yaka !

Write a Comment

Commenter

  1. Voilà une chaine qui est intéressante dis moi ! Merci de m’y inviter, c’est sympa.Je suis toujours curieux de connaitre le travail qui se cache derrière le design des blogs que j’aime bien visiter. On parle beaucoup du contenu, mais finalement peu du design, or cela représente des heures de travail et des tonnes de cheveux en moins ^^Je vais poursuivre cette chaîne, même si je n’ai plus vraiment de projet design sur le feu :/ Vu que je l’ai retouché il y a peu de temps. Je vais quand même en profiter pour raconter ce que j’ai fait et ce qui reste éventuellement à faire…

  2. oui, on passe tous du temps sur la forme aussi.Merci beaucoup de prendre le relais : je sais que tu as retouché ton design il y a peu, mais ce sera l’occasion de décrire ce que tu as fait…moi ça m’intéresse !bon courage

  3. Petit PS : maintenant que tu as changé la couleur de ta sidebar et du menu du haut, je dois dire que c’est mieux. Avant on y voyait pas grand chose, mais maintenant c’est plus clair et le blog reste concentré sur le contenu ;)

  4. salutmerci pour ce petit PS qui me fait bien plaisir : je trouve qu’effectivement, tel que c’est là, la sidebar est utilisable sans pour autant attirer trop le regard…merci pour retour, à bientôt !