Mon site web

Il est grand temps que je monte mon propre portofolio en HTML alors here we go !

La page d'accueil / de choix de langue pour l'heure :

Sympa ce début de site internet ! Moi, ça me plait

Très bonne idée de joindre tes compétences pour avoir une vitrine de ce que tu sais faire. J'ai fait de même avec mon site internet d'ailleurs.

Ahah l'histoire du nom...

A la base, c'est tout con, chuis tombée amoureuse du mot "дерево" ("arbre" en russe) qui se prononce plus ou moins "diereva". Et puis dans "diereva" il y a "di" qui fait penser à "dieu" et surtout à "diurne" (à la lumière, au jour, "día" en espagnol) et "reva" qui évoque le rêve, le tout semblant désigner un "rêve éveillé".

дерево - d'où un arbre en guise de logo. (Repris en bannière du site.)

Dierevart (donc le son et le visuel me font penser à Devendra Banhart) est un jeu de mot gentillet donc, DIEREVArt comme c'est écrit sur mon portofolio wix, et puis en plus ça me fait penser à DeviantArt.

Bref, j'aime les associations d'idées !

* * *

J'ai terminé la structure du site, me manque plus qu'à grapher la bannière, les boutons, le fond etc. et à les placer dans la structure. Une fois ceci fait, j'aurai ma page d'accueil et de contact, la page de galerie ce sera une autre histoire, j'ai pas encore fais sa structure, ce sera sûrement un truc grossier comme des images miniatures insérées en dur, qui dirigent vers une page où se trouve l'image en grand et son commentaire. Plus simple et pas plus con que d'avoir un zoom de l'image... (Que je ne saurais pas faire.)

Ta première page est très jolie. J'aurais mis le logo et le nom du site en un peu plus gros par rapport au choix des langues par contre .

C'est la résolution de mon écran qui fait ça, ça apparaît en plus grand sur un autre écran. ^^

Je n'avais pas mis à jour sur ce topic mais ça a bien avancé depuis, voici la structure de mes pages avec ici la page d'accueil française :



Plus il y a de texte plus la tableau se rallonge (sans "s'étirer") verticalement.

Mais je pense que je le changerai plus tard, c'est trop... Trop.
J'essaierai de trouver un cadre qui colle mieux.
Et je mettrai sûrement un fond légèrement texturé au lieu d'un rouge uni comme ça.

Je trouve aussi que le cadre tranche trop avec ton en-tête qui est beaucoup plus élégant et sobre. Peut être diminuer la saturation qu'il ressorte moins? Ou Mettre une bordure simple à la place, ou un cadre moins épais.

Sinon c'est très chouette, bon courage pour la suite! Tu as mis combien de temps pour en arriver là ?

Je suis partie sur autre chose en fait, j'ai abandonné le principe du truc qui s'adapte à la taille du texte - intéressante idée mais inutile pour le coup.

J'ignore combien d'heures ça m'aura pris en tout, un sacré paquet en tout cas, plus de 10.

