revoir l'esthétique du site

Levi59 · Le 05/11/2009, à 13:19

Si on peut faire une page spéciale pour chaque declinaison du site pourquoi vouloir absolument la même étoile?

sam7 · Le 05/11/2009, à 16:02

Je me répète : c'est une décision collective à la majorité lors d'une réunion IRC il y a je crois 2 ou 3 semaines (il faudrait reprendre les CR de réunions) :

- la couleur de l'étoile ne doit pas être associée à la couleur de la déclinaison, mais à la couleur de la catégorie d'évenement annoncé (comme prévu lors d'une des dernières réunion IRC... mais il est vrai que nous n'avons pas encore définie les couleurs de chacunes de ces différentes catégories, ni ces catégories ... mais seulement le principe qui a été acquis et validé ... donc pour les mockups, ça sera étoile orange pour toutes les déclinaisons (il en faut bien une...)

...et c'est aussi pour éviter d'avoir à coder plusieurs étoiles (ou autre "image") à chaque nouvel évênement annoncé, dans chacune des déclinaison ...
1 évênement/annonce = 1 étoile/image ... la même pour toutes les déclinaisons...

maintenant, nous pouvons très bien commencer à réfléchir ici à ces différentes catégories d'annonces et aux couleurs associées ...
(il faudrait selon moi des couleurs qui ressortent bien dans chacunes des différentes déclinaisons ... donc ne reprendre ni le brun d'ubuntu, ni le bleue de kubuntu, ni le gris de xubuntu, ni le rouge d'edubuntu ... il reste encore beaucoup de couleurs en plus du orange : jaune, vert, mauve, turquoise ... la palette de couluers est vaste...)

et je souhaiterais que l'on décide également rapidement pour "freezer" la ou les couleur(s) de notre "infobulle" spéciale en bas du bandeau à 3 colonnes ... comme évoqué précédemment (#1044)

... qu'en dites-vous ?

merci pour vos observations constructives ...
... dans la direction de ce qui a été décidé (tout ne peut pas plaire à tout le monde, c'est comme ça)...
Si vous voulez donner votre avis et faire entendre votre voix, il faut assister / participer aux réunions du lundi soir sur IRC canal #ubuntu-fr-devweb (entre 21h15 & 23h15 approximativement)

fabien961 · Le 05/11/2009, à 21:45

Waouh, c'est super de voir que les mockups avancent bien.
Pour l'histoire de l'étoile : je crois effectivement que c'est juste un exemple d'image qui annonce un évènement, donc on ne peut pas se permettre d'avoir une image différente pour chaque déclinaison. D'ailleurs, je pense que cette image fera partie du "contenu" (mis à jour via l'interface admin) et pas du "thème".
Pour moi, il peut y avoir à la place de l'étoile des images de ce style :

ou
we%20want%20you%20for%20ubuntu-fr.png
Donc on ne peut pas prévoir la couleur dominante de l'image à l'avance.

Dernière modification par fabien961 (Le 05/11/2009, à 21:46)

sam7 · Le 05/11/2009, à 23:37

tout a fait d'accord avec toi ...
il est vrai que lors de cette fameuse réunion, nous avions évoqué le "compte à rebours"...
merci de conforter mes dires.

YannUbuntu · Le 06/11/2009, à 08:05

dans mon message précédent :

YannUbuntu a écrit :

a mon avis les versions sont deja suffisamment harmonisees, inutile de se rajouter des contraintes "de principe" pour les couleurs, il vaut mieux veiller a la lisibilité et l'esthétique de chaque page.

, je ne pensais pas a l'etoile (qui ne pose pas probleme pour moi), mais aux couleurs des titres et fonds, car comme Julientroploin je trouve qu'il y a des problemes de lisibilité dans les mockups:

- sur accueilV4_x.png, le "SUPPORT" se voit très peu
- sur accueilV4.2.png et accueilV4_x.1.png et accueilV4_k.1.png c'est "RESEAU" qui se voit mal.

Je pense que le principe "les 3 titres doivent etre des 3 couleurs de chaque logo" est sympa, mais ca ne me dérangerait pas si on l'abandonnait pour résoudre les problemes de lisibilité cités ci-dessus.

sam7 · Le 06/11/2009, à 09:13

ah, ok, je vois...
effectivement, 2 solutions sont possibles :
- abandonner ce principe
- changer la couleur du fond du bandeau pour que ces 3 couleurs soient visibles

quelle solution préférez-vous ?
à décider rapidement pour freezer les mockups avant lundi si possible... svp merci.

Levi59 · Le 06/11/2009, à 11:09

Et pourquoi pas faire non pas une étoile de chaque couleurs en fonction des évènements mais une seule et même étoile avec un liserait changeant de couleur selon les besoins?

C'est pas possible?

sam7 · Le 06/11/2009, à 12:20

pourquoi pas ? effectivement... mais l'étoile n'est qu'un exemple pour les annonces qui peuvent prendre plusieurs formes... comme rappelé dernièrement par fabien961

Smon · Le 06/11/2009, à 12:22

sam7 a écrit :

ah, ok, je vois...
effectivement, 2 solutions sont possibles :
- abandonner ce principe
- changer la couleur du fond du bandeau pour que ces 3 couleurs soient visibles
quelle solution préférez-vous ?
à décider rapidement pour freezer les mockups avant lundi si possible... svp merci.

Je pense qu'il est préférable de corriger la couleur de fond. J'ai déjà fait une proposition en brun pour Ubuntu qui a, il me semble, assez plu.

On peut tenter un truc similaire pour xubuntu et kubuntu ...

sam7 · Le 06/11/2009, à 12:45

c'est effectivement ma solution favorite également

peux-tu essayer de proposer quelque chose ?

d'avance, merci

boogy · Le 06/11/2009, à 20:55

c'est pas ce qui est de plus important mais je suis quand même d'avis de mettre un peu plus de couleurs dans le thème du forum.

sam7 · Le 06/11/2009, à 22:51

je ne pense pas... il faut rester dans les gammes de couleurs prévues en fonction des différentes déclinaisons...

sam7 · Le 07/11/2009, à 12:19

alors ? quels sont vos "choix" sur mes propositions ?
aurons-nous de belles images pour mettre sur le serveur pour la réunion de lundi soir ?
merci d'avance.

Julientroploin · Le 07/11/2009, à 12:44

YannUbuntu et moi sommes sur la même longueur d'onde sur ce point :

YannUbuntu a écrit :

dans mon message précédent :
YannUbuntu a écrit :
a mon avis les versions sont deja suffisamment harmonisees, inutile de se rajouter des contraintes "de principe" pour les couleurs, il vaut mieux veiller a la lisibilité et l'esthétique de chaque page.
, je ne pensais pas a l'etoile (qui ne pose pas probleme pour moi), mais aux couleurs des titres et fonds, car comme Julientroploin je trouve qu'il y a des problemes de lisibilité dans les mockups:
- sur accueilV4_x.png, le "SUPPORT" se voit très peu
- sur accueilV4.2.png et accueilV4_x.1.png et accueilV4_k.1.png c'est "RESEAU" qui se voit mal.
Je pense que le principe "les 3 titres doivent etre des 3 couleurs de chaque logo" est sympa, mais ca ne me dérangerait pas si on l'abandonnait pour résoudre les problemes de lisibilité cités ci-dessus.

Je n'aurais rien de nouveau à proposer dans les jours qui viennent : non seulement j'ai pas mal de boulot dans les jours à venir mais en plus je seche un peu sur les couleurs du fond de menu...

sam7 · Le 07/11/2009, à 12:49

ok, merci pour ces précisions...

luK · Le 07/11/2009, à 17:24

Des news:
- déclinaisons de "toutes" les couleurs pour "toutes" les distributions
- finition sur le "trait" qui apparait avec l'infobulle du menu

Aperçus:
* Ubuntu:
- menu avec degrade: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.png
- menu avec titres 3 couleurs:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.1.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.1_1.png
- menu avec titres 1 couleur:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.2.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.2_1.png

* Kubuntu:
- menu avec degrade: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.png
- menu avec titres 3 couleurs:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.1.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.1_1.png
- menu avec titres 1 couleur:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.2.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.2_1.png

* Xubuntu:
- menu avec degrade: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.png
- menu avec titres 3 couleurs:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.1.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.1_1.png
- menu avec titres 1 couleur:
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.2.png
http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.2_1.png

A vous de choisir!

sam7 · Le 07/11/2009, à 17:59

impressionnant ton travail luk, merci...
avec tout ça, je pense que l'on pourra voter en toute connaissance de cause lundi soir,
ainsi dès mardi au plus tard je pourrais mettre sur le serveur ce qui aura été retenu...

personnellement, dans ce que tu nous proposes, mon choix se porterais vers :

ubuntu : http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.1.png
kubuntu : http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.1.png
xubuntu : http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.1.png

ces choix seront-ils ceux de la majorité ? ... nous le saurons lundi soir lors de la réunion
IRC qui aura lieu canal #ubuntu-fr-devweb approximativement entre 21h15 & 23h15...
... venez nombreux pour faire entendre votre voix, merci.

Dernière modification par sam7 (Le 07/11/2009, à 18:07)

Julientroploin · Le 07/11/2009, à 19:21

Arrrrrg! plus on rentre dans les détails, plus le choix va être difficile!
Avec ces couleurs, il n'y a plus aucun problème de lisibilité pour les titres du menu, je me contenterais de n'importe lequel de tes mockups ;p
Mais bon il faut bien choisir...
Je trouve ta nouvelle présentation pour le trait et le texte de l'étiquette d'information bien plus classe de tout ce qui a été proposé avant : à garder absoluement selon moi.

Pour moi, ce serait :
En 1 : les versions avec les dégradés (et oui, je persiste...)
En 2 (pas loin derrière) : les versoins unies avec des titres de colonnes différentes
En 3 (bien plus loin) : les versions avec une seule couleur de titre...

Pour l'étoile, je pense que sa couleur doit resortir, mais pas vraiment de préférence, le orange et le jaune peuvent contenir à deux classes différentes d'évenements.

Pour info, j'ai pris un avis exterieur (et féminin...) sans lui dire ma préférence et elle à choisis les mêmes que moi.

Quelques détails LuK :
- Pour tes mokups "Kubuntu" tu as oublié le K dans le titre...
- Tu n'as pas fait de mockup edubuntu. Pas d'inspiration? Oubli? satisfait de ce que j'avais proposé?
- Je ne suis pas d'accord avec toi quand tu dis "A vous de choisir" : donne nous aussi ta préférence! Bon je pense à travers tes mails passés que je la connais déjà à peu près... mais ce serait bien que tu participes au choix.

Mpok · Le 08/11/2009, à 01:49

Julientroploin a écrit :

Arrrrrg! plus on rentre dans les détails, plus le choix va être difficile!

Ca, c'est clair... Et je trouve que vous attachez bien trop d'importance à ces "détails" à cette étape du projet (mokups).
Lors du codage, bien plus de "détails" risquent de poser pbm, car d'autres considérations vont entrer en ligne de compte (autres que l'aspect purement visuel) :
- faisabilité en CSS.
- validité du code.
- respect (le plus possible) de la sémantique.
- compromis éventuels pour un affichage correct sur tous les navigateurs/systèmes.
- et j'en passe...
Et je ne parle même pas de la transposition (au moins globale) au forum (pour rendre l'ensemble cohérent) : là, les problèmes risquent d'être doublés : d'une part, vous n'avez pas la mainmise totale de l'organisation (les différents blocs), et d'autre part les CSS de FluxBB sont organisés... bordéliquement (imo).
Du coup, il est possible (mais c'est pas sûr...) que certains "détails" soient remis en cause au moment du codage. Il sera alors temps d'en discuter entre vous.

Bref, désolé de jouer un peu "la mouche du coche", mais mon impression est que les choses n'ont pas beaucoup évoluées par rapport à ce que j'avais vu il y a 2 mois... (j'exagère un peu, volontairement.. )
Ce qui n'empêche pas que je considère ce nouveau design comme excellent (globalement), et que je respecte le travail déjà fait.

Pour donner mon avis sur les récents aspects (le menu du bas), je donnerais un classement totalement inversé par rapport à celui de Julientroploin ci-dessus :
- 1 : version unie avec une seule couleur de titre
- 2 : version unie avec 3 couleurs de titre (ça dépend en fait des couleurs choisies : je rejoins les avis de je ne sais plus qui sur la lisibilité de certains titres..).
- 3 : version degradés (quoique je n'ai rien contre, mais à condition que le critère de lisibilité soit respecté, donc dégradé "léger" et fort contraste sur les titres et les liens).

(Note : personnellement, je n'aime pas le liseré supérieur de ce menu, qui me semble superflu...)

Julientroploin · Le 08/11/2009, à 11:29

Mpok a écrit :

Julientroploin a écrit :
Arrrrrg! plus on rentre dans les détails, plus le choix va être difficile!
Ca, c'est clair... Et je trouve que vous attachez bien trop d'importance à ces "détails" à cette étape du projet (mokups).

Peut-être, mais c'est pas une perte d'énergie pour le codage puisque ceux qui s'occupent des mockups image ne sont pas ceux qui codent (j'en serais personnellement bien incapable...) : le codage avance en parallèle grâce à Fabien et à McPeter (je crois).
Donc il faut bien qu'on s'occupe en attendant qu'ils aient quelque chose à nous montrer ;p
Pour le codage html, ils n'ont pas soulevé d'impossibilité à partir des mockups image... reste à voir ce que donnera le passage à drupal.

Dernière modification par Julientroploin (Le 08/11/2009, à 11:29)

YannUbuntu · Le 08/11/2009, à 15:59

Comme Julientroploin, je préfère avec le dégradé (le blanc passe mal sur le fond uni marron clair). Mais pour plus de lisibilité, on pourrait changer la couleur des titres qui posent problème. Par exemple:

(ou bien on peut mettre les 3 titres en jaune par exemple)

sam7 · Le 08/11/2009, à 23:44

Mpok a sans doute raison sur certains points, mais on verra le moment venu...
je pense qu'en cas de problèmes de codage, certaines discussions que nous avons eu pour les mockups "images" servirons à orienter les codeurs afin qu'ils nous proposent la meilleure des solution correspondant à "l'esprit recherché" pour remédier au problème... & qu'ils ne nous proposent pas quelque chose de "hors sujet"...
... mais croisons les doigts, à priori pour le moment, il n'y a pas de soucis.

fabien961 · Le 09/11/2009, à 21:13

Julientroploin a écrit :

Peut-être, mais c'est pas une perte d'énergie pour le codage puisque ceux qui s'occupent des mockups image ne sont pas ceux qui codent (j'en serais personnellement bien incapable...) : le codage avance en parallèle grâce à Fabien et à McPeter (je crois).

Ben non ! Le codage a plus ou moins été "freezé" en attendant que les mockup images soit finalisés pour toutes les versions.
Je suis d'accord avec Mpok sur le fait qu'il ne faut pas s'éterniser sur des détails. Mais des détails pour moi (je ne connais rien aux couleurs ni au graphisme) peuvent ne pas être des détails pour d'autres. Donc en résumé : OK pour parler des détails, mais là je crois qu'on arrive à un point où il faut freezer les mockups. On pourra pinailler un peu plus tard, quand on en sera au paufinage.

sam7 · Le 09/11/2009, à 21:22

En direct "live" de la réunion IRC de ce soir sur #ubuntu-fr-devweb ... venez nous rejoindre

ordre du jour :

premier sujet : validation des différents mokups
(réalisés par luk ... & les autres mockups tombent à l'eau)

Résultat du vote de ce soir :

il faut faire une demande à LuK pour les versions dégradé+1 couleur
... et c'est ça qu'il faudra mettre sur le serveur

...sans oublier la variante d'edubuntu...
la couleur des titres sera la couleur "médiane" du logo
& ne pourrait-on pas mettre un peu de couleur (la même) pour le trait horizontal & le texte de "l'infobulle" afiché en bas du bandeau ?

fabien961 a déjà mis quelques mockups sur http://dev.ubuntu-fr-secours.org/MOCKUP/ merci à lui
Luk pour tes mockups, svp, utilise The Gimp ! merci d'avance.
et il y a les sources de Luk ici http://lukdesigner.free.fr/Ubuntu/v4/Decoupes/Accueil/

second sujet : le html + CSS & intégration drupal

http://dev.ubuntu-fr-secours.org/SITE/HTML/accueil.html
...avec correction des quelques fautes d'orthographe...
(je laisse aux spécialistes le soin de résumé ce point là
car je ne comprends pas tout)

troisième sujet : mockup du forum
adapter celui-ci http://doc.ubuntu-fr.org/_detail/projets/freeze_forumv4_1.png?id=projets:design2009
à ce que nous avons décidé ce soir, le tout dans les différentes déclinaisons

petit bonus dans le bandeau latéral gauche : il serait bien de pouvoir rajouter dans le bandeau latéral un lien qui permet d'avoir uniquement les sujets dont on est l'auteur du 1er post, ça serait drôlement pratique ! ça sera "mes topics" (ou "mes fils" ?) ... le contenu de ce bandeau sera "actualisé" pour reprendre les liens actuels (car tous ne figurent pas sur ce mockups ... et pour supprimer les quelques derniers "messages récents"...)

bonus, à l'étude : un lien "voir l'organigramme de l'association" dans le "à propos de l'association" ...

Voilà pour ce soir ... nous attendons donc les derniers mockups de la page d'accueil du site retravaillés par Luk
... et les "premiers" mockups retravaillés de l'acceuil du forum... merci à tous les participants.

Dernière modification par sam7 (Le 09/11/2009, à 23:28)

xabilon · Le 10/11/2009, à 01:28

Pour le forum (et aussi la doc et le planet), la problématique est différente que pour la page d'accueil, qui n'est qu'une seule page.

Il y a plusieurs types de pages sur le forum :
- index (liste des forums)
- page forum (liste des sujets d'un forum)
- page message (liste des messages d'un sujet)
- page liens de recherche (messages récents, mes messages, etc ...)
- page d'inscription
- page des règles
- page du profil
- page d'administration (accessible aux modos et aux admins)

C'est pour ça que je pense qu'il faudrait toucher le moins possible au HTML, et faire un CSS qui "s'adapte" au HTML actuel.
En fait "des" CSS, car il y en au moins 2 : menu fixe et Ubuntu. Vous pouvez le changer dans votre profil (limitez-vous à ces deux là, sinon vous pouvez avoir des problèmes ...)

Je suis pas vraiment convaincu par les rubans en diagonale sur les bords des cadres. Ils "débordent" sur l'item du dessous, et en fonction de l'utilisation de ce CSS en particulier, ça peut donner des résultats bizarres.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1051 Le 05/11/2009, à 13:19

Re : revoir l'esthétique du site

#1052 Le 05/11/2009, à 16:02

Re : revoir l'esthétique du site

#1053 Le 05/11/2009, à 21:45

Re : revoir l'esthétique du site

#1054 Le 05/11/2009, à 23:37

Re : revoir l'esthétique du site

#1055 Le 06/11/2009, à 08:05

Re : revoir l'esthétique du site

#1056 Le 06/11/2009, à 09:13

Re : revoir l'esthétique du site

#1057 Le 06/11/2009, à 11:09

Re : revoir l'esthétique du site

#1058 Le 06/11/2009, à 12:20

Re : revoir l'esthétique du site

#1059 Le 06/11/2009, à 12:22

Re : revoir l'esthétique du site

#1060 Le 06/11/2009, à 12:45

Re : revoir l'esthétique du site

#1061 Le 06/11/2009, à 20:55

Re : revoir l'esthétique du site

#1062 Le 06/11/2009, à 22:51

Re : revoir l'esthétique du site

#1063 Le 07/11/2009, à 12:19

Re : revoir l'esthétique du site

#1064 Le 07/11/2009, à 12:44

Re : revoir l'esthétique du site

#1065 Le 07/11/2009, à 12:49

Re : revoir l'esthétique du site

#1066 Le 07/11/2009, à 17:24

Re : revoir l'esthétique du site

#1067 Le 07/11/2009, à 17:59

Re : revoir l'esthétique du site

#1068 Le 07/11/2009, à 19:21

Re : revoir l'esthétique du site

#1069 Le 08/11/2009, à 01:49

Re : revoir l'esthétique du site

#1070 Le 08/11/2009, à 11:29

Re : revoir l'esthétique du site

#1071 Le 08/11/2009, à 15:59

Re : revoir l'esthétique du site

#1072 Le 08/11/2009, à 23:44

Re : revoir l'esthétique du site

#1073 Le 09/11/2009, à 21:13

Re : revoir l'esthétique du site

#1074 Le 09/11/2009, à 21:22

Re : revoir l'esthétique du site

#1075 Le 10/11/2009, à 01:28

Re : revoir l'esthétique du site

Pied de page des forums