Epicode
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Communauté d'entraide dédiée à la création de forums en tous genres

AccueilFAQRechercherMembresGroupes
-25%
Le deal à ne pas rater :
-25% Samsung Odyssey G9 G95C – Ecran PC Gamer 49″ Incurvé
599 € 799 €
Voir le deal

Compte Fondateur
Le boss des boss
Messages :
13005
PointsCodes :
18099
Compte Fondateur

VOTES - Concours de graphisme n°1



Bonjour par ici !
Vous les avez attendus, les voici : les créations du concours de graphisme numéro 1.
Les votes sont ouverts jusqu'au dimanche 3 novembre 2024 inclus.
Pour voter, veuillez utilisez le barème ci-dessous (rappel des règles ici)

Code:
[b]Esthétique du rendu : /5[/b]
[b]Originalité : /5[/b]
[b](facultatif) Un petit commentaire :[/b]
[b](facultatif) Le conseil des pros :[/b] [i]si vous souhaitez donner des conseils supplémentaires en termes d'accessibilité, c'est ici ♥[/i]

Participation 1


Rendu:

Le bloc de l'avatar et ce qui se trouve en-dessous (bloc du pseudo et liens "envoyer un message privé" et "voir le profil du membre") suivent le scroll de la souris (donc ils descendent en cas de message long qui nécessite de scroller la page). La partie droite, évidemment, correspond aux boutons qui permettent de citer, d'éditer ou de supprimer un message. Concernant les couleurs, j'ai juste travaillé avec mes couleurs préférées, sans chercher à penser "groupes", mais évidemment, on peut toutafé imaginer que les couleurs correspondent à celle du groupe du membre qui poste ! Eeet voilà. J'ai essayé de garder tout ça sobre, j'aime pas quand il y a des infos partout. On peut aussi imaginer qu'il y ait des petites infobulles (je sais c'pas forcément UX) au survol des icones, par exemple pour les boutons des messages, pour compléter leur signification en cas de doute - cela dit, ça m'a l'air assez univoques comme symboles !
Je me suis bien amusée en tout cas, cété cool. ♥

Participation 2


Rendu:

> Le groupe est montré par la couleur et le contour autour de l'icon change selon le groupe (comme sur le screen)
> "Lien" désigne le rendu que un lien aurait.

Participation 3


Rendu:

Je voulais quelque chose de simple et clair, avec des courbes partout parce que "c'est la mode". Je voulais aussi en profiter pour insérer dans la maquette l'idée d'un bouton "permalien" qui permet de récupérer le lien du message. Les messages adoptent la couleur du groupe en deux tons, il y a un symbole à côté du pseudo qui indique si le membre est en ligne, les champs de contact sont sous l'avatar, les champs de profil sont à la place de la signature. J'ai médité sur l'idée de faire un bloc qui se déroule au clic pour révéler les champs de contact, mais je ne sais pas si ça serait agréable à l'usage. On pourrait rajouter d'autres infos cachées derrière l'avatar (les crédits ?) au survol, aussi.

Participation 4


Rendu:

Le texte de présentation se trouve dans le premier message, y compris en version mobile (avec quelques modifications d'informations en fonction de la version).

Participation 5


Rendu:

Il n'y a aucune animation particulière, cependant le profil (notamment le bloc qui ressort autour de l'avatar) suit le scroll sur toute la longueur du message. Le bloc de la signature est fixé au bottom et suit également le scroll permettant au reste du message de s'afficher en scrollant jusqu'à ce que la signature atteigne la fin du post, dans ce cas il y a un espace réservé et la signature ne cache plus le texte. Les hashtags (coin en haut à droite du profil et dans le bandeau bleu) servent à avoir le lien du message, comme le profil suit jusqu'en bas du message, le lien reste disponible en tout temps afin de le copié au clic sur le bouton. Pour ce qui est des couleurs, ce sont des couleurs avec une saturation assez similaire tout avec un contraste permettant de bien lire autant le clair que le foncé (la version jour serait d'inverser les couleurs gris foncé et blanc). Pour les images, le pattern est modifiable mais ici il reprend les couleurs utilisées dans le CSS.

Eko
Newbie
Messages :
64
PointsCodes :
140
Eko
Coucou par là !  Salut
Avant toute chose, un grand bravo pour ces participations ! Elles sont toutes vraiment sublimes; je risque de pas avoir grand chose à dire, mais en tout cas, mes respects  Very Happy

