[Débutant] Un portfolio: www.marylene.site90.net

(reprise du message précédent)

Oui c'est pour cela que je parlais de captcha inversé (=invisible), ça marche effectivement très bien sur de petits sites.

Vaxilart a écrit :
Je trouvais aussi les textes en noirs un peu fades, hors j’avais essayé différentes teintes de gris et quelques couleurs, mais rien ne semblait ressortir suffisamment pour que la lecture soit claire.
Toutefois, je ne connais pas grand-chose aux couleurs, vous connaissez une bonne documentation à lire sur le sujet?

Disons que ce qu'il faut, c'est que tu trouve une couleur qui soit foncée pour que la lisibilité soit bonne. La lisibilité se fait par le rapport entre le niveau de gris optique du fond et celui de la typographie. Si le fond est clair il faut une typo sombre, si le fond est foncé il faut une typo claire, et si le fond est médian, il faut une couleur maximisée dans le sombre ou le clair selon le cas.
Il n'est pas nécessaire de mettre un noir absolu, si tu mets une couleur qui s'approche du noir (proche du rgb 0-0-0) mais pas tout à fait, si une des valeurs entre rouge vert ou bleu est plus présente que les deux autres, cela changera la teinte, qui tout en restant foncée, lui donnera une légère intonation de la couleur choisie.
Pour des infos sur la couleur, tu peux faire un tour sur ce site :
pourpre.com
Il a des infos intéressantes.

Vaxilart a écrit :
Je vois ce que tu veux dire, c’est vrai qu’elle attire le regard. Est-ce que ça rééquilibrerais le tout de travailler d’avantage le nom du site pour le faire ressortir d’avantage ? (ombre/contour – m’enfin, lui donner un peu plus de forme et de couleur)

Il y a plusieurs problèmes qui font que la fleur se voit plus que l'élément graphique sous le titre :
- au niveau des tailles, ils occupent un espace sensiblement égal, même si le remplissage occupe l'espace différemment.
- au niveau du contraste, l'élément graphique est relégué en seconde lecture car il sert de fond au titre. En revanche la fleur se suffit à elle même.
- au niveau finesse, la fleur est travaillée de manière plutôt réaliste, alors que l'élément graphique est en aplat (même si depuis tu as ajouté une ombre, qui par ailleurs nuit à la lisibilité des intitulés du menu). L'élément réaliste attire généralement plus facilement l'œil car le spectateur perçoit quelque chose qu'il reconnait, alors que l'élément graphique lui demande de l'analyser pour l'interpréter.
Au final tu as 3 éléments (titre, fleur, élément graphique), il faut que tu décide quelle hiérarchie leur donner pour mettre en valeur ce qui compte en priorité, à mon sens le titre, donc le rendre attirant par le visuel qui l'habille et non pas cette fleur qui se trouve à l'opposé dans le bandeau d'entête.

a écrit :
Ces compétences ayant rapport avec un projet pédagogique (et étant numéroté dans la matière officielle du ministère de l’éducation), il n’était pas question de les remplacer (c’était une partie noter à l’université pour Marylène).
Toutefois, j’ai commencé à apprendre Javascript et je pensais faire un script qui afficherait un nom plus explicite de la section lors d’un survol de souris.

Dommage pour les visiteurs qui ne sont pas forcément au courant, et qui veulent trouver une information facilement. Si tu peux mettre une infobulle ca serait déja un mieux.

Laurie-Anne a écrit :
Oui c'est pour cela que je parlais de captcha inversé (=invisible), ça marche effectivement très bien sur de petits sites.

Ah ok, je ne savais que ça s'appelait comme ça…

Salut, trois petites réflexions:
- Il n'y a pas de favicon.
- logo_mary.png est trop courte, ou l'ombre est trop large, du côté droit on a l'impression qu'il y a un trait vertical. Pas bien gênant, mais quand on l'a vu...
- Question aux spécialistes. Cette manière de coder est-elle correcte? <edit>oui, trouvé http://dev.w3.org/html5/spec-author-view/sections.html#the-nav-element </édit>

<header>
    <nav>
    </nav>
</header>

Ne serait-ce pas cette manière qu'il faut utiliser?

<header>
</header>
<nav>
</nav>

Pour ce qui est des couleurs. Jette un œil à http://fr-fr.colourlovers.com/
Modifié par brischri (26 Jun 2010 - 16:31)