Bonjour à tous,  

Je viens soumettre mon site à votre critique (féroce   ) afin d'améliorer le design de mon site web.

L'idée : informer sur des sujets qui nous interessent(via news et dossiers à venir), et apprendre avec des tutos

L'approche artistique :  dans les tons bleu pour le rapport à la technologie et gris qui tire vers le marron pour la chaleur(couleurs, formes, tons, images, styles,
etc...). Un design épuré, avec des rayures et des dégradés (classique mais efficace à mon sens).

Logiciels utilisés : design sous Photoshop ; code HTML, CSS et PHP sous Notepad++ ; client FTP avec FileZilla

Notes diverses : l'hébergeur est 123, malgré que leur site ne respire pas le professionalisme, rien à redire sur la qualité du service.
Le site contient (et surtout contiendra) des tutoriaux vidéos, j'aimerais votre avis sur celui déjà présent.
Je débute (presque) sous Photoshop, j'ai donc fais avec mes conaissances, sans vouloir en faire trop pour ne pas gâcher le travail.

Le lien : Magget

Merci d'avance, je compte sur vous pour des critiques constructives.  

J'aime beaucoup, je ferais juste 2 reproches.
 
1- Je trouve que le gros titre qui indique dans quelle rubrique on est ben lé pas super visible limite il sert à rien en fait
 
2- Le site est deja pas trés large (je suis en 1680x1050 wide), mais en plus il y a 2 colonnes, pour l'accueil ca va, parcontre pour la rubrique news ca fait du texte ecris sur une largeur minuscule pendant qu'a gauche y a une colonne tout blanche qui ne sert à rien je trouve que c'est dommage à moins qu'il soit prévu d'y avoir plus de chose par la suite à cet endroit.

Pour le remarque 2, le sit fait 800px de large, mais c'est vrai qu'avec les marges ...etc... il reste plus grand chose pour le contenu. Tu as donc bien raison, je pense que je vais enlever (car presque inutile) ou déplacer (mais où ?) le menu de gauche. Seul le lien "Voir les anciennes news sur le forum" me parait utile, je vais bien lui trouver une tite place   . Donc au final la page News fera toute la largeur du site, comme pour les articles.

Par contre sur les pages accueil, articles, et contact, la bande de gauche ne gêne pas trop ?

Autre question : Est-ce une bonne idée d'intégrer le forum au design du site (non extensible donc) ?

Merci d'avance

Il y a un petit bug d'intégration des annonces Google.

Je trouve les double-bordures bleues un peu lourdingues, en les enlevants ça pourrait être un peu mieux. Aussi pour les textes, augmente un peu l'interlinge (un 1.3 - 1.4 em serait mieux).

j'aime bien  

Ce bug ? :

Je viens de le régler

Pour les doubles bordures, c'est un peu ce qui fait la structure du site, si je les enlève c'est tout blanc !?
Et pour l'interligne, merci de la remarque j'ai mis 1.3em c'est déjà plus lisible  

Merci !

 
Ben tu peux mettre les trucs de gauche en float:left comme ca, ca fait 2 colonnes tant qu'il y a du contenu à gauche puis ensuite la colonne des news s'agrandi toute seule pour prendre la place au dessous. (je sais pas si tu vois ce que je veux dire)
 

 
bof j'aime bien les forums quand ca prend tout mon ecran. parcontre lui donner un theme qui reprend le design de site ca serait bien pour pas avoir l'impression d'être sortie du site.

/!\ Sinon, ne pas faire attention aux bugs en ce moment, j'ai remarqué des problèmes avec IE et j'essaye de les résoudre en ce moment même. Ne pas s'inquiéter donc, si des éléments sont mal placés. /!\

edit : plus de problèmes avec IE, j'ai retouché mon CSS et c'est maintenant le même sur les 2 navigateurs. Si des gens en utilisent d'autres que FF et IE, s'ils pouvaient me signaler des bugs ça serait cool (quoique s'il n'y en a pas c'est tant mieux ^^).

UP !
 
J'ai changé la page des News, en l'élargissant a la largeur de la page comme vous me l'aviez conseillé.
 
J'ai fais valider les pages, seules celle des news reste invalide car pour cette partie j'utilise le générateur de news de PunBB, qui crée des codes pas valides en tous points...
 
Pas encore de Skin pour le forum, c'est à faire rapidement...

Ah en effet j'aime bien mieux les news bien large
Tu as essayé légérement plus d'espace entre les lignes qui servent de bordure et le texte (le padding quoi) ?
De même entre chaque article ? Je trouve qu'ils sont un peu collés et malgré la ligne horizontale la séparation ne saute pas aux yeux, faudrait ptet un peu plus d'espace au dessus de chaque titre.

Exact, la séparation entre les news n'est pas flagrante, je vais revoir ça. Pour le moment ce ne sont que des balise <hr /> qui font des lignes horizontales, pas super
 
Pour le padding, tu dois parler des gauches et droites, je ne pense pas les agrandir encore plus, sinon je vais limite perdre l'intéret de la largeur totale.
 
Au niveau des titre, merci de la remarque, je vais ajouter un mini séparateur en background en dessous pour bien délimiter
 
 
Merci pour ton avis très constructif une fois de plus

Bon un petit UP après modifs de ce qui avait été prévu, et pour avoir encore quelques avis sur le design.
 
J'ai pas changé le menu, j'arrive à rien de mieux que l'actuel...