Portfolio imprimé, en ligne et carte de visite

C'est marrant, j'ai regardé ton portfolio hier ! J'avais justement remarqué le changement de design, et je trouve ta nouvelle présentation vraiment chouette. Et aujourd'hui il y a encore du nouveau vu que tu as séparé tes différentes créas. Beau boulot, vraiment !

J'ai du mal à déterminer quel visuel je préfère ... Ils ont tous de la gueule ! Histoire de faire un premier tri, je dirais le 2ème, le 4ème et le dernier.

Hum dans les logos j'aime bien les deux du centre personnellement.

Seconde ligne, celui du milieu. A mon avis c est le plus equilibré et le plus lisible pour un poinçon

Comme dvb, j'aime bien celui situé au milieu de la ligne du bas.

Ton portfolio m'a encore fait découvrir de nouveaux tableaux. Il est très clair. Par contre, il n'utilise pas tout mon écran. Je ne sais pas pourquoi.

Pour le logo le 5eme aussi (2eme ligne milieu).

J'aime bien ton header (en même temps cette illustration doit être celle que je préfère chez toi), et l'ensemble rend bien.
J'ai beaucoup de mal avec l'alignement à gauche du site, mais ca c'est dut à ma culture web et c'est subjectif au possible ^^

Pour le site aligné à gauche, et pour le site qui n'utilise qu'une partie de l'écran (Cassie), j'aimerais pouvoir l'améliorer mais je ne suis pas sûre de mes compétences en HTML. L'idéal serait de l'avoir centré au milieu de n'importe quelle taille d'écran.
Aspha, peux-tu m'aider à le régler?

Merci d'avoir donné vos avis. J'ai de nouvelles itérations du logo, je pense opter pour celui du milieu, avec encore quelques modifications.
Un éssai de typo non concluant. Elle fait un peu trop calligraphie arabe, ce que j'aime bien mais qui ne me représente pas. Idéalement j'essaye de capturer l'esprit de mes abstractions graphiques, présent dans cette créa'. Donc le résultat devra peut-être avoir un peu d'art déco ou quelque chose du genre, je ne sais pas. Je vais chercher.

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo2jq

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo3bt

Oui, c'est vrai que moi aussi ça me gène un peu de voir le site aligné à gauche. Je crois qu'il faut que tu modifies tes paddings et tes margins. Utilise des pourcentages, il me semble que c'est mieux pour que le tout s'adapte suivant les écrans de chacun. Enfin Aspha saura mieux te conseiller que moi ... D'ailleurs il faut aussi que je fasse des modifs sur mon site, mais j'ai peur de ne pas y arriver ... Faut déjà que je finisse des projets scolaires ! Complice

Redonne-moi l'adresse de ton site $Clin d\'Oeil$ c'est une question d'utilisation de px dans les tailles au lieu de % (margin et width)

Ah ... Donc j'ai raison ou tort ? Il faut utiliser les % ou les px ?

Celui de Smirt : http://smirtouille.com
Le mien : http://melaka-design.com

Dans le css, il suffit de faire dans la mention body :

Code:: body {
background-color: #131313;
margin-left: auto;
margin-right: auto;
width: (xx% ou xx px selon si tu veux que ce soit fixe ou relatif)
}

D'accord avec Tear.
Pas besoin de toucher au padding ou au margin avec des valeurs.

Par contre, même si ca fonctionne, je suis pas un fan du fait de déterminer la width du body.

Perso, je préfère mettre une div qui va contenir tout notre site et qui justement nous permettra de le centrer sans contraindre le body qui prendra sa taille sur le viewport (l'ensemble visible de la fenêtre).

C'est plus souple, mais bon c'est une préférence, les deux fonctionnent.

Et niveau code ca donnerait :

Code:: <body>
<div class="container">

</div>
</body>

Au niveau CSS :

Code:: .container {
width: 980px; /* soit en px ou en % selon utilisation */
margin: 0 auto 0; /*ca revient à ce que Tear a mis mais en une ligne*/
}

Et sauf cas particulier où il y a un besoin de fixer (le cas du design intérieur de Yuimen-aventure typiquement), on préfère les % ^^

(et moi aussi comme Aspha, suis pas fan de fixer autre chose sur un body qu'un fond (image ou couleur) Blagueur

)

Ca dépend de la problématique, si tu veux un truc responsive ou non.
Perso, au boulot vu qu'on ne fait pas de site responsive, le container est toujours fixé en pixel.
Et la encore c'est une question de goût, de préférence, de contraintes clients, etc.

Le soucis des %, c'est qu'il faut savoir où on va et les autres problématiques que cela soulève (max-width, min-width, le placement des blocs à l'intérieur (les floats, leurs ordres, etc).
Du coup, c'est un peu moins évident quand on débute plus ou moins.

De plus en plus, j'aurais tendance à dire que les gens préfèrent les tailles fixées. Même pour quelque chose qui n'a a priori pas besoin d'être fixé (y compris pour le responsive, cf. bootstrap).
La maîtrise de l'agencement est beaucoup plus importante. Et donc préférable niveau mise en page je pense. (avis de presque néophyte cela dit).

Sinon, le principe du body, c'est quand même d'être toute la page. Donc j'suis moyen d'accord avec vos préférences, même si ça se comprend, surtout qu'un div est plus maléable.

Je suis de ton avis sur la préférence des tailles fixées, mais c'est pas le cas de tous.
Après, y'a les points de ruptures et compagnies.

Pour Boostrap de mémoire y'a beaucoup de chose en %, ou en em, ou passé sur un système de grille. Mais j'ai pas ouvert un boostrap depuis 1 an, donc je sais plus trop.

Pour le body, ca dépend justement de ta définition de toute la page.
Pour moi, toute la page c'est l'ensemble de ce que je peux voir dans mon navigateur. Et pour le coup, mon navigateur je peux le redimensionner, et les espaces sur les côtés diminue ou augmente sans toucher a mon site qui est centré (tant que je redimensionne pas en dessous de sa taille).
C'est pour ca que pour moi le body ""tu peux pas"" le fixer.

Après comme j'ai dit c'est une préférence et une habitue d'usage .
J'ai pas cherché longtemps mais j'ai rien trouvé dans les recommandations qui ""interdise"" le fixage d'un body.

Donc au choix. Mentor

Bon je vais arrêter de pollué le topic de Smirt avec mes termes techniques ^^

AsPhArOtH a écrit:: Ca dépend de la problématique, si tu veux un truc responsive ou non.
Perso, au boulot vu qu'on ne fait pas de site responsive, le container est toujours fixé en pixel.
Et la encore c'est une question de goût, de préférence, de contraintes clients, etc.

Le soucis des %, c'est qu'il faut savoir où on va et les autres problématiques que cela soulève (max-width, min-width, le placement des blocs à l'intérieur (les floats, leurs ordres, etc).
Du coup, c'est un peu moins évident quand on débute plus ou moins.

Bah y a un peu les mêmes problématiques avec les tailles fixées... A part qu'au lieu d'être sur la taille minimale qu'on juge acceptable (généralement sous le 800 px de large, on utilise un css différent avec des média queries et tout ce qui va avec pour être plus léger au télécharger), on se retrouve avec la problématique du %age d'écran qu'on trouve raisonnable ^^

Typiquement, un CMS basique à la wordpress de base avec une div principale en px, ça donne des résultats très... originaux sur des écrans avec fortes résolutions (sisi, je vous assure qu'un wordpress fixé à 800px de large sur un écran à 4000 px, bah ça fait juste très moche) Riant

Après, moi j'utilise les deux... Du non-fixé sur ma page d'accueil pour que ça prenne bien toute la place et que ça saute bien à la tronche de l'utilisateur et du fixé à l'intérieur parce que je tourne sur du graphisme au pixel et que c'est quand même vachement pratique Blagueur

Merci pour vos informations et votre aide. Je n'ai pas encore eu l'occasion de retoucher à mon site mais je garde tout ceci en tête pour quand l'occasion se présente.
J'ai tenté une nouvelle version de mon logo pour la typo du dessous. Je n'essaye pas de la rendre particulièrement lisible, il y a écrit "Smirt" sur la tête et "Oui-lle" en dessous. La version du haut est la nouvelle, j'ai mis celle du dessous pour comparer.

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo4sv

Je ne parviens pas à être satisfaite de ce logo. Quelques détails me plaisent mais pas l'ensemble ni la plupart. J'hésite à faire quelque chose que en lettres, dans le style de ce que j'ai déjà mais reformé. Ou pas de lettre du tout. Ou les deux. Je ne sais pas. Des avis?

Sinon j'ai mis à jour mon site pour l'alignement des pages et pour la biographie.
http://www.smirtouille.com/about/index.html

(je te fais une réponse à l'arrache, désolé)

Tente de gérer le texte et le visuel séparément, pas forcément l'un dans l'autre.
Le texte sous l'image, mais en donnant moins d'importance à l'image - proportion de 40/60 sans doute (40 pour le visuel). Ou à l'horizontale, le visuel puis le texte dans la continuité ?

Idée comme ça...

Pourquoi pas le monstre de profil avec le "Smirtouille" sortant de sa gueule comme s'il le criait ?

Pas convaincu par cette dernière version, je la trouve trop lourde visuellement. Les couleurs et les écritures me semblent superflues.

Je trouve que les simples sketchs noirs d'il y a 2 pages fonctionnaient mieux comme logo, avec comme un peu tout le monde une légère préférence pour le 2e de la 2e ligne (je suis moins convaincu par les 2 foncés de droite, j'ai jamais trop aimé ton singe noir bariolé)

Voilà, juste un avis en passant, car dans le fond t'avais pas tort sur l'importance des signatures visuelles. En espérant que ça t'aide un peu à choisir.

Après réflexion, je pense que le monstre ne me convaint pas parce qu'il me limite. Je l'aime bien en soi mais il n'est pas très lisible, il n'exprime pas grand chose, il limite mes sujets à des monstres ou quelque chose du genre.
Donc, la typo seule cette fois.

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo5g

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo5g

Sympa cette typo ! Après je me demande si elle t'est vraiment représentative. Enfin, ça c'est à toi d'en juger !

En effet, je n'étais pas hyper convaincue par le monstre non plus ... Pas pour des raisons esthétiques mais plutôt pour la vision restreinte qu'il donnait de ton art.

Juste une question par rapport à cette dernière proposition : Comment tu comptes l'utiliser ? Parce que là, si tu veux la mettre sur fond noir, ça ne marchera pas. Sauf si tu as prévu une déclinaison.

Nouvelles versions. J'ai l'impression d'aller enfin quelque part, maybe?

Portfolio imprimé, en ligne et carte de visite - Page 4 Logo6ca

J'aime bien le dernier "Smirt", il a un dynamique de lecture qui fonctionne bien je trouve.

Par contre, je pense que ce qui me gêne personnellement c'est le côté trop "crayonné".
Tu comptes le vectoriser après?

(Attention, ce que je dis c'est très subjectif et l'essentiel c'est que ca te convienne a toi $Clin d\'Oeil$ )

» [AUTRE] Carte de visite et flyer [TERMINEE]
» [WIP] Portfolio.... :/