[Design/Etude] Site photo (JNSPP.com)

Bonjour,

Suite à ce TOPIC devenu un peu houleux je me lance dans le "design" de mon site perso, portant sur la photographie.
Je mets "design" entre guillemets car n'étant pas mon domaine, je ne voudrais pas faire de tort aux VRAIS designers, qui arrivent avec quelques arrangements à faire du sobre, classe avec jsute ce qu'il faut pour sortir de l'ordinaire

Je souhaiterais avoir vos avis sur l'étude, l'analyse des couleurs etc.
On met de côté le développement vu que c'est plus mon rayon.

Premier point du matin, les couleurs :
Je suis parti dans l'optique d'avoir une dominante sombre, probablement du noir pour le fond. Cela permettra de mettre en valeur les photos.
2e couleur, je pense du gris genre #333333.
3e couleur, quelque chose de plus tonique, genre orange ou anis.
Pour avoir testé "l'anis" (et pas que dans le Ricard), j'aime bien chez les autres, mais pas chez moi LOL, ca n'a pas l'air de coller.

Je pensais aussi à un éventuel couple : Noir, Bordeaux et ???

Vos avis sur ces couleurs?
il ne faut pas oublier qu'il va s'agir de présenter des photos donc le design ne doit pas prendre le pas sur ces dernières

Merci par avance.

Patrick

PS : On va me demander de présenter quelque chose (donc je prends les devants), ce sera pour dans quelques jours.
Là je veux juste mettre cartes sur table pour éviter de partir dans tous les sens.

PS2 : En général, vous préférez un site avec 3 tons, 4 ou plus?
Chaque cas est unique mais beaucoup doivent avoir leur avis sur la question.

EDIT : URL du futur site ICI.
Ne pas regarder le code, j'ai fait ca à la bourrin.
Idem pour la découpe...
DESOLE pour les puristes, les corrections se feront une fois que j'attaquerais vraiment le code
Modifié par PatrickDuSud (25 Apr 2007 - 12:17)

Première ébauche rapide ici : Je ne suis pas photographe

Ne pas regarder le code, j'ai mis ca à la va-vite, je travaillerais sur le code plus tard.
Il s'agit surtout de parler de la partie graphique

Toutes les critiques constructives sont les bienvenues

PatrickDuSud a écrit :
Toutes les critiques constructives sont les bienvenues

J'aime bien.

Le jeu sur la typo pour «graphe» apporte une touche d'originalité bienvenue, et le reste est sobre/classique/efficace. Enfin, les deux se fondent bien l'un dans l'autre. Bref, pour une page d'accueil c'est plutôt très bien.

Peut-être très légèrement teinter les photos pour ne pas être en 100% niveaux de gris ? Pas un truc pétant de couleur, mais une lègère teinte à peine perceptible, peut-être.

Florent V. a écrit :

J'aime bien.

Le jeu sur la typo pour «graphe» apporte une touche d'originalité bienvenue, et le reste est sobre/classique/efficace. Enfin, les deux se fondent bien l'un dans l'autre. Bref, pour une page d'accueil c'est plutôt très bien.

Peut-être très légèrement teinter les photos pour ne pas être en 100% niveaux de gris ? Pas un truc pétant de couleur, mais une lègère teinte à peine perceptible, peut-être.

1er avis
On reste dans du "classique" avec le changement de typo, mais je trouve comme toi, que ca relève un peu ce côté sobre.
Cette haustérité est voulue.

A la base, je n'avais pas prévu un nom aussi long, donc j'ai dû adapter et scinder le titre.
Ce ne sera pas le cas pour les pages intérieures.

