revoir l'esthétique du site

Levi59 · Le 13/10/2009, à 06:48

xabilon a écrit :

Il y a du mieux, mais sous Konqueror4 c'est pas encore ça :
http://pix.toile-libre.org/upload/thumb/1255376763.jpg
C'est la V10 :
http://ubuntu-fr.evoconcept.net/AccueilV10/index.html
Edit : mauvaise nouvelle : c'est pareil sous Iceweasel
Re-edit : en fait c'est variable en fonction des polices utilisées par le navigateur. Avec Sans-serif c'est bon sous Iceweasel, mais pas avec Nimbus Sans (en gardant la même taille)
Sous konqueror c'est la même chose, c'est donc la police qui met la zone !!

idem sous firefox/Vista

Mais bon ca se résoudra au codag ^^

Smon · Le 13/10/2009, à 07:00

Ça fait longtemps que je ne suis pas passé

Je voulais faire une reparque : SOUTIENS PUBLICATION RESEAU en rouge/orage/jaune sur du marron ça pique les yeux ... Je pense qu'un petit halo/liseret blanc ou un fond plus clair (seulement au niveau de titres) ne serait pas de trop

Smon · Le 13/10/2009, à 07:19

Une petite proposition : http://baconnais.simon.free.fr/maquette.png

Finalement j'ai opté pour un fond plus foncé, aux couleurs de Karmic

C'est plus agréable pour les yeux je pense ...

Dernière modification par Smon (Le 13/10/2009, à 07:21)

Julientroploin · Le 13/10/2009, à 08:13

Smon a écrit :

Une petite proposition : http://baconnais.simon.free.fr/maquette.png
Finalement j'ai opté pour un fond plus foncé, aux couleurs de Karmic
C'est plus agréable pour les yeux je pense ...

Page freezée hier soir dur l'IRC, le codage du template drupal à commencé... on a décidé de ne plus faire de changements. Tu arrives après la bataille ;p

kinouchou · Le 13/10/2009, à 08:59

bonjour,

Pour la partie association: j'ai refait en partie les pages association et contribuer début septembre, si vous avez déjà une idée de comment sera la partie association je peux voir soit comment hiérarchiser et/ou lier toutes les pages qui concernent l'association.

au fait j'adore la page d'accueil que vous préparez

Julientroploin · Le 13/10/2009, à 09:09

tu parles de cette page là : http://www.ubuntu-fr.org/association ?

Cette partie est en double, une fois avec et une fois sans les liens :

Vous pouvez retrouver les statuts et les différentes informations sur l'association ci-dessous :
* Les statuts
* Procès verbal de la dernière assemblée générale
* Parution au journal officiel

Comme la zone ou ce sera affiché ne sera pas très large (ce sera le 2e onglet sur la page d'accueil, fabien à déjà inclus du texte à la va-vite pour voir ce que ça donne tu peux cliquer sur l'onglet), j'aurais bien vu la même organisation, mais avec différents paragraphes bien aérés plutôt que des puces...

Pour le reste, je trouve le texte bien rédigé.

Dernière modification par Julientroploin (Le 13/10/2009, à 09:12)

didrocks · Le 13/10/2009, à 10:11

@AlexandreP: hem, je ne veux pas te casser le moral mais cette nuit, le thème a encore changé

Je me suis fait avoir aussi pour SCU

Dernière modification par DidRocks (Le 13/10/2009, à 10:11)

Julientroploin · Le 13/10/2009, à 10:27

DidRocks a écrit :

@AlexandreP: hem, je ne veux pas te casser le moral mais cette nuit, le thème a encore changé
Je me suis fait avoir aussi pour SCU

on peut avoir un aperçu sans installer?

kinouchou · Le 13/10/2009, à 11:08

Julientroploin a écrit :

tu parles de cette page là : http://www.ubuntu-fr.org/association ?
...

oui je parle de cette page là, mais il y a aussi beaucoup de pages qui peuvent être liées comme celle-ci http://www.ubuntu-fr.org/contribuer-ubuntu-fr, [url]http://doc.ubuntu-fr.org/communaute ,http://www.ubuntu-fr.org/contacts[/url] et il doit y en avoir d'autre. Je voulais essayer de les mettre en valeurs et non pas ne les trouver qu'en allant de lien en lien et de leur donner de l'homogénéité (et les mettre à jour).
pour le coup des paragraphes plutôt que des puces ça peut se changer et pour le texte il est pour la plus grande partie de moi donc merci

Ner0lph · Le 13/10/2009, à 11:51