Participation 1

Esthétique du rendu : 5/5
Originalité : 5/5
(facultatif) Un petit commentaire : Honnêtement, je suis fan. Rien à redire, j'adore les couleurs et le design.  VOTES - Concours de graphisme n°1 1007048454
(facultatif) Le conseil des pros : R.A.S.

Participation 2

Esthétique du rendu : 4/5
Originalité : 4/5
(facultatif) Un petit commentaire : J'aime vachement. Assez simpliste, mais dans le bon côté de la chose: tout est lisible, bien agencé et logique. Kudos !
(facultatif) Le conseil des pros : R.A.S.

Participation 3

Esthétique du rendu : 4/5
Originalité : 5/5
(facultatif) Un petit commentaire : Wow. Franchement, c'est superbe. Les formes sont originales et l'agencement général est réussi. Rien à redire
(facultatif) Le conseil des pros : R.A.S.

Participation 4

Esthétique du rendu : 4/5
Originalité : 4/5
(facultatif) Un petit commentaire : ça fait bim et ça fait boum Très réussi ! Bien aéré, belles formes..  VOTES - Concours de graphisme n°1 3972358593 - rien à redire non plus !
(facultatif) Le conseil des pros : R.A.S.

Participation 5

Esthétique du rendu : 4/5
Originalité : 5/5
(facultatif) Un petit commentaire : J'aurais mis un 6/5 pour l'originalité mais je pense pas que ça serait accepté.  Sad Franchement très réussi aussi. J'aime bien les couleurs et les formes.. gnagnu-j'adore. C'est encore une fois très original, rien à redire non plus !
(facultatif) Le conseil des pros : R.A.S.




Navré pour l'absence de conseils, j'ai honnêtement pas grand chose à redire. Lovely
saturnfairy
Newbie
Messages :
82
PointsCodes :
378
saturnfairy
Hellooo  VOTES - Concours de graphisme n°1 771475364 Tout d'abord, félicitation aux participants ! C'est superbe ce que vous avez fait  VOTES - Concours de graphisme n°1 3775839356 Alors je vais pas donner de conseils parce que mon niveau est pas mal en dessous du votre, je laisse ça aux pros  Salut

Participation n°1

Esthétique du rendu : 5/5
Originalité : 5/5
Un petit commentaire : Je suis complètement in love  VOTES - Concours de graphisme n°1 3972358593 Rien à redire

Participation n°2

Esthétique du rendu : 4/5
Originalité : 3.5/5
Un petit commentaire : C'est assez simpliste et c'est un style de design que l'on retrouve souvent. J'aime tout particulièrement les sortes de petites bulles, c'est mignon + le fait que la signature soit dans un autre bloc que le message  Coeur 2  Par contre, je pense qu'en plus du contour autour de l'icon pour montrer le groupe, ça aurait pu être sympa de le montrer via le pseudonyme mais après peut être que c'est pas très lisible avec la couleur de fond donc je sais pas trop  VOTES - Concours de graphisme n°1 3313101865

Participation n°3

Esthétique du rendu : 4/5
Originalité : 5/5
Un petit commentaire : Une composition assez originale ! J'aurais pas du tout pensé à mettre les champs de profil en bas plutôt qu'au niveau de l'avatar mais en vrai ça rends bien Coeur

Participation n°4

Esthétique du rendu : 4/5
Originalité : 4/5
Un petit commentaire : Un design assez passe partout, j'aime bien  Very Happy Il y a juste la date + le rang qui me perturbent mais en vrai ça va

Participation n°5

Esthétique du rendu : 3/5
Originalité : 5/5
Un petit commentaire : Comme Eko j'aurais mis 6/5 pour l'originalité, j'ai besoin de savoir comment l'idée t'es venue plz  Mon problème c'est que il y a trop d'informations partout et ça me donne mal à la tête Panique
Milou
Graphiste
Messages :
4310
PointsCodes :
6694
Milou
Je vais mettre des 5 partout omg tout est trop beau Panique


PARTICIPATION 1

