[25-09-07] Commande Interfaces web - Oyoel [TERMINEE]

Nouvelle interface qui j'espère sera plus "maléable" AFS_v1




Bon je t'avoue que l'emplacement des login/*PSw and Co à ce niveau m'enmerde un peu au niv de l'image de fond .. mais bon l'essentiel est de pouvoir intégrer facilement les éléments mobiles !!

Ouep pas mal du tout ca, parcontre, la ligne login/password tu pourrais l'enlever de l'image ? Ou alors mettre à disposition les blocs (image globale du fond, image de l'entête, barre network etc... ?)

Avec le bleu unis comme ça, ca devrait pas me poser trop de problème.

Parcontre l'image d ela femme en bas, c'est du fond ou du footer ? (en gros sera-t'elle recouverte par le bleu ou pas ?)

Et puis il me faudra le PSD de dispo (ou tout les éléments "découpés").

Ouuuuuiiiii je te fais tout ça ... pour l'instant je n'ai pas encore fini de rajouter les éléments manquants .. .

Pour la chtite femme en bas c'est du footer .. mais bon ce serait dommage de la voilé avec le bleu.. donc elle risque de changer de place ou carrément disparaitre (à moins que tu ais une idée ?) pour ne laisser que le magma qui lui pourra être caché par le bloc bleu ..

Donc je te filerais le tout (.psd comprit, dès que possible là je taff et donc je suis pas chez moi)

Moi aussi je taff donc pas d'urgence du tout .

Question importante : les entêtes de titres sur le menu à gauche verticale .... je suppose que on ne peut pas en faire des boutons ???

Ca reste du texte, après tu peux faire un fond style bouton ! Je pense pouvoir coller une image de fond sur les titres.

Plop, pas mal, deux choses à première vue :

- Tu peux écrire réseau sur la barre network à gauche (l'écrire comme menu, peut-etre en un peu plus petit si ca passe pas) ?

- Ben comme déjà dit, la barre de menu horizontale, on ne peut garder que le MENU écrit en image. Les autres libellés doivent être enlevés. Parcontre je verrais bien coller des boutons avec un peu le mm look que la barre network mais un bouton pour chaque libellé. Tu en penses quoi ?

Le reste, ca m'a l'air tout bon.

- Tu peux écrire réseau sur la barre network à gauche (l'écrire comme menu, peut-etre en un peu plus petit si ca passe pas) ?

Oui je peux

Parcontre je verrais bien coller des boutons avec un peu le mm look que
la barre network mais un bouton pour chaque libellé. Tu en penses quoi ?

Que je n'ai rien compris !!!!! Tu parles de bouton pour ?? Parceque pour le menu horizontale ce n'est pas possible, idem pour le menu verticale.. donc je m'y perds un peu

Lol dur de se comprendre .

Alors ce qu'il n'est pas possible de faire : Un bouton avec un libellé.

Ce qui est possible de faire : Mettre une image en fond des libellés (en gros, le texte sera le même que maintenant mais le bouton du fond sera une image que l'on met nous).

Et en implémentation, juste par la zone de titre horizontale :
- Une image de fond comprenant le visuel de maille et "MENU" d'écrit comme à l'heure actuelle.
- Par dessus on colle, pour chaque lien, une image (la même pour tout les liens).
- Sur chacune de ces images on verra le texte actuel ("Accueil, News, Screenshots). De ce texte je peux changer la couleur et la taille (mais malheureusement pas la font).

Donc toi ce que tu as à faire pour cette partie du design :
- le fond avec "MENU" d'écrit sur la gauche (donc comme ce que tu as fait actuellement si on enlève les libellés Accueil, News, Screenshots, FAQ, Lexique, Forums et Feedback).
==> Déjà fait, juste à enlever les libellés en trop

- Une image sans texte dessus qui peut s'intégrer facilement sur ce fond (et qui peut être divisée en partie gauche, milieu et droite sachant que le texte sera écrit sur la partie milieu, donc les parties gauche et droite ne doivent pas être trop large).
==> à Faire. Cette image se répètera autant de fois qu'il y a de liens différents dans le menu horizontal.

J'espère que c'est plus clair, pas toujours évident de faire communiquer un graphiste et un développeur .

Ok donc tu veux la barre horizontale juste avec Menu en image et le reste sans rien ou avec un fond sous entendant l'espace pour les boutons (comme la barre Network) !

Ok je reprendrais le même principe que Network !!


Ah au fait.. heu! la largeur c'est 980 max ? ou elle peut s'élargir genre 1024 ?

Alors je préfèrerais autant éviter de faire comme la barre network (autant cette dernières les liens ne changent pas alors que sur le fansite, les rubriques de titres peuvent varier, donc si à chaque fois faut modifier l'image ca va être galère).

Je préfèrerais plutot une image que l'on peut intégrer sur le fond existant sans problème et que l'on peut faire varier en largeur et répéter plusieurs fois (tu vois les boutons "Prévisualisation" et "Envoyer" du cadre "Réponse rapide" de ton forum, c'est la même image de fond sur les boutons sauf qu'elle varie en largeur et est mise derrière chaque texte).

Bon ben on va la laisser comme ça (vierge en laissant que Menu), par contre la fonte sur cette barre le mieux c'est de la mettre en blanc ou un bleu léger (ON/OFF)

ps: et pour la largeur de 980pix ??

Pour la largeur je dois t'avouer que je ne suis pas sûr à 100% mais je pense qu'on peut élargir à 1024 (mais garde un peu de marge ) sans trop de problèmes.

ça tombe bien l'interface fait 1024 en largeur totale ! Bon par contre la chtite djeunz en bas a droite à 99% elle va sauter ! je garderais que le magma !

Bon je devrais pouvoir te livre le tout (.psd, proposition de découpe, et fichiers annexes) pour ce WE.. donc surveille le ftp

Héhé oki

Je devrais avoir un peu de temps ce WE pour tout ça (et puis ca devrait rassurer Oyoel qui commence à s'inquièter ).

sérieux ?

Dernière mise à jour avant livraison


Je fais une découpe sommaire pour faire une page .html pour voir la tête que ça avait. J'ai enlevé la fille, je la remettre si il faut.. mais bon je vois pas trop comment en image de fond.

Donc dis moi si cal te convient et d'ici à samedi je te prépare le tout pour upload !

Yeah très bien !

Juste deux choses à m'assurer :

- Les petits traits de séparations sur le menu horizontal sont bien des petites images verticales (et aucunement lié au fond ?).

- Sur la colonne de gauche, tu as mis des grosses barres verticales, ca correspond à quelque chose de précis ? (début de chaque rubriques ? Autre ?) Car je ne suis pas sur de pouvoir bien les intégrer (risque de se répéter trop souvent ou de prendre un peu trop de place ?).

Enfin pour l'image de fond, je suis d'accord on garde ca comme ça. Avec juste la petite barre akdesign en footer.

Je devrais pouvoir intégrer tout ça sans trop de soucis et une fois que ca rendra comme il faut, rien ne nous empèchera d'ajouter quelques trucs en plus !

- Les petits traits de séparations sur le menu horizontal sont bien des petites images verticales (et aucunement lié au fond ?).

Exact ! elles sont indépendantes du fond (mais liées en elle par contre). Mais si il le faut je peux les désolidariser

- Sur la colonne de gauche, tu as mis des grosses barres verticales, ca
correspond à quelque chose de précis ? (début de chaque rubriques ?
Autre ?) Car je ne suis pas sur de pouvoir bien les intégrer (risque de
se répéter trop souvent ou de prendre un peu trop de place ?).

non cela fait partie du design ! elles se trouvent en dehors des 980px donc normlement cela ne devrait pas de déranger car à la découpe elles seront séparées du bloc 980.. mais pour ça il faut que je sache si tu peux gérer une largeur de 1024pix

Ok, bon je verrais de tte façon ce que ca va donner.

ça devrait être prêt pour la fin d'aprem !

Livraison faite :
Tu trouveras dans le répertoire Tabula / AFS24 :
- 4 répertoires (Header, subheader, main et footer) représentant les 4 parties de l'interface. Dans chacun de ces répertoires, un fichier .html et un répertoire images ainsi qu'un .psd avec la partie originale non compressée
- A la racine de AFS24, le .psd regroupant tout l'interface et .psd pour l'image de fond sauf si tu veux en faire une !

Donc je résume :

AFS 2.4 :
afs24 [nom de la zone]
.hml
.psd
images

Et à la racine 2 fichies .psd