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.

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

sam7

Re : revoir l'esthétique du site

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)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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)


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

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

sam7

Re : revoir l'esthétique du site

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 ?


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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


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

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

sam7

Re : revoir l'esthétique du site

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


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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.

1252871236.png

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


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

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

sam7

Re : revoir l'esthétique du site

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

et vous autres, qu'en dites-vous ?


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Rionnag

Re : revoir l'esthétique du site

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...:/)

Hors ligne

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

Ner0lph

Re : revoir l'esthétique du site

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

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

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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

1252876303.png


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

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

Rionnag

Re : revoir l'esthétique du site

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;)

Hors ligne

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

sam7

Re : revoir l'esthétique du site

& 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) :

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/ )

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


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

@Rionnag : rectifié...
1252913523.png

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)


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

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

fabien961

Re : revoir l'esthétique du site

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)

Hors ligne

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

fabien961

Re : revoir l'esthétique du site

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 !

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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 tongue

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

1252917614.png

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)


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

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

Ner0lph

Re : revoir l'esthétique du site

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.

smile

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)

Hors ligne

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

sam7

Re : revoir l'esthétique du site

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


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Ner0lph

Re : revoir l'esthétique du site

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

Hors ligne

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

YannUbuntu

Re : revoir l'esthétique du site

fabien961 a écrit :

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

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


à consulter/améliorer: Guide du Débutant, Logiciels, Ecole, Travail, Maison

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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

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


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

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

yvecai

Re : revoir l'esthétique du site

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


Yves

Hors ligne

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

sam7

Re : revoir l'esthétique du site

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)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne

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

Julientroploin

Re : revoir l'esthétique du site

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 tongue
Version moins sévère (?) :
1253051262.png

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)


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

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

sam7

Re : revoir l'esthétique du site

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

& voici le mien retravaillé avec inkscape :
1253053370.jpg
je l'ai tourné dans l'autre sens... je crois que c'est mieux au final pour la page d'accueil du sitesmile


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)


sam7 @ sweetux.org = "Faire connaître & promouvoir la culture libre"
& @ gafam.fr = "Faire connaître & promouvoir les alternatives aux GAFAMs"

Hors ligne