AlexandreP a écrit :

Je ne sais pas si quelqu'un est chargé de faire des captures d'écran de Ubuntu 9.10 ou si quelqu'un a commencé à en faire... Dans la perspective où personne ne les aurait encore faites, j'en ai prises quelques-unes. J'imagine qu'elles seront trop grandes et qu'il faudra les redimensionner (c'est du 1152x864, merci VirtualBox ).

En fait, ces captures sont trop grandes, elles ne devraient pas dépasser la définition de 1024×768 afin d'être visibles à l'écran et utilisables dans "Simple comme Ubuntu" et en PNG, n'est-ce pas DidRocks ?

Dernière modification par Ner0lph (Le 13/10/2009, à 12:37)

Smon · Le 13/10/2009, à 12:29

Julientroploin a écrit :

Smon a écrit :
Une petite proposition : http://baconnais.simon.free.fr/maquette.png
Finalement j'ai opté pour un fond plus foncé, aux couleurs de Karmic
C'est plus agréable pour les yeux je pense ...
Page freezée hier soir dur l'IRC, le codage du template drupal à commencé... on a décidé de ne plus faire de changements. Tu arrives après la bataille ;p

Un freeze n'a jamais empêché les corrections de bug

Et un truc qui pique les yeux, c'est un bug

Julientroploin · Le 13/10/2009, à 16:22

kinouchou a écrit :

pages qui peuvent être liées comme celle-ci http://www.ubuntu-fr.org/contribuer-ubuntu-fr, [url]http://doc.ubuntu-fr.org/communaute ,http://www.ubuntu-fr.org/contacts[/url] et il doit y en avoir d'autre.

Si tu regarde le mockup, c'est prévu (sauf pour communauté) :
- contribuer => menu du bas colone de droite
- contacts => lien tout en bas sous le cadre (sera sur toutes les pages du site)

Julientroploin · Le 13/10/2009, à 16:27

Smon a écrit :

Julientroploin a écrit :
Smon a écrit :
Une petite proposition : http://baconnais.simon.free.fr/maquette.png
Finalement j'ai opté pour un fond plus foncé, aux couleurs de Karmic
C'est plus agréable pour les yeux je pense ...
Page freezée hier soir dur l'IRC, le codage du template drupal à commencé... on a décidé de ne plus faire de changements. Tu arrives après la bataille ;p
Un freeze n'a jamais empêché les corrections de bug
Et un truc qui pique les yeux, c'est un bug

sur le mockup html http://ubuntu-fr.evoconcept.net/AccueilV10/ je trouve pas que ça pique les yeux... en tout cas, moins que sans dégradé.
après ça dépends où en est Fabien...

Smon · Le 13/10/2009, à 17:01

En jaune ça va, en orange ça passe, en rouge c'est horrible.

De toutes façon, c'est juste une petite image à uploader.

AlexandreP · Le 13/10/2009, à 20:39

DidRocks a écrit :

@AlexandreP: hem, je ne veux pas te casser le moral mais cette nuit, le thème a encore changé
Je me suis fait avoir aussi pour SCU

Nooooooooon ! Ça m'apprendra à ne pas faire les mises à jour avant la capture...

Ner0lph a écrit :

En fait, ces captures sont trop grandes, elles ne devraient pas dépasser la définition de 1024×768 afin d'être visibles à l'écran et utilisables dans "Simple comme Ubuntu" et en PNG, n'est-ce pas DidRocks ?

Si DidRocks fait les captures pour SCU, alors je ne les recommencerai pas.

fabien961 · Le 13/10/2009, à 21:21

Smon a écrit :

En jaune ça va, en orange ça passe, en rouge c'est horrible.
De toutes façon, c'est juste une petite image à uploader.

Zoupla, l'image est uploadée, à vous de juger => http://ubuntu-fr.evoconcept.net/AccueilV10/
C'est vrai qu'on a dit que la page était freezée, mais c'est surtout la disposition des éléments qu'il ne faut plus changer (le layout). Pour les couleurs, c'est juste le css à modifier, y'a pas de soucis.

D'ailleurs, je me rend compte qu'on a encore oublié de placer un élément important : le fil d'ariane (breadcrumb) qui indique la localisation de la page actuelle et aide la navigation.
Par exemple, sur le site actuel, quand on clique sur "l'association" ça donne quelque chose comme ça :

Vous êtes ici : Accueil » L'association Ubuntu-fr