Concernant la couleur des images, j'ai peur que ca ne fasse moins classe, mais dès que je peux, je testerais.
On risque de se rapprocher d'une mosaïque de couleurs. Ca peut être FUN mais est-ce que ca va convenir au thème de la photo, NO SE
Mais avant, j'ai à retoucher toutes mes photos, car mes écrans ne sont pas calibrés donc je ne sais pas réellement quel rendu j'ai.
Je me tate aussi à accentuer les photos pour des questions de compression. J'ai déjà une page assez lourde et j'ai peur qu'en accentuant la compression n'ait pas le même impact, donc plus de poids car les traits seront plus soulignés (J'me comprends).

Voilà pour les remarques.

Questions :
- Que verrais tu comme couleurs pour relever les futurs titres des pages intérieures?
- Quel style adopter au vue de la page d'accueil?

Merci par avance.

Patrick

Je me suis tombé par hasard sur un site, et le "kaki" se mariait bien avec le noir.
Je vais essayer de partir sur cette voie mais là encore, est-ce que les couleurs sont en harmonie, reposante sans qu'on ait la sensation de se tirer une balle, je ne sais pas...

Petite remarque utile aussi :
Avec cette présentation là, dois-je adopter une présentation en tableau ou vaut il mieux du CSS?
Merci

PatrickDuSud a écrit :
Petite remarque utile aussi :
Avec cette présentation là, dois-je adopter une présentation en tableau ou vaut il mieux du CSS?

Ben ça dépend. Les photos de la page d'accueil doivent changer dynamiquement, ou bien ça sera une image de fond ? Doivent-elles porter des liens ?

Pour ma part, si la grille est décorative, je ne vois pas le moindre intérêt à l'utilisation d'un tableau. Une seule image HTML (balise <img alt="...">) avec texte alternatif pertinent, et voilà.

La seule chose pour laquelle un tableau peut être utile dans cette page, c'est le centrage vertical du conteneur principal.

Florent V. a écrit :

Ben ça dépend. Les photos de la page d'accueil doivent changer dynamiquement, ou bien ça sera une image de fond ? Doivent-elles porter des liens ?

Pour ma part, si la grille est décorative, je ne vois pas le moindre intérêt à l'utilisation d'un tableau. Une seule image HTML (balise <img alt="...">) avec texte alternatif pertinent, et voilà.

La seule chose pour laquelle un tableau peut être utile dans cette page, c'est le centrage vertical du conteneur principal.

J'aurais bien rendu les images "dynamiques" mais si je reste sur des technos standards, je ne le ferais pas.
Par contre un petit coup de flash pourrait être sympa, mais je me réserve ca une fois tout fini.

Pour revenir au tableau, je ne suis pas sûr que mettre 1 seule image soit la solution car le poids risque d'être plus conséquant non?
A tester donc

PatrickDuSud a écrit :
Pour revenir au tableau, je ne suis pas sûr que mettre 1 seule image soit la solution car le poids risque d'être plus conséquant non?

Avec une seule image par rapport à plein de petites images ? Pas que je sache. Du moins ça ne risque pas de changer énormément.

À la rigueur, je ferais un fond séparé, avec les photos mais sans le texte, et je rajouterais deux images pour le texte, en GIF ou PNG transparent.

Florent V. a écrit :

Avec une seule image par rapport à plein de petites images ? Pas que je sache. Du moins ça ne risque pas de changer énormément.

À la rigueur, je ferais un fond séparé, avec les photos mais sans le texte, et je rajouterais deux images pour le texte, en GIF ou PNG transparent.

A tester effectivement.
Je verrais cette optimisation en 2e lieu

Reste le GROS du GROS, le modèle pour le contenu...
Je vais partir sur un design façon BLOG pour commencer et j'aggrémenterai. On verra bien ce que ca donne.

Hello,

C'est bien ce que je pensais : un site de photographe tire son originalité de la photo.
Donc, surtout, ne pas trop en faire au niveau de l'interface puisque c'est les photos qu'il faut mettre en valeur ...

Moi, j'aime bien, très bien même !
Autant le noir n'est pas génial pour le contenu texte, autant il évite toute faute de goût pour appuyer une photo, surtout en noir et blanc.

A mettre de la couleur, autant la mettre sur les éléments de l'interface, dont l'utilisateur va avoir besoin, histoire de "titiller", sans plus, la vision périphérique ...

Le jaune est une bonne idée : plus gai qu'un mauvais rouge pour compenser l'effet sombre ...

Bon, et bien, maintenant, il faut virer la balise table pour rester conforme aux exigences de ce salon !


Où nous mènera la future navigation de cet album ?

La qualité et l'originalité d'un design repose peut-être sur un objectif : être au service d'un contenu ... et de son organisation.
Modifié par Vero (26 Apr 2007 - 03:51)

Pour les photos, je les retravaillerai en bichromie, sur du jaune ou du bleu (plus froid). Voire en trichromie. Au moins, ça resterai dans l'esprit du noir et blanc, mais avec une (re)touche plus "pro".