revoir l'esthétique du site

sam7 · Le 13/09/2009, à 12:17

mince alors, ça décale tout... il faut revoir la "copie"...
je vais y réfléchir d'ici à ce soir...

Edit :
j'aime bien le "truc" dans ce coin supérieur droit de ce site :
http://www.breizh-ardente.fr/article/installer-ubuntu

Dernière modification par sam7 (Le 13/09/2009, à 13:56)

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

Bon, là on commence à revenir sur ce que vous avez déjà freezé, mais bon, ça ne remet pas en cause le reste de la page...

J'aurais une préférence pour :

>> "SUPPORT" :
* par où commencer <Nouvel arrivant? Voilà les premiers conseils pour bien débuter>
* documentation <Toutes les informations en Français sur Ubuntu. Par les utilisateurs, pour les utilisateurs>
* forum <Pour poser toutes les questions qui ne trouvent pas de réponse dans la documentation>
* support interactif <Plusieurs canaux de discussion en direct sur IRC>

>> "PUBLICATIONS" :
* planet <Une sélection d'articles provenant de blogs traitant d'Ubuntu>
* lettre hebdomadaire <>
* interviews <>

>> "RESEAU" :
* contribuer & soutenir <Aider la distribution Ubuntu ou l'association Ubuntu-fr>
Quelqu'un avait proposé de fusionner, ça me semble bien : tout le monde ne se rend pas compte que l'asso ne dépend pas directement de Canonical...
* la carte des utilisateurs <Pour situer rapidement les Ubunteros près de chez vous>
Je mettrais ça plutôt dans la section réseau puisque quand on veut trouver un ubuntéro dans le coin, c'est pas forcement pour du soutien
* la boutique <Boutique de l'association,partenaires & revendeurs>
Je pense que tout ça peut être fusionner, c'est tout ce qui est "commerce autour de la distri"
* liens

4-3-4 ça me parait pas trop déséquilibré...

* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux
http://fullcircle-mag.fr/index.php?pages/publications http://www.generation-linux.fr/index.php? http://www.breizh-ardente.fr/article/installer-ubuntu http://www.ed-diamond.com/ http://www.linuxmag-france.org/ voire même éventuellement http://www.magazine-avosmac.com/opensource/
et bien d'autres encore ... )

Le problème de ça, c'est que ça figure ou devrait figurer déjà dans la section "liens" qui existe déjà et pointe vers : http://www.ubuntu-fr.org/liens

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

sam7 · Le 13/09/2009, à 14:05

l'idée de fusionner ((boutique + partenaires & revendeurs) n'est peut-être pas trop bonne... car "la boutique" est le lien pointant vers le site en cours de préparation qui devrait ouvrir en octobre... (site boutique "ubuntu + framasoft" (pour le moment))...
ça n'a donc rien à voir avec les revendeurs comme par exemple http://www.pcubuntoo.fr/ ou d'autres encore...

& il faudrait préciser vers quoi pointe "liens"... sinon, le supprimer

& sinon, pour équilibrer, j'avais proposé ce matin un 5è qui pourrait devenir 4è dans "Publications"

... qu'en dites-vous ?

Julientroploin · Le 13/09/2009, à 14:28

sam7 a écrit :

l'idée de fusionner ((boutique + partenaires & revendeurs) n'est peut-être pas trop bonne... car "la boutique" est le lien pointant vers le site en cours de préparation qui devrait ouvrir en octobre... (site boutique "ubuntu + framasoft" (pour le moment))...
ça n'a donc rien à voir avec les revendeurs comme par exemple http://www.pcubuntoo.fr/ ou d'autres encore...

OK

il faudrait préciser vers quoi pointe "liens"... sinon, le supprimer
& sinon, pour équilibrer, j'avais proposé ce matin un 5è qui pourrait devenir 4è dans "Publications"
... qu'en dites-vous ?

Tu parles de cette proposition :

* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux)

