Je vais mettre quelques petits trucs de design en vrac ici, à vous de choisir ceux avec lesquels vous êtes d'accord et ceux que vous voulez appliquer. Je suis graphiste de formation pour ceux qui se demanderait d'où je tire ces trucs ... Il y a la logique, les règles et le goût.
- Tenter de garder les colonnes d'un textes très long étroites. Un lecteur qui voit un texte très long en bloc, très large ne sera pas inciter à le lire.
- Utiliser un thème pour vos couleurs. N'allez pas dans le trop varié. Partez d'un contraste opposé, Pour ce site, c'est le contraste de couleur complémentaires bleu-orange qui est l'élément initiateur. On peut ensuite jouer avec les tons de ce contraste pour mettre des accents et rajouter des touches d'un second contraste, plus discret, ici c'est le contraste complémentaire rouge-vert. Pour ceux qui ignore encore leur contraste de couleurs complémentaire, les voici :
- Jaune-violet
- Rouge-vert
- Bleu-orange
On retrouve généralement une couleur primaire avec une couleur secondaire. Si on se lance dans le plus compiqué, vous aurez besoin d'un cercle chromatique, mais on peu se fier aux 3 contrastes primaires pour créer des contraste de secondaire et tertières. Ainsi, la couleur contraste opposée à jaune-vert sera violet-rouge. (couleur opposée à jaune = violet + couleur opposer à vert = rouge) Vous pouvez ainsi créer de forts contrastes et appaiser l'oeil. Les couleurs complémentaires sont faites pour bien s'entendre. Si un oeil voit beaucoup de rouge, il teintera les couleurs environnantes de vert s'il n'en trouve pas. (* Faite le test, fixer une feuille jaune pendant 30 secondes et ensuite regarder un mur blanc ... vous verez la forme de la feuille en violet sur le mur ... votre rétine à imprimer la couleur complémentaire durant le temps que vous fixier le jaune.) Vous pouvez aussi travailler en "boite", on a appris comme ça à l'école nous. Avant même la création d'un visuel de site, je me choisi 4 couleur de base, pas nécéssairement des contraste, et ensuite je ne sors pas de ces 4 coulers la, là dedans, y'as une couleur pour le fond, une pour le texte, les liens, etc, ... J'ai droit de prendre n'importe quoi, mais que 4 couleurs. Vous pouvez cependant altérné les couleurs. Le fond n'est pas obligé d'être toujours blanc, dans la deuxème page, il peut être bleu marin avec le texte blanc et ainsi de suite. Le but est d'unifié l'univers de votre site. Voici quelques exemple de ces palettes :
Palettes créent par M.Sabin Farley, merci!
- Utilisez les titres/sous-titres dans vos pages pour organiser l'information, c'est simple, ca n'est pas difficile et les gens retrouve plus vite ce qu'ils cherchent.
- Comme j'ai expliqué dans la section ergonomie, toujours faire attention à la dimension de votre site par rapport à la résolution de votre publique cible.
- Essayez tout de même d'être créatif! Dessiner le visuel de votre site sur papier avant de vous lancer dans le code source. On trouve de bonnes idées en esquissant une mise en page sans réfléchir au code parfois!
- Vous pouvez utiliser des éléments "image" dans vos mise en page pour faire plus unique. Utiliser des boulet que vous avez crée vous même à la place de la liste à puce bien connu (utilisée ici!)
- Travailler en tableau! Cette methode est de plus en plus contreversée avec la montée en popularité du CSS, mais pour débuter en tout cas, c'est pratique! N'essayez même pas de tout mettre sur une page au même niveau! Imbriquer des tableau ensemble pour donner une meilleure flexibilité à votre page.
- Si vous voulez jouez avec le texte, faites très attention à l'italique ... la grille horizontale/verticale des pixels (x/y) a tedance a déformer les caractères ... rajouter des espaces pour mieux calibrer la lecture si vous y tenez absolument
- Voici une liste des équivalence MAC vs. PC au niveau des fonts disponible pour le web :
|
Mac
Helvetica
Times
Courier
Symbol
Geneva
New
York
Chicago
Zapf Dingbats
Palatino
|
>
>
>
>
>
>
>
>
>
|
PC
Arial
Times New Roman
Courier New
Symbol
MS Sans
Serif
MS Serif
No equivalent
WingDings
Book Antiqua |
| Votre site web pour
9,95 € / mois !
Nom de domaine inclus !
Emails inclus ! Créer votre
site en 10 minutes !
www.webself.net
|