Some News

Difficultés rencontrées

D’un côté design, la difficulté a été d’accepter que parfois “less is more”. La newsletter est un format chargé en texte. Bien souvent ce texte est simplement placé à la verticale et rien de plus. Je pense qu’on entend fréquemment que quand il y a trop d'informations, les gens se lassent vite et passent vite à autre chose. Je cherchais donc un moyen de “camoufler” la quantité de texte, de le rendre moins monotone.

Du côté du code, j’ai rencontré plusieurs défis. Le premier a été le dégradé en page d’accueil et la gestion de mes images, que ce soit sur leurs tailles ou sur leurs placements.

Ma plus grande difficulté dans ce projet était les éléments purement décoratifs (des cercles de couleurs). Je voulais éviter les positions fixed ou absolute, pensant que positionner les éléments en choisissant leur place avec un nombre de pixels défini était proscrit. J’ai finalement abandonné l’idée. À l’heure actuelle, je ne vois toujours pas d’autre manière de procéder pour ne pas influencer le positionnement du reste du texte. Je pense par contre que dans ce contexte, il n’aurait pas été problématique d’utiliser cette balise.

Solutions

En faisant des recherches et en lisant d’autres newsletters, j’ai remarqué que leurs mises en page étaient en général toutes très simples. Les textes étaient simplement placés dans une colonne. J’ai donc finalement opté pour ce format aussi.

Pour placer mes images librement et avoir plus de contrôle sur leurs tailles, je les ai sorties des div contenant mes paragraphes. Après correction de la part du professeur, j’ai réalisé que ce dernier point a mal été appliqué. Voulant changer la taille en fonction de la taille de l’écran, je suis passée par une balise picture or qu’il n’y a pas de changements de DA dans mes photos selon leurs tailles.