?
Ce n'est pas ce que fait déjà le lien "Liens" ;p sur la page d'accueil actuelle? http://www.ubuntu-fr.org/liens
Cette page pourrait peut être être repensée d'ailleurs, histoire d'être plus facilement lisible (et complétée)
C'est vrai que ça pourrait être mis dans "publication" ou dans "réseau", les 2 se défendent...

Du coup, en 4-4-4 :
>> "SUPPORT" :
* par où commencer <Nouvel arrivant? Voilà les premiers conseils pour bien débuter>
* documentation <Toutes les informations en Français sur Ubuntu. Par les utilisateurs, pour les utilisateurs>
* forum <Pour poser toutes les questions qui ne trouvent pas de réponse dans la documentation>
* support interactif <Plusieurs canaux de discussion en direct sur IRC>

>> "PUBLICATIONS" :
* planet <Une sélection d'articles provenant de blogs traitant d'Ubuntu>
* lettre hebdomadaire <>
* interviews <>
* liens <liens vers tous les sites parlant d'Ubuntu & de GNU/Linux>

>> "RESEAU" :
* contribuer & soutenir <Aider la distribution Ubuntu ou l'association Ubuntu-fr>
* la carte des utilisateurs <Pour situer rapidement les Ubunteros près de chez vous>
* la boutique <Boutique Ubuntu & Framasoft>
* partenaires & revendeurs <>

sam7 · Le 13/09/2009, à 18:31

voilà qui me va bien...
je suis d'accord avec vous...
s'il n'y avait que moi, ça serait bon comme ça...
(... à mettre en image & à coder dès maintenant...)

Julientroploin · Le 13/09/2009, à 19:18