Esthétique du rendu : 5/5
Originalité : 5/5
(facultatif) Un petit commentaire : J'aime beaucoup l'agencement des différentes infos, le fait que les angles soient arrondis mais qu'avec tous ces "blocs" incrustés partout on ne soit pas face à un bête rectangle. Ça rend l'ensemble plus dynamique, plus vivant, mais quand même ordonné. J'aime bien aussi le fait que le bloc du message soit délimité, j'essaie d'imaginer ce que ça donnerait avec plusieurs messages de suite, sur toute une page, ça devrait être sympa ! Et puis bon les couleurs, parce que comme 80% des gens je kiffe le bleu VOTES - Concours de graphisme n°1 1007048454
(facultatif) Le conseil des pros : Je tiens juste à dire que les numéros de pages (pour aller à la page suivante) sont suffisamment grands, suffisamment espacés et suffisamment mis en évidence pour pouvoir cliquer dessus sans se rater, et ça c'est pas donné à tous les designs que j'ai vus dans ma vie ! (Et en vrai, l'arborescence de la catégorie et des forums est très claire, c'est cool !)


PARTICIPATION 2

Esthétique du rendu : 3/5 (j'ai menti, oops)
Originalité : 4/5
(facultatif) Un petit commentaire : Je trouve que le corps du message est un peu compact, il aurait pu être un poil plus aéré, en laissant de plus grandes marges autour du texte, par exemple. En fait, ça ne m'aurait pas forcément dérangée si tout était très condensé, mais là, les infos autour du message sont assez espacées, contrairement au texte lui-même, donc ça contraste (et par conséquent, ça se remarque plus fort). Je vais aussi un peu dans le détail mais l'angle entre l'avatar, le pseudo et le corps du texte (qui est blanc) n'est pas arrondi alors que le reste si. De nouveau, c'est un peu dommage parce que mon regard a été attiré par ça (notamment à cause du contraste assez élevé entre le blanc et le bleu du contour). D'ailleurs, ce fond blanc aurait sans doute gagné à être un peu moins pur, à mon goût : il aurait pu tirer légèrement vers le bleu clair ou bien être plutôt gris clair, par exemple. Le "vrai" blanc me donne en fait une impression de vide là ou un "faux" blanc ne l'aurait pas fait, mais ça reste assez subtil. Sinon, je souligne qu'il y a quand même des éléments très chouettes dans cette création ! J'aime bien l'ensemble avatar+pseudo qui forme un angle autour du message, et aussi l'icône à droite ! Les infos sont placées à des endroits clairs et bien délimités, selon moi, ça me plaît ♥ Et puis le fait que la bordure de l'icône change de couleur en fonction du rang est très cool aussi !
(facultatif) Le conseil des pros : Pour prendre le contrepied de la participation précédente, ici ça manque d'arborescence et de liens vers les autres pages. Après, ça reste une maquette, c'était pas du tout obligatoire d'ajouter tout ça, mais du coup je ne sais pas ce que ça donnerait comme rendu et c'est un poil dommage. Par contre, c'est cool d'avoir montré ce que donnerait un lien dans le message, on voit bien que les mots "cliquables" ressortent du texte, c'est good ♫


PARTICIPATION 3

Esthétique du rendu : 5/5
Originalité : 5/5
(facultatif) Un petit commentaire : Bon bah c'est stylé hein VOTES - Concours de graphisme n°1 1007048454 Le rendu se rapproche finalement un peu de la participation 1 donc le commentaire est similaire, mais j'aime bien ces arrondis et le côté "blocs imbriqués les uns dans les autres" qui casse l'aspect rectangulaire du message. En revanche, comme pour la participation 2, il n'y a pas de lien vers l'ensemble du forum, de la catégorie, ou vers les autres pages du sujet. Donc, même si ce n'est pas obligatoire dans une maquette, je me demande un peu quelle tête ça aurait eu... Sinon, le jeu sur les petits icônes et sur la taille de police pour repérer les différents éléments me plaît bien ! Les couleurs sont sympas et c'est une bonne idée de les associer au rang de chaque membre qui poste. Pour le bloc d'informations au bas du message, je suis conquise par l'aspect visuel mais j'avoue que je me tâte pour l'aspect pratique : je ne sais pas si ça me plairait de ne pas avoir de signature (question d'habitude et de goûts personnels), et je me demande aussi ce que ça donnerait avec un message plus long qui nécessite de scroller pour arriver en bas du cadre. Mais je salue l'originalité en tout cas !
(facultatif) Le conseil des pros : Je me répète, mais il y a juste ce bloc d'infos au bas du message qui me pose question. Si le message posté est très long et que le cadre se retrouve donc hors de l'écran, je me demande si ça ne pourrait pas créer des allers-retours pour aller checker certains infos avant/pendant la lecture du message. Mais c'est peut-être juste moi qui retourne constamment voir les infos des gens alors que je lis ce qu'ils ont posté VOTES - Concours de graphisme n°1 3655035957 Par contre, le permalien, très bonne idée ♥