Ce serait dommage de supprimer ça, surtout que ça apparait par défaut dans drupal. J'ai fait un essai basic, mais c'est pas terrible. On pourrait essayer de faire quelque chose qui ressemble à ça :
45_0_0_356.jpg.jpg
ou à ça :

(exemples extraits de smashing magazine)

Qu'en pensez-vous ?

Dernière modification par fabien961 (Le 13/10/2009, à 21:24)

Julientroploin · Le 13/10/2009, à 21:33

fabien961 a écrit :

D'ailleurs, je me rend compte qu'on a encore oublié de placer un élément important : le fil d'ariane (breadcrumb) qui indique la localisation de la page actuelle et aide la navigation.
Par exemple, sur le site actuel, quand on clique sur "l'association" ça donne quelque chose comme ça :
Vous êtes ici : Accueil » L'association Ubuntu-fr
Ce serait dommage de supprimer ça, surtout que ça apparait par défaut dans drupal.

Est ce vraiment utile que ça apparaisse sur la page d'accueil où ses onglets? ça peut n'être visible qu'à partir du moment ou on quitte cette page...

sam7 · Le 13/10/2009, à 22:49

merci AlexandreP pour les captures... impressionnant ton travail, tu as du y passer du temps !
tout y est semble t'il ... bravo, à mettre absolument à défiler dans la page d'accueil, merci.
Edit : effectivement, vraiment dommage qu'il y ait eu du changement...

entre http://baconnais.simon.free.fr/maquette.png & http://ubuntu-fr.evoconcept.net/AccueilV10/ je préfère la seconde...

concernant le http://fr.wikipedia.org/wiki/Fil_d%27Ariane_(ergonomie) : je ne pense pas qu'il soit utile/indispensable sur la page d'accueil, par contre, effectivement, il est indispensable sur toutes les autres pages du site, et ta proposition à la " > xxx > yyy > zzz > " (en image) me plait bien... à ajouter sur les mokups forum, doc, planet...

Edit :
ici http://forum.ubuntu-fr.org/viewtopic.php?pid=2983593#p2983593 kao_chen propose d'utiliser les logos suivants :
http://wiki.ubuntuusers.de/Software

qu'en dites-vous ?

Dernière modification par sam7 (Le 14/10/2009, à 22:31)

Julientroploin · Le 14/10/2009, à 15:24

J'ai pas de capture de Kubuntu pour remplacer celle d'ubuntu (je ne sais pas si vous prévoyez un diaporama/ variante) et j'ai pas tout mis à jour (forme des onglets, etc etc) mais voillà une proposition de couleurs pour la version K du forum :

Je sais pas trop si c'est bien dans l'esprit, je nai jamais essayé Kubuntu. J'ai jeté un oeil sur le kubuntu.org pour voir...

EDIT : tant qu'a modifier la couleur du fond du menu du bas, je serais plus pour garder un dégradé. Pourquoi pas le même gris pour toutes les variantes?

Dernière modification par Julientroploin (Le 14/10/2009, à 15:29)

Julientroploin · Le 14/10/2009, à 19:20

Xubuntu ubuntustudio Kubuntu edubuntu

Dernière modification par Julientroploin (Le 15/10/2009, à 16:36)

sam7 · Le 14/10/2009, à 22:21