Aïe... je viens de récupérer les sources pour faire un truc propre. C'est du *.psd et je n'ai pas Photoshop (J'suis pas un "intégriste" mais vous auriez pu prendre un soft libre...).
Ca s'ouvre avec TheGIMP, mais c'est pas propre : pleins de trucs décalés! La partie qui nous intéresse passe bien (sauf le fond dégradé mais je me débrouillerais...) donc j'ai découpé et je vais travailler là dessus.

Je sais pas si ce que je vais faire pourra être intégré... mais ça donnera une idée.

EDIT : voilà, j'ai mis en image ce dont on a parlé dans les derniers messages. ça merde un peu au niveau des polices, mais je ne sais pas ce que Luk à utilisé comme police.

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

sam7 · Le 13/09/2009, à 20:59

c'est pas mal ... j'aime bien ... merci

et vous autres, qu'en dites-vous ?

Rionnag · Le 13/09/2009, à 21:30

C'est vraiment bien équilibré, et de plus en plus joli.
Bravo à tous !!
(Je peux juste vous encourager alors je le fais, mon niveau de programmation n'est pas assez bon pour vous aider...:/)

Ner0lph · Le 13/09/2009, à 21:57

Mais c'est que ça me parait pas mal du tout, ça ! Bravo !

Dernière modification par Ner0lph (Le 13/09/2009, à 21:59)

Julientroploin · Le 13/09/2009, à 22:12

Bon, puisque ça plait, j'ai fait un copié-collé de ce que j'ai fait par dessus la version freezée.

Rionnag · Le 13/09/2009, à 22:48

Je me permets une petite remarque: tous les logos sont alignés sauf celui de la boutique qui est un peu plus à droite que les autres, mais sinon c'est très bien;)

sam7 · Le 14/09/2009, à 00:06

& il faudra remplacer l'intrepid ibex par le karmic koala...

en voici une image de ma "composition"
(1 photo trouvée sur le net modifiée/retravaillée considérablement avec Gimp) :

qu'en dites-vous ?

(image "candidate" (j'espère) pour le logo de la future version d'ubuntu
cf. ici : http://madcollector.sourceforge.net/logos_ubuntu/ )

Dernière modification par sam7 (Le 14/09/2009, à 00:15)

Julientroploin · Le 14/09/2009, à 08:45

@Rionnag : rectifié...

sam7 a écrit :

& il faudra remplacer l'intrepid ibex par le karmic koala...
en voici une image de ma "composition"
(1 photo trouvée sur le net modifiée/retravaillée considérablement avec Gimp) :
http://pix.toile-libre.org/upload/thumb/1252883432.jpg
qu'en dites-vous ?
(image "candidate" (j'espère) pour le logo de la future version d'ubuntu
cf. ici : http://madcollector.sourceforge.net/logos_ubuntu/ )

Ah oui, j'y avais pas pensé. Je croyais que l'Ibex était là pour la LTS, mais c'est vrai que c'était Hardy heron la LTS...

Chouette ton image, mais je trouve qu'un dessin se marierait mieux avec la page... le soucis c'est que pour l'instant ça semble pas avoir emballé les graphistes ce koala!

EDIT : je verrais bien un koala stylisé en s'inspirant des "Roadsigns" à l'australienne...

Quoi qu'il en soit, il faudra que les codeurs prévoient que cette image puisse être mise à jour facilement tous les 6mois.

Dernière modification par Julientroploin (Le 14/09/2009, à 09:00)

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

Bon, j'ai pris un de mes anciens comptes free pour héberger les tests, désolé pour l'adresse qui n'a rien a voir avec le schmilblick.
En tenant compte des dernières modifs, ça donne ça.
J'ai gardé la traduction de "support" en "soutien" et de "interview", en "salon de presse", j'espère que ça vous va.
Quelques remarques:
1) Est-ce que le style des info-bulles est bien ? Je n'ai pas testé sur IE 6 et 7, si quelqu'un peut vérifier que ça marche car j'ai quelques doutes. ça doit donner ça.
2) Quand on passe la souris sur les menus en haut, c'est une ligne rouge fondue qui apparait, au lieu d'une lueur rouge. Pour faire la lueur, il faut tenir compte de la largeur de chaque bouton, donc ça veut dire plus d'images et un site plus lourd au final. Est-ce que ça convient comme ça ?
3) Le design se casse complètement avec une résolution d'écran 800x600. Ce serait peut-être mieux d'avoir une structure qui n'est pas élastique (c'est à dire qui ne se redimensionne pas quand on change la taille de la fenêtre) mais qui tienne en 800x600. Qu'en pensez-vous ?

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

fabien961 · Le 14/09/2009, à 09:38

Ah, oui, autre remarque :
pour faire les coins ronds du menu en bas, j'ai un peu bidouillé le CSS mais c'est pas terrible.
Pour s'en sortir, y'a plusieurs solutions:
1. rajouter deux <div> qui n'ont pas de signification sémantique (pô bien !)
2. utiliser jQuery (ça marche très bien mais c'est un peu lourd, sauf si on l'utilise aussi pour d'autres effets)
3. se passer des coins ronds : carré c'est joli aussi !

Julientroploin · Le 14/09/2009, à 09:54

fabien961 a écrit :

1) Est-ce que le style des info-bulles est bien ?

Le style j'aime bien, mais je les verrais plus larges : 2fois la largeurs actuelle pour qu'aucun texte ne dépasse les 2-3lignes...

2) Quand on passe la souris sur les menus en haut, c'est une ligne rouge fondue qui apparait, au lieu d'une lueur rouge. Pour faire la lueur, il faut tenir compte de la largeur de chaque bouton, donc ça veut dire plus d'images et un site plus lourd au final. Est-ce que ça convient comme ça ?

Dommage... j'aimais vraiement les lueurs. Mais si c'est pas faisable sans alourdir le site...

Pour le reste, je suis incapable de donner mon avis. Je dirais simplement que chez moi ça rend bien

Pour le dessin de KK, j'ai fais ça ce matin à partir de l'image de Sam :

Plus d'1h juste pour la tête avec Inkscape... si ça intéresse quelqu'un je termine le corps et j'améliore les arrondis. Sinon je laisse tomber : je maitrise encore mal les courbes de bezier donc c'est assez long. En tout cas, ne comptez pas sur moi avant la fin de semaine.

Dernière modification par Julientroploin (Le 15/09/2009, à 22:48)

Ner0lph · Le 14/09/2009, à 11:38

fabien961 a écrit :

1. rajouter deux <div> qui n'ont pas de signification sémantique (pô bien !)
2. utiliser jQuery (ça marche très bien mais c'est un peu lourd, sauf si on l'utilise aussi pour d'autres effets)
3. se passer des coins ronds : carré c'est joli aussi !

4. Utiliser « border-radius », « -moz-border-radius » et ses équivalents pour les autres navigateurs.

Julientroploin a écrit :

2) Quand on passe la souris sur les menus en haut, c'est une ligne rouge fondue qui apparait, au lieu d'une lueur rouge. Pour faire la lueur, il faut tenir compte de la largeur de chaque bouton, donc ça veut dire plus d'images et un site plus lourd au final. Est-ce que ça convient comme ça ?
Dommage... j'aimais vraiement les lueurs. Mais si c'est pas faisable sans alourdir le site...

C'est peut-être possible en utilisant la propriétés CSS sur les ombres, bien qu'il me semble qu'elle ne s'applique que sur du texte. À vérifier cependant.

Dernière modification par Ner0lph (Le 14/09/2009, à 11:48)

sam7 · Le 14/09/2009, à 22:06

super ! bon boulot ! merci

& pour l'effet au dessus des onglets : je crois qu'il faudrait veiller à ce que 2 onglets ne soient pas "surlignés" simultanéments...

j'aime bien les infobulles discrètes encadrées de blanc... mais il les faudrait selon moi plus rectangulaires et moins hautes & de taille uniforme quelque soit le texte inclu...

à cette vitesse, dans 8 jours le mockup HTML est freezé également...

Ner0lph · Le 15/09/2009, à 11:02

Ne serait-il pas possible de faire en sorte que toute la page, en particulier les liens en bas, apparaisse complètement à l'écran ?

YannUbuntu · Le 15/09/2009, à 11:19

fabien961 a écrit :

3) Le design se casse complètement avec une résolution d'écran 800x600.

