revoir l'esthétique du site

sam7 · Le 27/10/2009, à 23:51

McPeter (ou quelqu'un d'autre) pourrait-il directement transférer les sources
d'ici : http://doc.ubuntu-fr.org/projets/design2009#fichiers_sources
à là : http://dev.ubuntu-fr-secours.org/
? ? ?
(je n'ai pas trop l'habitude de la manip ... en fait je n'ai jamais pratiqué et il faudrait que l'on m'explique ... (par courriel svp merci) ... en espérant que je puisse accéder à autre chose qu'à http://dev.ubuntu-fr-secours.org/MOCKUP/ )

@ xabilon : pour les mockups du forum, il faut continuer soit :
sur http://forum.ubuntu-fr.org/viewtopic.php?pid=3013038#p3013038 car ça ne sert à rien de se disperser
... ou mieux, ici même, dans le "fil principal" du projet...
... en partant de ce qui a été freezé ici http://doc.ubuntu-fr.org/projets/design2009#design & en particulier là http://doc.ubuntu-fr.org/_detail/projets/freeze_forumv4_1.png?id=projets%3Adesign2009 pour la "forme", et en y mettant le nouveau "fond" (les nouveaux intitulés une fois validés)

concernant la documentation, il faudrait partir
de ceci http://doc.ubuntu-fr.org/utilisateurs/yannubuntu/proposition_accueil9
& celà http://imagik.fr/view-rl/148897
avec une touche de http://lukdesigner.free.fr/Ubuntu/v4/docV4_Array.png
... tout ça se passe ici dans ce fil ... où là : http://forum.ubuntu-fr.org/viewtopic.php?pid=3014367#p3014367

si avec tout ça on y arrive pas ...
je pense que la semaine prochaine ou au plus tard la suivante, on pourra valider les mokups & passer au Planet, ainsi la partie mockup "images" pourrait être terminée fin novembre au plus tard pour se consacrer ensuite à la partie "codage"...

qu'en dites vous ?

Edit : [apparté]
juste pour info ... jettez donc un oeil sur mon projet qui m'a pris énormément de temps à préparer...
ça se passe ici : http://forum.ubuntu-fr.org/viewtopic.php?id=348680 ... l'autre lien dans ma signature

Dernière modification par sam7 (Le 28/10/2009, à 00:04)

nochka85 · Le 28/10/2009, à 00:55

Pourquoi sur tous les mockup du forum c'est moi qui poste en dernier à tous les sujet ? :lol:

nandayo · Le 29/10/2009, à 13:23

Plus maintenant

Est-il question, dans cette rénovation, de revoir la "présentation" d'Ubuntu ? Sur Ubuntu.com, y'a un petit tour d'horizon rapide et bien fait pour les personnes qui visitent le site la première fois.

Sur le site fr, y'a que quelques captures d'écran vieillent d'environ 10 ans, et aucun lien "Qu'est-ce qu'Ubuntu", ou "présentation d'Ubuntu", qui je trouve serait ESSENTIEL !

Je critique pas hein, je donne juste mon avis Pour ma part, si quelqu'un me dit "quoi faire", je suis partant pour effectuer des screenshots récents de karmic, surtout que je vais l'installer ce soir (pas de mise à niveau, donc il sera nickel...) J'hésite d'ailleurs à créer un topic à ce sujet, pour que toutes d'autres personnes puissent le faire aussi et ainsi renouveller ces screeshots vieux comme le monde

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

poupoul2 · Le 29/10/2009, à 13:41

nandayo a écrit :

Est-il question, dans cette rénovation, de revoir la "présentation" d'Ubuntu ? Sur Ubuntu.com, y'a un petit tour d'horizon rapide et bien fait pour les personnes qui visitent le site la première fois.

Tu peux proposer tes idées sur ce topic

nandayo a écrit :

Si quelqu'un me dit "quoi faire", je suis partant pour effectuer des screenshots récents de karmic

Merci de ta proposition. On a effectivement besoin de captures fraîches de Karmic, avec les thèmes par défaut (pas de thème perso). Si tu connais Launchpad, idéalement, crée un bug sur le projet LP du site avec les screenshots en attachments.

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

sam7 · Le 29/10/2009, à 22:12

merci pour tes propositions nandayo
il me semble que pour les screenshots, lors d'une précédente réunion IRC
l'un des participant a dit qu'il en ferait ... mais il est vrai qu'il en faut pour toutes les versions :
ubuntu / kubuntu / xubuntu / edubuntu
alors si plusieurs s'y mettent, ça ne sera que mieux

le liens http://forum.ubuntu-fr.org/viewtopic.php?id=243743&p=1 pointe vers un topic qui se termine par un lien pointant vers le présent topic ... donc, tu est dans le bon topic pour poster tes idées

la future nouvelle page d'accueil étant freezée, il est sans doute possible de mettre un lien quelque part (ou alors dans la documentation dont la page d'accueil est également en refonte ici http://forum.ubuntu-fr.org/viewtopic.php?pid=3019674#p3019674 )
prépare donc une page de documentation sur ce sujet qui te tiens à coeur ... si une telle page n'existe pas encore.

Mpok · Le 30/10/2009, à 03:05

Questions :

- est-ce que lorsque le CODAGE aura commencé, on aura un lien démo pour tester (et critiquer... ) ?
Parce que les "mockups", c'est bien beau, et d'ailleurs je trouve ça très réussi jusqu'ici , mais j'attends avec impatience les premières implémentations...
Sans vouloir être trop défaitiste, je pense qu'au moment du codage, certains aspects "freezés" devront être "réchauffés"...
(et du coup, le temps passé sur les mockups me semble excessif.. mais bon.. avis personnel)

- est-ce que lors du codage, vous comptez faire A LA FOIS la partie 'Site' et la partie 'Forum' ? Les deux parties n'utilisent pas les mêmes css (ni même la même "conception" des css...). Valider une des deux parties n'entraîne donc pas la validation de l'autre...

fabien961 · Le 30/10/2009, à 14:09

@Mpok : Comme l'a dit sam7 un peu plus haut, la zone "démo" est le FTP de dev : http://dev.ubuntu-fr-secours.org/. Pour l'instant il n'y a rien, mais ça va venir.
Moi je ne bosse pour l'instant que sur la partie "site principal".

YannUbuntu · Le 30/10/2009, à 14:35

Shams Fantar de Full Circle a écrit :

YannUbuntu a écrit :
Je pense que ca serait une bonne idée de mettre un lien vers
http://fullcircle-mag.fr/ dans la rubrique Publications, qu'en
pensez-vous ?
Effectivement, cela serait une bonne idée ! Donc la réponse est oui,
allez-y. Nous avons déjà un lien sur notre site web pointant vers
ubuntu-fr.org

c'est donc bon pour mettre le lien vers Full Circle!
Je pense qu'on peut virer le lien LHU tant qu'il n'y a personne pour la traduire en francais.

Julientroploin · Le 30/10/2009, à 15:02

Ca y est, de retour parmi les vivants... j'ai pris connaissance de tous vos messages, des remarques de sam7 et je me remet au travail.

fabien961 a écrit :

sam7 a écrit :
(pour y mettre tout ce qui aura été freezé au niveau des mockups "images", avec les sources bien sûr)
sans quoi notre duo de codeurs ne pourra pas travailler... lourde responsabilité !)
... envoyez-donc moi les sources de la page d'accueil du site (version "image") qui a été freezée,
correspondant à cette page html : http://ubuntu-fr.evoconcept.net/AccueilV10/
... & corrigez-moi si je me trompes. d'avance, merci.
Les sources des mockups images, c'est le format Photoshop ou Gimp. Ca permet de ne pas avoir l'image "à plat" et de pouvoir prendre les éléments nécessaires pour le CSS sans avoir besoin de passer 3h à détourer une image ou à gérer les effets de transparence. Par exemple, le petit trait de lumière rouge qui apparait sur les onglets de la barre de navigation quand on passe la souris doivent se trouver dans un calque séparé.
Bien sûr, les seules sources dont on dispose actuellement sont celles de AlexandreP et de LuK, donc il faut repartir de là.