bon boulot julientroploin, voici mes observations (elles n'engagent que moi) :

ton idée de gris dégradé identique sur toutes les pages me plait bien...

Rappel : le texte des titres des onglets doivent être de la couleur du "-fr" "studio" "edu"

concernant tes variantes de boites CD : très bien, j'aime...
on pourrait même aller jusqu'à ce que la couleur du CD soit de la couleur du "-fr" "studio" "edu"

concernant ta proposition pour xubuntu :
je trouve ça pas trop mal... à part les couleurs des titres "soutien" "publication" "réseau" qui ne ressortent pas bien

concernant ta proposition pour edubuntu :
tiens ! tu à changé la taille & la position du koala ! c'est sympa aussi comme ça... à voir, mais il faudra faire pareil pour tous... si ta variante plait plus.
je trouve ça pas trop mal... mais la couleur du "edu" doit être celle des textes des onglets... en orange, ça peut être sympa, ça changera du rouge d'ubuntu

concernant ta proposition pour kubuntu :
je trouve que la couleur des textes & du "-fr" est trop bleue/gris... je préférais le bleue de la "page blanche" de lundi soir... & je pense qu'en inversant le dégradé de la bordure du tour serait mieux (foncé en haut & clair en bas...)

concernant ta proposition pour ubuntustudio :
je trouve ça pas trop mal... à part les couleurs des titres "soutien" "publication" "réseau" qui ne ressortent pas bien... et la couleur du "studio" doit être celle des textes des onglets... ton bleue du studio me plait bien, à réutiliser sur les textes...
& pour le tour, je le voyais en noir ou dégradé du noir vers le bleue ou du bleue vers le noir...

en fait, je pense que tu devrais "mixer" ce que tu a fait entre ton kubuntu & ton ubuntustudio...
avec bleue de lundi et/ou celui de ton studio, mais pas celui de ton kubuntu
en gros, je verrais bien kubuntu & ubuntustudio tous les deux avec le même bleue pour le "-fr", le "studio" & les titres des onglets... (soit celui de lundi, soit celui de ton "studio")...
les seules diférences seraient le logo en haut à gauche, les boites, ainsi que la couleur de l'entourage:
kubuntu => dégradé de bleue vers le blanc (en s'arrêtant à bleue clair)
ubuntustudio => dégradé de bleue vers le noir
le bleue de départ étant un des 2 cité plus haut...
teste donc avec les 2 que l'on se rendes compte , merci

par contre, l'idée de changer l'étoile en fonction du thème semble sympa, mais celà impliquera à chaque évênement d'avoir une image pour chaque variante... donc, je pense que l'o doit l'écarter & garder une couleur identique pour tous... reste à voir laquelle... jaune fluo ? (lol)

qu'en dites vous ?

Julientroploin · Le 15/10/2009, à 17:03

Idées que je testerais quand j'aurais un moment :

on pourrait même aller jusqu'à ce que la couleur du CD soit de la couleur du "-fr" "studio" "edu"

C'est le cas sauf pour Xub, je trouvais ça un peu tristounet. J'essayerais

concernant ta proposition pour xubuntu :
je trouve ça pas trop mal... à part les couleurs des titres "soutien" "publication" "réseau" qui ne ressortent pas bien

un oubli : ce sont les couleurs du logo de kubuntu, je modifierais

pour edubuntu :
tiens ! tu à changé la taille & la position du koala ! c'est sympa aussi comme ça... à voir, mais il faudra faire pareil pour tous... si ta variante plait plus.

encore un bug : j'ai repris une vieille version. Il est bien en grand, je le remettrais

kubuntu
je pense qu'en inversant le dégradé de la bordure du tour serait mieux (foncé en haut & clair en bas...)

Vais tester...

Trucs difficilement envisageable ou à discuter:

Rappel : le texte des titres des onglets doivent être de la couleur du "-fr" "studio" "edu"

la couleur du "edu" doit être celle des textes des onglets... en orange, ça peut être sympa, ça changera du rouge d'ubuntu

ubuntustudio :
je trouve ça pas trop mal... à part les couleurs des titres "soutien" "publication" "réseau" qui ne ressortent pas bien... et la couleur du "studio" doit être celle des textes des onglets... ton bleue du studio me plait bien, à réutiliser sur les textes...

J'ai tester en prenant exactement la couleur de l'arc de cercle en bas à droite de chaque logo, c'était pas toujours lisible et on ne voyait pas forcément que c'était la même couleur (la même couleur rned différent selon ce qui l'entour) du coup, je me suis dis qu'1 bleu et un rouge suffiraient.
Le Orange d'edubuntu pour les onglets n'est pas très lisible à mon avis...

concernant ta proposition pour kubuntu :
je trouve que la couleur des textes & du "-fr" est trop bleue/gris... je préférais le bleue de la "page blanche" de lundi soir...

ce sont les couleurs du logo... mais on peut changer si ça passe mieux

ubuntustudio :
pour le tour, je le voyais en noir ou dégradé du noir vers le bleue ou du bleue vers le noir...

Heu... c'est justement ce que j'ai fait... Bleu logo => noir

en gros, je verrais bien kubuntu & ubuntustudio tous les deux avec le même bleue pour le "-fr", le "studio" & les titres des onglets... (soit celui de lundi, soit celui de ton "studio")...
les seules diférences seraient le logo en haut à gauche, les boites, ainsi que la couleur de l'entourage:
kubuntu => dégradé de bleue vers le blanc (en s'arrêtant à bleue clair)
ubuntustudio => dégradé de bleue vers le noir

je vais tester en mettant le bleu de studio partout et les dégradés que tu proposes

par contre, l'idée de changer l'étoile en fonction du thème semble sympa, mais celà impliquera à chaque évênement d'avoir une image pour chaque variante... donc, je pense que l'o doit l'écarter & garder une couleur identique pour tous... reste à voir laquelle... jaune fluo ? (lol)

pas pensé à ça, par contre jaune je suis pas pour... on peut garder le orange de départ je pense

sam7 · Le 15/10/2009, à 21:57

concernant les "Trucs difficilement envisageable ou à discuter":
> le texte des titres des onglets doivent être de la couleur du "-fr" "studio" "edu" :
>> c'était la base qui avait été validée au départ... et ça me plait bien !

concernant ubuntustudio : je voyais le tour en beaucoup plus noir, avec presque un liseret bleue en haut... au départ même, je voyais le tour entièrement noir ... mais comme les dégradés de couleurs sont sympa, pourquoi pas...

allons plus loin concernant le tour : dégradé allant de haut en bas avec en haut :
la couleur du "-fr" "studio" "edu", dégradé vers le bas vers une autre couleur en raport avec la couleur dominante de la variante de la distribution...
... ce qui pourrait donner par exemple :
pour ubuntu > du rouge vers le marron
pour kubuntu > du bleue vers un bleue clair
pour xubuntu > du gris vers le blanc
pour ubuntustudio > du bleue vers le noir
pour edubuntu > du orange vers le rouge

concernant le dégradé, il faudrait que le changement d'une couleur à l'autre se fasse plus au niveau supérieur (entre 1/4 et 1/2 de la hauteur... 1/3 serait sans doute bien...

NB : pour le jaune fluo je rigolais... le orange est bien...

luK · Le 17/10/2009, à 15:58

Une proposition pour Kubuntu:

http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k

( elle ne tient pas compte des dernières modifications de la page d'accueil, car inutile )

Dernière modification par luK (Le 17/10/2009, à 15:59)

Quesh · Le 17/10/2009, à 17:10

Bonjour à tous,

Comme le dit fabien961 concernant le fil d'ariane (breadcrumb).

C'est un élément assez important dans l'ergonomie d'un site web. Il peut être placé entre "Communauté francophone d'utilisateurs d'Ubuntu" et le début du menu.

Des exemples en mode texte qui peuvent s'intégrer facilement (au moins graphiquement) :
1

2

3

Toujours trouvé via le lien : smashing magazine

Dernière modification par Quesh (Le 17/10/2009, à 17:13)

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#951 Le 13/10/2009, à 06:48

Re : revoir l'esthétique du site

#952 Le 13/10/2009, à 07:00

Re : revoir l'esthétique du site

#953 Le 13/10/2009, à 07:19

Re : revoir l'esthétique du site

#954 Le 13/10/2009, à 08:13

Re : revoir l'esthétique du site

#955 Le 13/10/2009, à 08:59

Re : revoir l'esthétique du site

#956 Le 13/10/2009, à 09:09

Re : revoir l'esthétique du site

#957 Le 13/10/2009, à 10:11

Re : revoir l'esthétique du site

#958 Le 13/10/2009, à 10:27

Re : revoir l'esthétique du site

#959 Le 13/10/2009, à 11:08

Re : revoir l'esthétique du site

#960 Le 13/10/2009, à 11:51

Re : revoir l'esthétique du site

#961 Le 13/10/2009, à 12:29

Re : revoir l'esthétique du site

#962 Le 13/10/2009, à 16:22

Re : revoir l'esthétique du site

#963 Le 13/10/2009, à 16:27

Re : revoir l'esthétique du site

#964 Le 13/10/2009, à 17:01

Re : revoir l'esthétique du site

#965 Le 13/10/2009, à 20:39

Re : revoir l'esthétique du site

#966 Le 13/10/2009, à 21:21

Re : revoir l'esthétique du site

#967 Le 13/10/2009, à 21:33

Re : revoir l'esthétique du site

#968 Le 13/10/2009, à 22:49

Re : revoir l'esthétique du site

#969 Le 14/10/2009, à 15:24

Re : revoir l'esthétique du site

#970 Le 14/10/2009, à 19:20

Re : revoir l'esthétique du site

#971 Le 14/10/2009, à 22:21

Re : revoir l'esthétique du site

#972 Le 15/10/2009, à 17:03

Re : revoir l'esthétique du site

#973 Le 15/10/2009, à 21:57

Re : revoir l'esthétique du site

#974 Le 17/10/2009, à 15:58

Re : revoir l'esthétique du site

#975 Le 17/10/2009, à 17:10

Re : revoir l'esthétique du site

Pied de page des forums