J'ai au moins passé 3h ce matin à mettre les images sur la page galerie et à localiser le site en anglais et en espagnol, le plus long n'étant bien sûr pas de traduire le texte (y'a pratiquement rien) mais refaire les images qui composent les onglets du menu.

Le site n'est pas complet dans la mesure ou normalement lorsque l'on cliquera sur les images de la galerie ça mènera vers une nouvelle fenêtre avec l'image en full view, mais c'est assez complet pour être rendu au prof donc c'est fait. Je reviendrai dessus dans quelques semaines pour terminer ça / modifier quelques trucs puis l'hébergerai chez mon fournisseur d'accès pour l'avoir en ligne.

Voici ce que ça donne :

Ah oui c'est beaucoup mieux comme ça! Le fond papier est beaucoup plus joli .
Si tu as le coeur de t'y remettre, je te conseillerai de soit mettre les aperçus des images en plus petit, soit de les fondre plus dans le fond, là je trouve ça un peu trop tranché ^^. Mais globalement j'aime beaucoup

Oui c'est dans mes projets de faire un effet plus fondu. ^^

Effectivement, c'est beaucoup mieux avec le parchemin ! Après je me disais que ça pourrait être sympa d'avoir un fond orange, avec des contours comme ceux de ton en-tête pour rester dans le même style.

Orange ? Peut-être un gris-bleu ou gris-vert foncé un peu comme ici mais je me vois mal mettre une couleur un peu pétante. :/ Et puis mon entête ressortirait moins...

Je trouve ton entête très belle. Le motif est très stylé.
J'aime moins le parchemin. Je trouve que tes images si colorées mériteraient un cadre coloré seulement. Elles se suffisent à elles-mêmes. Pour moi, le parchemin n'apporte rien derrière le slider.

Oui, tu as raison, le orange risque de faire trop ... Tu peux en effet trouver des couleurs plus douces (beige, gris, bleu ou vert pastel par exemple) qui te conviennent. Là ce qui me gène c'est que je trouve le parchemin en décalage avec le reste. Je ne le trouve pas en lien avec les autres éléments et le style de ton en-tête.

Le problème c'est qu'il me faut quand même un cadre, un fond pour quand j'ai du texte (pages Accueil et Contact). Je trouve que le parchemin colle bien au reste, c'est juste mes images qui ne collent pas avec le parchemin mais comme je l'ai dis ça sera corrigé par la suite.

Voici ce que ça donne à présent :



La présentation des images est temporaire, il faut que je trouve un cadre plus sympa, moins flou.

Oh, ça me plait beaucoup ! C'est une bonne idée d'avoir opté pour ne laisser que les images. Et ça ne me parait pas trop flou, je trouve que ça donne un style et un aperçu de ce qu'on va voir ensuite.

C'est beaucoup mieux comme ça . Je ne trouve pas ça trop flou non plus, au contraire, ça va bien dans le contexte et rend la transition avec le fond moins abrupte.
Tu penses que ce serait possible de mettre les images en différentes tailles? Tu pourrais mettre en avant ce qui te plait le plus et ça créerai moins de linéarité dans la page .

Ah oui c'est vrai que faire différentes tailles pourrait être bien...

Je voulais faire un cadre pour donner un aspect plus "fini" mais le résultat est écrasant... Je voulais faire un truc un peu à la façon de l'ancien trombi.

Allège peut-être tes boucles, en te limitant à une boucle sur chaque coté et la double boucle externe ^^

ou alors espace plus tes images (5 par ligne au lieu de 7 par exemple)

Tu as eu une très bonne idée. Pour ma part j'aime la version encadrée même si elle est un peu plus chargée. Je trouve qu'elle complète bien la simplicité raffinée du header. Je vote pour ta dernière version.

J'ai simplifié et préféré des cercles, ça fait penser à des monocles. (:

Les cercles sont élégants, mais j'aimais bien la finesse du trait des carrés.

Je ne sais plus trop quoi penser du coup. Toutes les versions que tu as proposé ont du bon. Je vais donc essayer de te donner les aspects positifs et négatifs sur tes trois propositions :

1) C'est simple et discret, ça se fond bien dans le décor. La seule critique pourrait être qu'il n'y a pas de lien avec le reste de ton graphisme (mais personnellement ça ne me choque pas). J'aime bien la douceur donnée par le cadre transparent.

2) Les cadres sont assez raffiné comme l'a dit Cassie. Après on est d'accord, il y a trop de fioritures. A mon avis, tu peux alléger cette composition en ne mettant des boucles que sur un angle du cadre. Tu peux les alterner même pour que ça fasse mieux réparti : des boucles dans l'angle en haut à gauche de la première image, en bas à gauche sur la seconde, puis tu recommences, etc.

3) J'aime beaucoup la fluidité des cercles. C'est vrai qu'on dirait des monocles, mais ça me fait encore plus penser à des montres à gousset ! Quoi qu'il en soit, c'est très joli aussi et je te donnerai le même conseil au niveau des boucles (même si là elles sont plus discrètes). Après je n'arrive pas à savoir si je préfère les carrés ou les cercles ... D'un côté les carrés me paraissent plus être dans le ton du reste, d'un autre côté les cercles permettent justement d'apporter des courbes à la linéarité des autres formes.