Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

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

Levi59

Re : revoir l'esthétique du site

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 ^^

Hors ligne

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

Smon

Re : revoir l'esthétique du site

Ça fait longtemps que je ne suis pas passé smile

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

Hors ligne

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

Smon

Re : revoir l'esthétique du site

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, à 08:21)

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

kinouchou

Re : revoir l'esthétique du site

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

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

Julientroploin

Re : revoir l'esthétique du site

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, à 10:12)


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

didrocks

Re : revoir l'esthétique du site

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

Je me suis fait avoir aussi pour SCU tongue

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

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

DidRocks a écrit :

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

Je me suis fait avoir aussi pour SCU tongue

on peut avoir un aperçu sans installer?


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

kinouchou

Re : revoir l'esthétique du site

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 smile

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

Ner0lph

Re : revoir l'esthétique du site

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 smile).

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 ? smile

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

Hors ligne

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

Smon

Re : revoir l'esthétique du site

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 smile

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

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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)


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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 smile

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

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...


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

Smon

Re : revoir l'esthétique du site

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

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

Hors ligne

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

AlexandreP

Re : revoir l'esthétique du site

DidRocks a écrit :

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

Je me suis fait avoir aussi pour SCU tongue

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 ? smile

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


«La capacité d'apprendre est un don; La faculté d'apprendre est un talent; La volonté d'apprendre est un choix.» -Frank Herbert
93,8% des gens sont capables d'inventer des statistiques sans fournir d'études à l'appui.

Hors ligne

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

fabien961

Re : revoir l'esthétique du site

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 :
beautifully_pixeldoodle.jpg
(exemples extraits de smashing magazine)

Qu'en pensez-vous ?

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

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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...


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

sam7

Re : revoir l'esthétique du site

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, à 23:31)

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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 :
1255530109.png

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, à 16:29)


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

1255543621.png1255543682.png1255543594.png1255547280.png

Xubuntu                     ubuntustudio                      Kubuntu                     edubuntu

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


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

sam7

Re : revoir l'esthétique du site

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 ?

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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


Fixe : Core i5, 8GoRAM, NVidia 9800GT Silent => Ubuntu 22.04
Portable Compaq Presario2158 : AthlonXP-M2400+, 1GoRAM, ATI Radeon mobility320M => Primtux
https://launchpad.net/~julienmbpe

Hors ligne

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

sam7

Re : revoir l'esthétique du site

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...

Hors ligne

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

luK

Re : revoir l'esthétique du site

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, à 16:59)


Debian Sith: << luK, rejoins moi dans le coté obscur de la force >>

Hors ligne

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

Quesh

Re : revoir l'esthétique du site

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 beautifully_pixeldoodle.jpg

2 typical_breadcrumb_bridge_55.jpg

3 typical_breadcrumb_marchand.jpg

Toujours trouvé via le lien : smashing magazine

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


suivez / participez / contribuez aux ubuntu-party :
https://twitter.com/ubuntuparty - http://www.ubuntu-party.org - http://www.ubuntu-rouen.org

Hors ligne