Projet final du cours en HTML et crée entièrement à l'aide de codes CSS, cette page MegaMan à été réalisée par pur plaisir. Au début, je n'avais pas d'idée générale pour le design alors j'ai un peu improvisé. J'ai tout de même rendu le site très simple et facilement navigable avec des couleurs digne du sujet. J'ai voulu rendre la navigation la plus simple et primitive possible, boutons à gauche avec contenu au millieu, titre en haut et informations en bas. Le site comme tel a quand même beaucoup de contenu images car j'ai crée des états différents sur les boutons pour chaques pages du site avec des couleurs sujet au titre de la page. Cependant, le design du contenu des informations est pratiquement le même de page en page tout simplement pour rendre la navigation entre les pages beaucoup plus facile pour les yeux. Cela évite d'avoir trop de changements brusques qui pourrait perdre l'attention de l'internaute.
Le contenu comme tel est inséré dans une boîte de texte défilable pour créer un espèce de design futuriste qui se marie bien avec le jeu MegaMan. La police, elle, est simple et typique, pourquoi? Tout simplement parce que les polices simples et typiques sont les plus faciles à lire. Je ne voulais pas que le lecteur aie mal à la tête après 2 minutes. J'ai également choisis une couleur de texte qui avait un excellent contraste avec la couleur du fond. Par contre, la police des boutons est différente et a plus de style tout simplement parce que le lecteur n'a pas à y lire un texte. Le reste des informations moins pertinantes est dans le bas de la page pour ne pas trop déranger l'internaute.
http://eleves_tim.cmaisonneuve.qc.ca/e0000382/pageMegaman/index.html
Aucun commentaire:
Enregistrer un commentaire