si tu as besoin de truc qui sont dans mes mockups, il faut me contacter directement (mail) pour savoir ce que vous voulez ou que quelqu'un m'explique comment les uploader... je n'y connais rien.
Mes sources sont au format Gimp.
Mais de toute façon, pour la plupart des trucs, je n'ai fais que réaranger les mockups de LuK dont les sources (au format photoshop) sont sur le wiki (page design2009)

Pour la LHU, elle étai accessible par le planet avant non?
Au pire il y a le lien "salon de presse" dans le futur accueil

poupoul2 · Le 30/10/2009, à 16:48

Julientroploin a écrit :

Pour la LHU, elle étai accessible par le planet avant non?

Elle l'est toujours, comme les publications issus de Full Circle Mag fr. Je ne vois pas bien l'intérêt d'ajouter un lien, alors que ce contenu est déjà disponible et accessible via le Planet.

sam7 · Le 30/10/2009, à 23:28

cool : Full Circle en lien sur la page d'accueil, ils le méritent, ils font un très bon boulot...

...

pour ce qui concerne les fichiers "sources", le plus simple c'est efectivement le mail :
après validation d'un mockup, envoyez-moi donc les fichiers correspondants, et je tàacherais de les mettre sur le FTP dans la rubrique adéquate ... (je n'ai encore jamais fait, mais il y a un début à tout !) ...
... vous pouvez-donc dès à présent m'envoyer les fichiers correspondant à la page d'accueil du site qui a été retenue dernièrement... (pour la suite, chaque chose en son temps) merci d'avance

