3246 sujets

Critiques de vos sites: code et design

[Résolu] Critique design "stylisé"

Salut,

Je joue au web-designer maintenant.
J'ai pris mon image de pamplemousse que j'ai modifié avec paint puis photo editor (ben oui, j'ai pas de logiciel sur le PC windows)
Mon image de pamplemousse a quelque peu ... heu ... entrepris une mutation !

Du coup, j'ai changé tout le bandeau (j'ai fait une image ; je sais pas faire autrement pour le moment)

Le pb est le poids de la page (bandeau = 43 ko)

Vous trouvez ça comment ?
délire en cours

(les changements concernent l'image du header ; le style d'écriture du titre et les images dans le menu)

En fait, le style jaune de dieteticien.biz ne pouvait pas rester en place puisque j'avais "piqué" l'image via google image (copyright ???)

@+

Edit : je passe en résolu, puisque ce site test est abandonné (style appliqué au vrai site)
Modifié par dieteticien (30 Jul 2005 - 22:08)
dieteticien a écrit :

Mon image de pamplemousse a quelque peu ... heu ... entrepris une mutation !

J'aime mieux personnellement, bien que sa répétition dans chaque élément du menu soit un peu chargée.
a écrit :

Du coup, j'ai changé tout le bandeau (j'ai fait une image ; je sais pas faire autrement pour le moment)

Pourquoi pas mais dans ta page 2 niveaux de titre (h1 et h2) sont passés à la trappe, le premier niveau de titre de ta page est un h3 Smiley cligne .

Pour #sommet tu pourrais par exemple ne conserver en image d'arrière plan que le motif de ce que tu nommes pamplemousse Smiley lol , et par exemple mettre une image du titre de ton site dans cette div ainsi que l'exergue du site. Pourquoi pas "dieteticien.biz" dans un <h1> (il y a plusieurs façons de cacher un titre derrière un logo ou de mettre l'image du titre du titre avec le alt qui va bien) et la phrase de présentation du site dans <p>?
C'est frais et professionnel, j'aime assez !
Je n'ai pas regardé en détail, mais c'est pas mal.

Un aspect tout à fait subjectif, mais ces couleurs me font fortement penser à une glace (à la pêche ou à l'abricot par exemple). Pour un diététicien, c'est peut-être à méditer !

Par ailleurs, je trouve le vert des survols assez "laid".

@+, HoPHP
J'aime bcp Smiley smile
ça donne un + au site !

Pour le poid de l'image, comme ça a déjà été dit :
- une image pour "dieteticien.biz" --> un gif avec "contours jaunes"
- une image pour le "pamplemousse" --> gif ou jpg au choix
- un p pour le "slogan"
- un fond jaune sous tout ça

Le slogan a tout intérêt à être en texte.
Salut et merci à toutes et tous.

- image "dieteticien.biz" refaite en plus petite en GIF transparent
- insertion de ce logo dans un H1 avec balise "alt" de remplacement et de titre via un include PHP (voir code plus bas)
- couleur de fond tjrs via feuille de style CSS
- "pamplemousse stylisé" en insertion de background dans la feuille de style (image en jpg)

<h1>
   <img
	src="http://trevilly.com/pamp/images/dieteticien.gif"
	width="408"
	height="43"
	alt="dieteticien.biz" />
</h1>

<h2>Site d'information et de sensibilisation<br />traitant de la nutrition et de la diététique</h2>


Du coup, le poids, l'accessibilité, l'indexation, ... sont meilleurs

Pour la "font" ; j'ai pas trouvé mieux pour le moment Smiley cligne Smiley cligne
En fait ; j'aime bien car je trouve que ça fait "crayonné".
Et puis, c'est dur de trouver ; il y en a bcp et j'y connais rien (et je cherche que des gratuites Smiley confused )

Pour la glace ; c'est pas grave ; j'aime bien ça et un diététicien n'est pas contre la glace (mais c'est pas le lieu pour en causer Smiley cligne )

Pour alléger le visuel du menu ; je dois encore faire des tests (voire virer les inserts)

@+


Au fait, mon avatar actuel est le champignon sur la feuille de salade photographié par Stephan. Je l'ai stylisé ; c'est dingue un champignon dans un vitrail vu par moi Smiley biggrin . C'est cette "erreur" qui m'a poussé à créer le pamplemousse) Smiley edit Modifié par dieteticien (21 Jul 2005 - 00:19)[/edit]
a écrit :
C'est sur dafont que j'avais trouvé "ma" police précédente (mais dans "Trash"

Tu m'étonnes que je trouvais ça "Draculesque" Smiley cligne
Ello,

Je trouve le tout trop jaune.
Il n'y a aucune autre couleur qui ressort mis à part le vert sur le survol des liens qui est mal choisi (vert - orange, c'est dur..), le logo ressemble plus à une lumière vue de face qu'a un pamplemousse, je ne comprends pas non plus la raison de l'avoir coupé en 2 avec un trait noir, un vrai fruit ou qqch de reconnaissable : une belle photo , ferait sûrement plus d'effet. (cf http://sxc.hu/)

le "Mise à jour le 12/07/2005" prend une ligne complète pour très peu d'information, peut-etre ce serait mieux de le mettre en bas de page.
Modifié par AlphaYoDa (27 Jul 2005 - 09:17)
Salut,

Merci pour la critique que je sens honnête.
Pour le "pamplemousse", en fait, je jouais avec Photo Editor et j'ai appliqué le filtre vitrail ; ce truc est donc une erreur ou un hasard.
Il est coupé en deux du fait même du style vitrail ; c'est pas une volonté de ma part.
le pamplemousse original ne m'appartenait pas, je ne pouvais pas, par respect, le garder ... d'où cette légère transformation.

Pour le hover qui était vert, il est passé noir

Merci pour le lien avec les photos +/- libres de droit.
Je vais essayer d'apprendre l'anglais Smiley confused , ne sachant pas si les images sans restriction d'usage peuvent être utilisées par des non-membres.

Pour info, ce style jaune est appliqué en style secondaire à mon site (http://dieteticien.biz)

@+

P.S. : je passe en résolu, puisque ce site test est abandonné (style appliqué au vrai site)
Pourquoi ne pas faire le calcul de l'IMC en PHP plutôt qu'en JavaScript ?
C'est très simple et ça le rendrait accessible à tous...
84mickael a écrit :
Pourquoi ne pas faire le calcul de l'IMC en PHP plutôt qu'en JavaScript ?
C'est très simple et ça le rendrait accessible à tous...


Ben ... Si tu me le proposes, je suis preneur du code Smiley smile
Parce que moi, ce que je connais du PHP, c'est <include> (et encore) Smiley confused
Modifié par dieteticien (30 Jul 2005 - 23:08)
Sujet clos
Aller à