idem, testé avec du 1280x800 , 1280x720, 800x600

Julientroploin · Le 15/09/2009, à 11:27

Ne serait-il pas possible de faire en sorte que toute la page, en particulier les liens en bas, apparaisse complètement à l'écran ?

C'est bien le cas pour le mockup freezé, à condition de ne pas avoir une trop petite résolution (taille de l'image : 1024px × 768px)

Dans le mockup html la collone de droite ne correspond pas du tout : il devrait y avoir des emplacements pour quelques évenements qui se déroulent "en ce moment", pas la liste de ce qui se passe sur le forum.
Mais il faut de toute façon y penser pour ce qui doit apparaitre au clic (ou au survol, j'ai pas suivi) sur "sur le site)

Quand on est sur "en ce moment" donc :
- étoile avec 1 evenement principal
- zone texte avec qq évenements secondaires
- mascotte en dessous

Qand on est sur "Sur le site", je pense qu'on peut se contenter de la liste des sujets (doc, forum et blog) en faisant sauter la mascotte sinon il n'y aura jamais la place...

Vous en pensez quoi?

Sinon, pour la mascotte, je me suis laissé entrainé par mon élan et le corps était plus simpe à faire que la tête, du coup, je vous présente mon Koala :

Dernière modification par Julientroploin (Le 15/09/2009, à 22:20)

yvecai · Le 15/09/2009, à 20:57

@Julientroploin: Il a une tête un peu sevère, ce koala! Le menton est peut-être trop prononcé, ou un petit quelque chose pour les sourcils?

sam7 · Le 15/09/2009, à 21:33

sympa ce que tu nous prépares là, content que mon koala t'inspire...

... mais je vais essayer de te faire "concurence"
en retouchant le mien avec inkscape
on verra bien le résultat...

Dernière modification par sam7 (Le 15/09/2009, à 21:33)

Julientroploin · Le 15/09/2009, à 22:06

sam7 a écrit :

sympa ce que tu nous prépares là, content que mon koala t'inspire...
... mais je vais essayer de te faire "concurrence"
en retouchant le mien avec inkscape
on verra bien le résultat...

La force du libre
Version moins sévère (?) :

On devrait peut être ouvrir un topic à part pour ne pas polluer celui-ci, non? C'est même l'occasion de lancer un appel pour recueillir des créations qui pourraient illustrer le site...
Par contre je ne sais pas dans quelle rubrique ce serait le mieux, donc si l'idée te plait, je te laisse faire.

Dernière modification par Julientroploin (Le 15/09/2009, à 22:48)

sam7 · Le 15/09/2009, à 22:58

c'est beaucoup mieux comme ça ton koala...

& voici le mien retravaillé avec inkscape :

je l'ai tourné dans l'autre sens... je crois que c'est mieux au final pour la page d'accueil du site

je ne suis pas sûr qu'il faille ouvrir un autre sujet pour celà, quoique, pour un coucours, à l'avenir pour la 10.04, ça serait une bonne idée... mais gardons "notre" koala pour le lancement du site relooké...

*** point rapide suite à la réunion IRC de ce soir qui vient de se terminer ***

nous avons abordé dans un premier temps la boutique (cf lien dans le futur bandeau inférieur de la page d'accueil)... quoi pourrait donner quelque chose comme celà
http://pouvoir-choisir.org/logiciel-libre/public/mockup_u.png
(réalisé par poupoul2)

nous avons abordé dans un second temps le codage de la future page d'accueil...
http://ubuntu-fr.evoconcept.net/rework/
(réalisé par fabien961) qui nous à rejoint il y a 1 semaine...

... & des soucis rencontrés par les écrans de faible résolution comme par exemple les netbook :

appel aux bonnes idées afin de résoudre ce méli-mélo...
comme ici par exemple : http://ubuntu-fr.evoconcept.net/86.png
d'avance merci

j'ai une petite idée que je vais tenter de mettre en image que j'ai exposé à fabien961,
je la posterais dès que possible

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

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#826 Le 13/09/2009, à 12:17

Re : revoir l'esthétique du site

#827 Le 13/09/2009, à 13:21

Re : revoir l'esthétique du site

#828 Le 13/09/2009, à 14:05

Re : revoir l'esthétique du site

#829 Le 13/09/2009, à 14:28

Re : revoir l'esthétique du site

#830 Le 13/09/2009, à 18:31

Re : revoir l'esthétique du site

#831 Le 13/09/2009, à 19:18

Re : revoir l'esthétique du site

#832 Le 13/09/2009, à 20:59

Re : revoir l'esthétique du site

#833 Le 13/09/2009, à 21:30

Re : revoir l'esthétique du site

#834 Le 13/09/2009, à 21:57

Re : revoir l'esthétique du site

#835 Le 13/09/2009, à 22:12

Re : revoir l'esthétique du site

#836 Le 13/09/2009, à 22:48

Re : revoir l'esthétique du site

#837 Le 14/09/2009, à 00:06

Re : revoir l'esthétique du site

#838 Le 14/09/2009, à 08:45

Re : revoir l'esthétique du site

#839 Le 14/09/2009, à 09:30

Re : revoir l'esthétique du site

#840 Le 14/09/2009, à 09:38

Re : revoir l'esthétique du site

#841 Le 14/09/2009, à 09:54

Re : revoir l'esthétique du site

#842 Le 14/09/2009, à 11:38

Re : revoir l'esthétique du site

#843 Le 14/09/2009, à 22:06

Re : revoir l'esthétique du site

#844 Le 15/09/2009, à 11:02

Re : revoir l'esthétique du site

#845 Le 15/09/2009, à 11:19

Re : revoir l'esthétique du site

#846 Le 15/09/2009, à 11:27

Re : revoir l'esthétique du site

#847 Le 15/09/2009, à 20:57

Re : revoir l'esthétique du site

#848 Le 15/09/2009, à 21:33

Re : revoir l'esthétique du site

#849 Le 15/09/2009, à 22:06

Re : revoir l'esthétique du site

#850 Le 15/09/2009, à 22:58

Re : revoir l'esthétique du site

Pied de page des forums