sam7 · Le 01/11/2009, à 11:39

alors ... quels sera l'ordre du jour de la réunion de demain soir ?

en plus du sujet de la page d'accueil,
aborderons nous un peu le sujet concernant le forum ? http://forum.ubuntu-fr.org/viewtopic.php?pid=3014433#p3014433
ou celui un peu plus avancé de la documentation ? http://forum.ubuntu-fr.org/viewtopic.php?pid=3019674#p3019674
... ne serait-ce que pour valider certains points (par exemple)...

où bien y aura t'il une pause pour les vacances scolaires ?
d'avance, merci

Dernière modification par sam7 (Le 01/11/2009, à 11:40)

Julientroploin · Le 01/11/2009, à 15:12

sam7 a écrit :

Ubuntu : à revoir
- il me semblait que c'était le rouge en haut et le marron en bas...
- éventuellement un liseret rouge au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

voir nouvel essai

- le rouge des titres des onglets est trop "clair"

en fait, j'y ai pas touché depuis que j'ai repris les sources de LuK, donc soit tu as changé les paramètres de ton écran, soit tu abuse un peu là...
c'est du « c20819 » depuis le début. Le truc (que j'ai déjà dit, c'est que ça ne rend pas forcement pareil quand s'est sur de petites surfaces (texte) que sur de grandes (dégradé du fond) donc par contraste, ici il te paraît plus clair.

Mockup modifié :

V6.1
Mais je dois avouer que je préfère toujours l'ancienne version (brun foncé => clair)

sam7 a écrit :

Kubuntu v1 : presque réussi
- le bleue des titres des onglets est réussi, mais ceux des 2 versions à télécharger sont trop "clair"
- le gris du bandeau est sympa et les titres en blanc ressortent bien
- éventuellement un liseret bleue au dessus du texte en noir de "l'infobulle", ça serait mieux ... comme pour la version Edubuntu

Voir mockup modifié :
V6.0.1

sam7 a écrit :

Kubuntu v2 : raté

on oublie alors... c'était pour rappeler qu'on pouvait aussi tenter autre chose pour les dégradés.

sam7 a écrit :

Xubuntu : à revoir
- le gris des titres des onglets est réussi, mais ceux des 2 versions à télécharger sont trop "clair" ... & pourquoi un liserte bleue au dessus de l'onglet actif ?

OK pour le gris trop clair.
Le liseret bleu, c'est parce que les couleures de Xub sont du bleu-gris, pas du vrai gris. Mais c'est vrai que là je l'ai fait trop bleu

sam7 a écrit :

- le gris du bandeau est raté et les titres en blanc ressortent mal ... reprendre avec un gris unis un peu plus sombre comme ubuntu par exemple

Le problème c'est que les titres de colonnes sont gris, donc gris sur gris c'était pas très lisible.

Comme ça peut-être :
V6.2

Ou une toute autre proposition s'inspirant du site xubuntu.org qui est beaucoup plus bleu (depuis la sortie de la 9.10?) personnelement j'aime beaucoup :
V6.3

sam7 a écrit :

Edubuntu : (presque) parfait
Tout est parfaitement réussi, ne change rien ! c'est (presque) parfait... (cf. *)

j'ai juste retouché le dégradé et la couleur du trait et du texte des « étiquettes »

Mockup retouché :
V6

Voilà, j'aurais le temps de faire 2-3 retouches demain avant la réunion si vous me faites des remarques rapidement, mais je doit avouer que je commence à être très satisfait de ce qu'on a là.

Dernière modification par Julientroploin (Le 01/11/2009, à 15:13)

YannUbuntu · Le 01/11/2009, à 15:57

Julientroploin a écrit :

Mockup modifié :
http://pix.toile-libre.org/upload/thumb/1257082884.png
V6.1
Mais je dois avouer que je préfère toujours l'ancienne version (brun foncé => clair)

Moi aussi je trouve ces nouvelles couleurs tres moches, je prefere celles de http://ubuntu-fr.evoconcept.net/AccueilV10/

sam7 · Le 01/11/2009, à 16:00

cool ! merci Julientroploin pour ton très bon travail ... j'aime bien !
c'est très réussi :
http://pix.toile-libre.org/?img=1257082884.png parfait ... même si c'est un peu différent de ce qui a été freezé
ici : http://ubuntu-fr.evoconcept.net/AccueilV10/ et que j'aime bien également... tout comme http://pix.toile-libre.org/?img=1257088085.png
http://pix.toile-libre.org/?img=1257083110.png parfait* ... couleur du "publication" à revoir ?
http://pix.toile-libre.org/?img=1257083188.png parfait* ... couleur du "réseau" à revoir ?
http://pix.toile-libre.org/?img=1257083334.png parfait* ... couleur du "texte d'étiquette à revoir ? prendre la couleur de "publication" ?

merci infiniment ... pourras-tu me communiquer par courriel ces fichiers & leurs sources que je puisse les mettre dans http://dev.ubuntu-fr-secours.org/MOCKUP/ si tout celà est validé demain soir lors de la réunion sur IRC ?

*ou presque

comme je pense qu'il faut que tout soit harmonisé, soit on retiens tes 4 déclinaisons, soit aucunes des 4, et ons'en tiens à ce qui a été freezé pour ubuntu et on se base sur tes déclinaisons pour en créer des nouvelles, sans dégradé pour le cadre et sans gris (sauf pour xubuntu) pour le bandeau inférieur à 3 colonnes ... dans l'esprit de ce qui avait été proposé précédemment...

je crois bien qu'il faudra prendre des décisions demain soir ... et rajouter toutes ces propositions sur la page wiki du projet...

Dernière modification par sam7 (Le 01/11/2009, à 16:21)

Julientroploin · Le 01/11/2009, à 16:09

YannUbuntu a écrit :

Julientroploin a écrit :
Mockup modifié :
http://pix.toile-libre.org/upload/thumb/1257082884.png
V6.1
Mais je dois avouer que je préfère toujours l'ancienne version (brun foncé => clair)
Moi aussi je trouve ces nouvelles couleurs tres moches, je prefere celles de http://ubuntu-fr.evoconcept.net/AccueilV10/

Oui, sauf pour le fond du menu en bas : je n'aime vraiment pas ce fond uni.

Pour rappel, voilà à quoi je faisait référence quand je parlais de version précédente :

YannUbuntu · Le 01/11/2009, à 16:21

Oui http://pix.toile-libre.org/upload/thumb/1257088085.png est mieux que http://pix.toile-libre.org/?img=1257082884.png , mais je prefere toujours le menu brun de http://ubuntu-fr.evoconcept.net/AccueilV10/ qui est plus en harmonie avec le ton global de la page.

