• Forums 2037
  • Forums Boite à Pixels 2077.net
  • Forums phpBB
  • Forums Nero
  • RSS feed
  • Sauter vers:   
    Boîte à Pixels Index du Forum Connexion  
    S'enregistrer
       FAQ   Rechercher   Liste des Membres   Groupes d'utilisateurs   Profil   Se connecter pour vérifier ses messages privés  

    [WIP] - Webdesign Raid Kayak Aventure
    Aller à la page 1, 2, 3  Suivante
     
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Le Coffre à Pixels
    Boîte à Pixels
    Voir le sujet précédent :: Voir le sujet suivant  
    Auteur Message
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 03 Mai 2007 1:11    Sujet du message: [WIP] - Webdesign Raid Kayak Aventure  Répondre en citant  

    Salut à tous,

    Ca fait un moment que je lis occasionnellement ce forum (et que je bave devant certaines créations), mais c'est la première fois que je poste ici.

    brève présentation : je suis belge, 22 ans, étudiant et absolument pas graphiste Sourire . je bidouille un peu de photoshop, de photo numérique, de php, xhtml et css, tout ça en ayant appris par moi-même (un peu) et par tutoriels (beaucoup) Sourire . donc si possible évitez le jargon trop technique, que mes connaissances limitées ne me permettent pas de comprendre.

    voila ce qui m'amène : je fais partie de l'organisation d'une manifestation sportive qui s'appelle le Raid Kayak Aventure. nous avons un site internet (http://www.rka.be) que j'ai réalisé il y a quelques années, et qui ne me satisfait plus (structure en tableau, pas conforme, pas css, design fade,...Triste )

    bref, j'ai envie de recommencer à zéro. et comme j'ai peu d'inspiration, d'expérience et de connaissances, j'aimerais avoir des avis extérieurs et des conseils.

    je compte faire ça très progressivement (et sans doute assez lentement aussi).

    première ébauche aujourd'hui : la structure générale et un début de header. je plaide coupable de m'être (lourdement) inspiré de certains travaux que j'ai vu ici et qui m'ont bien plus.

    merci pour les commentaires et conseils pour la suite;

    (note : les commentaires sur les couleurs sont aussi bienvenus, je ne dispose que d'un ordinateur portable, ce qui n'est pas l'idéal Smile )



    nouveau-site-1.png
     Description:
    1ère ébauche
     Taille du fichier:  94.23 Ko
     Vu:  1047 fois

    nouveau-site-1.png


    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Sim
    Team BP
    Team BP


    Inscrit le: 14 Avr 2004
    Messages: 7674
    Localisation: ->Paris<- Toulouse

    MessagePosté le: 03 Mai 2007 1:34    Sujet du message:  Répondre en citant  

    Ahah, le header avec un fond décallé, c'est vrai que c'est de plus en plus courrant ! Tire la langue
    Sinon, c'est sympa mais le header parait gigantesque... Après, il faut voir le reste du design ! Pour se qui est des couleurs, je trouve qu'elles vont plutot bien ensembles par contre, je n'aime pas trop la police que tu as utilisé, il me semble qu'elle ne reflète pas trop le style que tu veux faire passer ! clin d'oeil
    Ne te décourage pas surtout ! Sourire

    Bienvenue à toi en tous cas ! clin d'oeil

    _________________
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail
    Lucaservais
    Forcené(e)
    Forcené(e)


    Inscrit le: 23 Juin 2004
    Messages: 2998
    Localisation: Briançon (o5)

    MessagePosté le: 03 Mai 2007 2:10    Sujet du message:  Répondre en citant  

    comme le dit sim
    bienvenue

    pour le design :

    - il est vrai que le header parait gigantesque
    - je trouve que les éléments font un peut "poser" a l'arrache
    - la police j'aime pas trop non plus
    - les couleurs par contre passe bien

    joue peut etre un peut plus avec ta forme et le logo RKA, je pense qu'il y a quelque chose de pas mal a en tirer.

    ne te décourage surtout pas, tu a raison de vouloir y aller doucement, et tu est venu au bon endroit pour avoir de bon avis constructifs.
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 03 Mai 2007 2:54    Sujet du message:  Répondre en citant  

    merci pour les premiers commentaires Smile

    pas sommeil, donc j'ai un peu modifié mon projet

    v.1. header réduit, police du logo changée.

    v.2. autre approche.

    Personnellement je préfère la version 2, même si c'est sans doute plus conventionnel. d'un côté j'aimerais garder le logo (incliné avec le A en commun) parce qu'on l'utilise depuis que l'évènement existe, mais de l'autre je ne vois pas trop comment l'intégrer sans qu'il me bouffe mon header. or j'aimerais me servir de la bande bleue pour ajouter quelques éléments (sans doute des petites photos).

    de plus, je trouve que si je met mon logo texte à gauche et logo image a droite, ca fait 2 blocs bien lourds. je préfère nettement l'asymétrie.

    qu'en pensez-vous ?



    header.png
     Description:
     Taille du fichier:  83.71 Ko
     Vu:  1039 fois

    header.png



    header-altern.png
     Description:
     Taille du fichier:  70.19 Ko
     Vu:  1039 fois

    header-altern.png


    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Loira
    Administratrice
    Team BP
    Administratrice


    Inscrit le: 13 Nov 2004
    Messages: 36629
    Localisation: Rhône-Alpes

    MessagePosté le: 03 Mai 2007 7:47    Sujet du message:  Répondre en citant  

    Bienvenue Sourire

    Tu peux peut-être garder le logo incliné, mais en réduisant sa taille, ainsi que celle de l'illustration de droite : il sera tout aussi lisible.

    _________________

    Merci à Zarumbatus, auteur de mon avatar !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 03 Mai 2007 20:26    Sujet du message:  Répondre en citant  

    petit up, rajouté des menus et un peu de contenu, ça commence à prendre forme.

    dites-moi si je fais fausse route Sourire



    diz-site-2.png
     Description:
     Taille du fichier:  105.35 Ko
     Vu:  995 fois

    diz-site-2.png


    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    NiuAge
    Accro
    Accro


    Inscrit le: 20 Avr 2005
    Messages: 7716
    Localisation: Dans les nuages...

    MessagePosté le: 03 Mai 2007 20:53    Sujet du message:  Répondre en citant  

    Salut Sourire

    La grosse (énorme) barre horizontale en fond n'apporte rien ici, ou alors diminuer sa taille, ou modifier les bordures. Je sais pas trop mais elle me plait pas tellement en l'état.
    J'aime pas le rouge choisi, mais ca c'est une histoire de gout, donc n'en tiens pas trop compte clin d'oeil J'aurai ptêtre utilisé d'autres couleurs vu le sujet.

    Quand tu fais des cadres (les ptites bordures jaunes avec le dégradé), en général on enlève l'antialiasing dessus, ca parait plus net et précis.

    Peut etre changer de police pour le header. Pas qu'elle soit mauvaise, mais tu peux peut être trouver mieux.

    Gl Sourire

    _________________
    Fire - exclamation mark - fire - exclamation mark - help me - exclamation mark.
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 04 Mai 2007 2:45    Sujet du message:  Répondre en citant  

    choisi d'autres couleurs ? explique parce que j'y connais rien...

    même chose pour la police...j'ai essentiellement les polices préinstallées mais je n'ai aucune idée de quelle police utiliser pour quel message...y a t'il des tutos ou des indications quelque part ?

    et pareil pour l'antialiasing...kezako ? comment qu'on fait pour le retirer sur un calque ?

    baïe ze waïe si je me suis trompé de section vous pouvez bien sur réorienter mon topic...je découvre.

    merci pour les commentaires en tout cas Sourire


    Dernière édition par Moustac le 04 Mai 2007 2:50; édité 1 fois
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Sim
    Team BP
    Team BP


    Inscrit le: 14 Avr 2004
    Messages: 7674
    Localisation: ->Paris<- Toulouse

    MessagePosté le: 04 Mai 2007 2:48    Sujet du message:  Répondre en citant  

    Pour les couleurs, c'est peut être le choc entre le rouge-orange et le bleu qui est un peu bizarre !
    Pour les polices, tu peux aller en choisir une ici ! Dans photoshop, au niveau des options de la police, tu dois avoir antialiasing quelque part, il te faut l'enlever car ça donne un effet plus propre qui ne sera pas là lorsque le site sera en production ! clin d'oeil

    _________________
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 04 Mai 2007 17:40    Sujet du message:  Répondre en citant  

    vala, j'ai supprimé et modifié 2-3 trucs, qu'en pensez-vous ?

    en passant, est-ce que tout ça est facilement découpable/codable ? parce que là je suis vraiment très débutant...



    diz-site-3-altern.png
     Description:
     Taille du fichier:  180.41 Ko
     Vu:  930 fois

    diz-site-3-altern.png


    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4718
    Localisation: la valette

    MessagePosté le: 04 Mai 2007 17:41    Sujet du message:  Répondre en citant  

    Ah oui vraiment sympa, mais avec cette couleur, sa fait moins vif Confused
    Pourquoi ne pas laisser la barre bleue derrière, mais moins grosse comme dit précédemment Sourire

    _________________
    Ma galerie
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7126
    Localisation: http://peet.fr

    MessagePosté le: 04 Mai 2007 17:46    Sujet du message:  Répondre en citant  

    Je trouves ca beaucoup trop "gros"
    C'est pateu, ... on dirait que t'as tout grossit pour pouvoir remplir :s
    Niveau couleurs ... oué, pas vif du tout, c'est tout pale :s

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Au Badge Insolent V2 encore plus mieux !
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    NiuAge
    Accro
    Accro


    Inscrit le: 20 Avr 2005
    Messages: 7716
    Localisation: Dans les nuages...

    MessagePosté le: 04 Mai 2007 17:54    Sujet du message:  Répondre en citant  

    Du tact cher ami, du tact.

    Mais il a pas tord, c'est vrai que tout est un peu gros.

    C'est mieux sans la grosse barre je trouve.

    L'antialiasing, ca permet d'adoucir les formes courbes, pour les polices par exemple. Mais pour les lignes droites d'un cadre, vaut mieux éviter.
    Lorsque tu créé ta forme, y'a une option à cocher ou décocher dans la barre d'outil en haut normalement, me rappelle plus du terme en francais.

    Tu devrais garder le bleu de l'ancienne version, il donnait de la vie ^^.

    _________________
    Fire - exclamation mark - fire - exclamation mark - help me - exclamation mark.
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Moustac
    Occasionnel(le)
    Occasionnel(le)


    Inscrit le: 03 Mai 2007
    Messages: 23

    MessagePosté le: 04 Mai 2007 18:16    Sujet du message:  Répondre en citant  

    yep, je bosse sur un portable, avec effet vitre et beaucoup du contraste donc les couleurs m'avaient l'air d'avoir du punch ... vais peut être laisser les couleurs en suspens jusqu'à ce que je puisse travailler sur un CRT.

    merci pour les explications. je vais retravailler tout ça Sourire
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    NiuAge
    Accro
    Accro


    Inscrit le: 20 Avr 2005
    Messages: 7716
    Localisation: Dans les nuages...

    MessagePosté le: 04 Mai 2007 18:39    Sujet du message:  Répondre en citant  

    Je bosse aussi sur un portable de ce style, et c'est vrai que j'avais baissé la luminosité ^^. Reste quand meme que ton bleu est un peu terne clin d'oeil
    _________________
    Fire - exclamation mark - fire - exclamation mark - help me - exclamation mark.
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Montrer les messages depuis:   
       
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Le Coffre à Pixels
    Page 1 sur 3 Aller à la page 1, 2, 3  Suivante

     
    Sauter vers:   
    Vous ne pouvez pas poster de nouveaux sujets dans ce forum
    Vous ne pouvez pas répondre aux sujets dans ce forum
    Vous ne pouvez pas éditer vos messages dans ce forum
    Vous ne pouvez pas supprimer vos messages dans ce forum
    Vous ne pouvez pas voter dans les sondages de ce forum
    Vous ne pouvez pas joindre des fichiers
    Vous pouvez télécharger des fichiers


    [ Association 2037.org, infrastructure & serveur model-fx ] :: [ phpBB © 2001, 2002 phpBB Group ]
    [ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]
      Crédits