[B8, G1] Interface Web

Interface web
(cc) Chloé Hernandez (15/02/13)

Durant ces deux dernières semaines nous avons principalement avancé sur la phase web de notre projet. En effet, nous devons réaliser un site web, afin de diffuser nos épisodes de Profession étudiant  et décrire notre projet d’étude. Ainsi, nos réalisations pourront être visionnées par tout internaute qui se rendra sur le site.

Première étape : nous avons effectué en cours d’infographie plusieurs propositions de maquette pour le site web et nous avons retenu un modèle type. Ensuite, nous avons prédéfini l’espace de l’interface web. Sur la photo, nous pouvons voir l’ébauche de cette maquette réalisée à l’aide du logiciel Photoshop CS4. Le site sera constitué d’une bande texte sur le haut, indiquant le titre et le logo, mais aussi de quatre grandes images au centre de la page d’accueil, représentant nos projets, chaque image correspondant à un épisode. Ici bien sur, il s’agit d’images factices, car nous n’avons pas encore choisi les visuels définitifs. Sur la colonne de gauche (ici représentée en rose), se trouve le menu du site, où les internautes peuvent cliquer sur les différentes rubriques : épisodes, personnages et projets.

Les couleurs choisies sur cette ébauche d’interface ne sont pas celles que nous choisirons pour le site définitif. Il s’agissait, durant l’exercice, de remplir la maquette afin de mieux visualiser l’espace. Ils nous restera à définir prochainement, les véritables couleurs, la police du texte, mais aussi les visuels et les interactions du site, avant le passage au codage.

 Chloé Hernandez

Florent P.

Écriveur, théâtreur, dessineur, dreameur.

More Posts - Website


Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.