Julientroploin · Le 01/11/2009, à 16:23

sam7 a écrit :

http://pix.toile-libre.org/?img=1257082884.png parfait

voir échange avec YannUbuntu... on verra demain mais je pense que beaucoup préfèrerons en rester au dégradé de gris.

http://pix.toile-libre.org/?img=1257083110.png couleur du "publication" à revoir ?
http://pix.toile-libre.org/?img=1257083188.png couleur du "réseau" à revoir ?

Les titres de colonnes correspondent exactement aux couleurs des logos... si quelque chose doit changer, c'est peut être le fond, mais pas la couleur de titres je pense.

http://pix.toile-libre.org/?img=1257083334.png couleur du "texte d'étiquette à revoir ? prendre la couleur de "publication" ?

tu as raison, c'est mieux comme ça :

merci infiniment ... pourras-tu me communiquer par courriel ces fichiers & leurs sources que je puisse les mettre dans http://dev.ubuntu-fr-secours.org/MOCKUP/ si tout celà est validé demain soir lors de la réunion sur IRC ?

De rien.
Pour les sources, il faudrait que je les nettoie un peu (il y a pas mal de cadavres cachés à l'intérieur, vestige des essais de LuK, des miens, etc... qui alourdissent tout ça) j'aurais du le faire avant de m'attaquer aux différentes variantes, ça aurait et moins fastidieux...
Je commence le ménage et dès qu'une version est freezée et propre je te l'envoie.

sam7 · Le 01/11/2009, à 16:30

ok, merci ... effectivement, on rediscutera de tout celà demain soir je pense...
... il va falloir que l'on se décide sur LA voie à suivre, et que l'on s'y tiennes...
(c'est vrai qu'elle est bien réussie la http://ubuntu-fr.evoconcept.net/AccueilV10/
si on la garde, je verrais bien à mettre le texte du lien d'étiquette de la couleur du "-fr"
dans la variante avec dégradés, la plus réussie est celle d'edubuntu ...)

Julientroploin · Le 01/11/2009, à 16:35

YannUbuntu a écrit :

Oui http://pix.toile-libre.org/upload/thumb/1257088085.png est mieux que http://pix.toile-libre.org/?img=1257082884.png , mais je prefere toujours le menu brun de http://ubuntu-fr.evoconcept.net/AccueilV10/ qui est plus en harmonie avec le ton global de la page.

Bon, si c'est vers là que penche la préférence demain, je vais pas faire chier le monde...
Mais du coup, il faut trouver une couleur de fond pour chaque variante. Tout ça avec un impératif : garder les titres de chaque colonnes de la couleur des 3 parties du logo.
Si j'ai bien compris, l'idée pour l'Ubuntu c'est un fond brun très sombre donc il faudrait :
- un 4e bleu, très sombre pour Xubuntu et Kubuntu (plus sombre que "SOUTIEN") mais du coup, ça revient à mettre presque du noir...
- un rouge très sombre pour edubuntu (plus sombre que "SOUTIEN")... idem, on arrive presque au noir.

Chaque logo couvre déjà une large gamme dans la teinte qu'il occupe. C'est à cause de ce constat que j'étais parti sur un dégradé de gris...

Je suis près à mettre en image vos idées si vous en avez, mais là je sèche.

sam7 · Le 01/11/2009, à 16:59

notre ami pcubuntoo a déjà repris "notre" koala sur sa page d'accueil http://www.pcubuntoo.fr/ , merci à lui.

concernant kubuntu, je verrais un beau bleue, mais pas si sombre que ça ... il me semble d'ailleurs qu'une variante bleue avait déjà été proposée il y a quelque temps
et pour xubuntu ... le gris proposé plus haut par julientroploin
et pour edubuntu, pourquoi pas soir le rouge, soit le orange du superbe dégradé plus haut par julientroploin

Dernière modification par sam7 (Le 01/11/2009, à 17:03)

display · Le 02/11/2009, à 10:51

Bonjour,

je souhaite vous féliciter pour tout votre travail

avec quel logiciel créez vous les Mockup ??

Merci et bon courage !!

Julientroploin · Le 02/11/2009, à 11:18

sam7 a écrit :

notre ami pcubuntoo a déjà repris "notre" koala sur sa page d'accueil http://www.pcubuntoo.fr/ , merci à lui.

J'ai vu ça... je ne sais même pas si je dois être flatté ou agacé qu'il n'ai pas au moins signalé d'ou venait l'image.

@Xillion : c'est pas toi qui t'occupes de pcubuntoo, non?
Pour les mockups images, les premiers (ceux de LuK) ont été faits avec photoshop, mais quand j'ai repris le travail, j'ai continué avec The GIMP que je découvrais à peine.
Je trouvais dommage d'utiliser un programme proprio pour travailler sur un site sur un logiciel libre... et de toute façon, je n'ai pas de licence photoshop.
J'ai été surpris de trouver GIMP aussi intuitif pour les opérations de base alors que tout le monde semble le trouver imbuvable. Peut être que c'est justement parce que je partais sans aucune connaissance au départ... Une fois que j'ai compris le principe des calques que je ne connaissais pas il y a 6mois, et que j'ai retenu les 2-3 racourcis pour appeler les différentes fenetres au 1er plan, ça a roulé (presque) tout seul.
Pour le Koala que tu as repris (il est mal cadré dans ton avatar d'ailleurs...), j'ai par contre utilisé Inkscape.

Dernière modification par Julientroploin (Le 02/11/2009, à 11:19)

display · Le 02/11/2009, à 11:21

TheBootroo · Le 02/11/2009, à 11:44

inkscape <3 <3 <3 surement le meilleur logiciel de dessin vectoriel que j'ai eu l'occasion d'utiliser : je n'utilise plus que lui pour mes mockups et gimp juste pour faire des textures. ..

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1001 Le 27/10/2009, à 23:51

Re : revoir l'esthétique du site

#1002 Le 28/10/2009, à 00:55

Re : revoir l'esthétique du site

#1003 Le 29/10/2009, à 13:23

Re : revoir l'esthétique du site

#1004 Le 29/10/2009, à 13:41

Re : revoir l'esthétique du site

#1005 Le 29/10/2009, à 22:12

Re : revoir l'esthétique du site

#1006 Le 30/10/2009, à 03:05

Re : revoir l'esthétique du site

#1007 Le 30/10/2009, à 14:09

Re : revoir l'esthétique du site

#1008 Le 30/10/2009, à 14:35

Re : revoir l'esthétique du site

#1009 Le 30/10/2009, à 15:02

Re : revoir l'esthétique du site

#1010 Le 30/10/2009, à 16:48

Re : revoir l'esthétique du site

#1011 Le 30/10/2009, à 23:28

Re : revoir l'esthétique du site

#1012 Le 01/11/2009, à 11:39

Re : revoir l'esthétique du site

#1013 Le 01/11/2009, à 15:12

Re : revoir l'esthétique du site

#1014 Le 01/11/2009, à 15:57

Re : revoir l'esthétique du site

#1015 Le 01/11/2009, à 16:00

Re : revoir l'esthétique du site

#1016 Le 01/11/2009, à 16:09

Re : revoir l'esthétique du site

#1017 Le 01/11/2009, à 16:21

Re : revoir l'esthétique du site

#1018 Le 01/11/2009, à 16:23

Re : revoir l'esthétique du site

#1019 Le 01/11/2009, à 16:30

Re : revoir l'esthétique du site

#1020 Le 01/11/2009, à 16:35

Re : revoir l'esthétique du site

#1021 Le 01/11/2009, à 16:59

Re : revoir l'esthétique du site

#1022 Le 02/11/2009, à 10:51

Re : revoir l'esthétique du site

#1023 Le 02/11/2009, à 11:18

Re : revoir l'esthétique du site

#1024 Le 02/11/2009, à 11:21

Re : revoir l'esthétique du site

#1025 Le 02/11/2009, à 11:44

Re : revoir l'esthétique du site

Pied de page des forums