PARTICIPATION 4

Esthétique du rendu : 5/5
Originalité : 4/5
(facultatif) Un petit commentaire : Bon bah c'est très beau hein, que dire de plus ? /pan Au risque de me répéter, je trouve l'aspect arrondi très sympa, c'est effectivement assez moderne et ça rend les encadrés plus doux. Comme pour la participation 2, le fait que l'avatar, le rang et le pseudo forment un angle autour du message me plaît bien, et ça ajoute de la couleur à la page ! Ici aussi, ça manque d'une petite arborescence ou de liens vers les autres pages, pour moi, juste pour me visualiser une page dans son ensemble. Mais le reste est nickel, tout est propre, les infos semblent bien rangées, voilà voilà.
(facultatif) Le conseil des pros : Je trouve un peu dommage que le titre soit limité dans sa longueur. Je vois souvent des titres assez longs pour des rp donc ça voudrait dire qu'il est toujours coupé. Mais pour d'autres usages (des présentations, par exemple), ça me poserait un peu moins problème, étant donné dans le titre rentrerait dans l'espace limité. Par contre, c'est un peu bête, mais j'ai d'abord lu "Tocotoco" comme titre plutôt que comme pseudo. Le titre, je l'ai cherché avant de le trouver :') Evidemment, quand on connaît les pseudos, c'est une confusion qui n'a pas lieu, mais ici, la mise en forme des deux textes m'a un peu perturbée au premier abord (et c'est peut-être aussi dû à la couleur du premier pseudo, qui est gris, contrairement aux autres "membres" qui postent des messages). A part ça, je trouve ça bien pensé que le rang soit écrit en plus d'être représenté par une couleur !


PARTICIPATION 5

Esthétique du rendu : 4/5
Originalité : 5/5
(facultatif) Un petit commentaire : Niveau note, j'ai mis 4 juste parce que mes yeux sont un peu surchargés en motifs, en couleurs et en informations, mais sinon je trouve cette maquette incroyable ! J'ai un peu de mal à me figurer ce que donnerait une série de messages postés sur une page de forum, puisque le haut et le bas sont très délimités, mais c'est quand même stylé. Je ne sais pas dire si j'aimerais poster sur un forum où tous les messages sont écrits comme ça, mais sur la maquette en tout cas, je suis fascinée par les formes et les couleurs choisies. Le bloc d'informations sous l'avatar est très original et les couleurs y sont utilisées intelligemment.
(facultatif) Le conseil des pros : J'ai juste un peu de mal à me figurer ce qui est cliquable ou pas. Comme tu précises qu'il n'y a pas vraiment d'animations prévues sur les éléments de ta maquette, je ne sais pas ce qui différencierait les liens des autres éléments. En revanche, je trouve ça très malin d'avoir caché le corps du message de manière progressive avec un dégradé. En lisant la description, j'avoue que je me suis demandé comment on pouvait faire pour savoir s'il reste un bout de message à lire ou pas, mais en voyant la maquette, ça m'a semblé plus clair et c'est bien pensé !

Je termine en félicitant encore tout le monde, ces participations sont de pures dingueries, ça ravit mes yeux ! Vous avez fait de superbes maquettes, quelle que soit votre participation ♪
Assalys
Modératrice
Messages :
2067
PointsCodes :
3132
Assalys
Hello !
Avant que les votes ne se cloturent, je m'en viens donner des avis (et pas de vote vu que je participe)

Maquette 1 :
(facultatif) Un petit commentaire : C'est magnifique., tout simplement. Je suis amoureuse des couleurs et j'adore comment tout s'imbrique. Je suis impressionée par toutes les info qu'il y a, sans que ce soit trop saturé. Très fan de l'icon en bas du message, ça change de ce qu'on peut voir 👀
De manière générale, j'adore cette maquette ! Tout est harmonieux et j'aime beaucoup l'agencement. Très fan de la manière dont le titre du sujet est affiché !

Maquette 3 :
(facultatif) Un petit commentaire : Si j'avais noté, j'aurais voulu donner 6/5 sur l'originalité. J'aime beaucoup comment les avatars ressortent et la découpe si je peux dire. Très sympa aussi le changement de couleur selon le groupe où c'est carrément le bloc qui change. Si j'avais un petit bémol, ce sera plus que le bloc de fin peut être très long et ça me semble peut être un peu... trop ? Mais on a toutes les info qu'on veut 👀 En tout cas, je suis vraiment fan de la créativité dans cette maquette, c'est vraiment innovateur et ça rend si bien **

Maquette 4
(facultatif) Un petit commentaire : Déjà, c'est hyper complet comme maquette. Très sympa le lien figma, j'ai bien aimer voir tout ce qu'il y a. Beaucoup de détails qui sont ajoutés qui sont vraiment cool (par exemple, le rendu de quand un membre est taggé.) J'aime bien la manière dont le rang est mis, pareil pour la date. C'est sympa comme emplacement ! Bref, très classe tout ça et vraiment très joli.

Maquette 5 :
(facultatif) Un petit commentaire : J'ai l'impression de me répéter, mais j'aime beaucoup la mise en forme. Cela change 👀 Aussi le choix des couleurs est chouette ! Et la forme du profil avec les informations change, mais rend très bien. A la limite, je lui repprocherai peut être d'être trop chargé et que la maquette perd un peu en harmonie. Par exemple, le fond rapporte un motif qui n'est pas repris, donc ça dénote, alors qu'un fond noir aurait pu bien marcher. Pareil, y a un effet sur le profil, mais pas sur la signature qui renvoie à tous les liens importants. Je pense que la maquette aurait gagné à avoir moins de motif, mais qu'ils soient plus repris pour le côté harmonieux.
Cela dit ! J'aime vraiment beaucoup le rendu et ça reste des petits détails, parce que ça reste une magnifique maquette VOTES - Concours de graphisme n°1 3972358593

Encore félicitations à tout les participants, vous avez beaucoup de talent Very Happy
Ellynor
Newbie
Messages :
30
PointsCodes :
90
Ellynor
Coucou  VOTES - Concours de graphisme n°1 771475364
Bon je n'ai pas d'expérience donc je m'abstiendrais de donner des conseils de pros... Mais voici mes simples avis basés sur le visuel global :



Participation n°1

Esthétique du rendu : 5/5
Originalité : 5/5
(facultatif) Un petit commentaire : C'est mon préféré ! Il est superbe  VOTES - Concours de graphisme n°1 3972358593 C'est harmonieux et j'aime beaucoup comme tout est disposé et texturé.


Participation n°2

Esthétique du rendu : 4/5
Originalité : 4/5
(facultatif) Un petit commentaire : J'aime beaucoup l'idée de la signature séparée du message (qui est lui-même séparé du reste). Globalement c'est très joli et ça met en valeur chaque partie, je suis peut-être juste moins fan des petites bulles et du cadre de la petite image en haut à droite VOTES - Concours de graphisme n°1 1066248963


Participation n°3

Esthétique du rendu : 5/5
Originalité : 4/5
(facultatif) Un petit commentaire : J'aime les courbes arrondies, ça rend le tout très doux. L'avatar ressort bien et le message en lui-même également. C'est minimaliste et joli  VOTES - Concours de graphisme n°1 3775839356


Participation n°4

Esthétique du rendu : 4/5
Originalité : 4/5
(facultatif) Un petit commentaire : C'est dommage pour le titre tronqué (j'ai tendance à faire des titres trop longs  Panique), autrement ça aurait pu être parfait car c'est très beau niveau rendu !  Coeur


Participation n°5

Esthétique du rendu : 4/5
Originalité : 5/5
(facultatif) Un petit commentaire : C'est effectivement très original et classe ! Mais le visuel global donne effectivement un effet un peu trop surchargé. Un fond plus simple et des couleurs plus douces auraient peut-être changé cette impression. Mais j'aime tout de même  Coeur 2


En tout cas vous êtes tous très doués Lovely ! Bravo !
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum