Halo Création
Halo Création a déménagé !

Halo Infinite est peut-être dans un an, mais le futur de Halo est déjà là !

Nous sommes fiers de vous présenter notre nouvelle plateforme sociale pour tous : venez découvrir, partager et commenter tout ce qui touche à Halo, et plus encore !

https://www.halocrea.com/

Mise à jour en temps réel, système de vote, récupération des clips Xbox Live, intégration Twitch, messagerie instantanée, et un site pensé aussi bien pour bureau que pour périphériques mobiles ... Des fonctionnalités modernes pour une expérience au top !

Si vous voulez disposer d'une catégorie publique ou privée pour votre communauté/équipe/clan, n'hésitez pas à nous contacter !

À très bientôt !

Le staff Halo Création

<div style="position:relative;height:0;padding-bottom:56.21%"><iframe src="https://www.youtube.com/embed/C6bpYjp5R1Y" style="position:absolute;width:100%;height:100%;left:0" width="641" height="360" frameborder="0" allowfullscreen></iframe></div>
Le Deal du moment : -20%
(Adhérents Fnac) Enceinte Bluetooth Marshall ...
Voir le deal
199.99 €

[FINI] [IMAGE] Bannière design type HaloCréa

2 participants

Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty [FINI] [IMAGE] Bannière design type HaloCréa

Message par Albartros98 Mer 7 Mai 2014 - 23:12

Hello les gens Smile

Je suis venu pour passer une commande d'image, artistes en herbe, vous êtes la bienvenue sur ce topic Razz 
Voilà, je vous raconte un peu le contexte : je suis en train de coder un petit site communautaire (non, pas un concurrent à HaloCréation je tiens à rassurer le staff haha, je ne vise pas plus de 100 membres pour donner un ordre de grandeur). Bref, et après pres de 4872 lignes (oui je suis précis) de PHP, HTML, CSS et JS je ne suis qu'à la moitié de ce que je souhaite avoir pour une version publique. Autant dire que j'ai du boulot  Razz  L'ennui, c'est que faire des trucs en HTML-CSS c'est bien, mais pour certaines choses, il faut encore avoir des images à moins de n'entrer dans des trucs de folie qui de toutes façons ne seront pas gérés par certains navigateurs.
Bref. Sur une des pages de mon (futur) site, se trouvera un hub utilisateur, rien de bien sorcier sur cette page, simplement des liens pour accéder à diverses parties du site en fonction de son statut (gérer son profil, modérer un forum voir administrer la base de données etc) et j'aimerai ainsi avoir des images faisant office de liens, type bannière. Je ne vous demande pas de me les faire toutes, je demanderai juste une source en .psd ou bien en .csv si vous préférez ce format.

Les règles de cette sections sont strictes, je suis comme cet homme qui les respecte et qui a écrit:

  • Taille : 700*100px (Hauteur*Largeur) qui correspondent au modèle de la boîte.
  • Couleur principale/Thème : Les couleurs principales du site sont : #20212F, #148DD4 et #303030 (cette dernière étant la moins représentée).
    Voici une page de test du site pour vous donner une idée (attention, image lourde) : https://i.imgur.com/SZ9h76a.png
  • Image de base : Il n'y en a pas vraiment. Comme je l'ai précisé, j'aime bien le style des bannières d'HC mais je ne demande pas une copie, de même, je ne suis pas très fan sur un point de ces bannières, c'est le coté haut-gauche carré et le coté bas-droite travaillé, un minimum de symétrie est préférable (mais je suis ouvert à vos idées de génie ^^ ). Par contre, ne vous lâchez pas sur le travail avec des lignes obliques de partout même si il en faudra bien quelques unes, le site est sobre et carré, les angles arrondis sont proscrits. Mais j' souhaite tout de même une zone où placer un logo représentant la section et une zone pour placer du texte Wink 
    Concrètement, voici un exemple de bannière extrêmement simpliste https://i.imgur.com/e093BGq.png (c'est volontaire), mixez le avec le genre de bannières sur HC et le bébé des deux est ce que je recherche.
  • Police : Je m'en charge Razz 
  • Texte à afficher : Voir plus haut Razz 
  • Animation : Nope
  • Précisions : En plus de celles présentes dans la partie Image de base ? Hum...
    J'aimerai ne pas avoir un gros pathé de couleurs, de l'espace (transparent) est parfait pour aérer. Respectez la base de couleurs de la bannière light (gris pour les gros trucs, bleu pour détails). Posez vous la question de savoir si votre bannière ne se démarque pas trop du site (image plus haut) et tout sera bon Smile 
    Je rappelle que le format souhaité est psd ou csv (ou autre format vectoriel tout compte fait).
    Des précisions ont été apportées sur dans post : http://www.halocreation.org/t16608-image-banniere-design-type-halocrea#257490


Il n'y a pas de date limite, mais ne pas attendre 6 mois est une option tout à fait favorable ^^
Votre travail nom sera placé dans la page qui contiendra tout les remerciements évidemment.

Je remercie d'avance celui ou celle qui se chargera de mon cas  love


Dernière édition par Albartros98 le Jeu 8 Mai 2014 - 13:19, édité 2 fois
Albartros98
Albartros98
Soldat
Soldat

GamerTag : Albartros98
Team : nope
Messages : 76
Date d'inscription : 16/05/2010
Âge : 29
Réputation : 14
Talent : Faire des tangentes ça compte ?
Halo favori : Halo 3
Domaine favori : Vidéos

http://www.example.com

Revenir en haut Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty Re: [FINI] [IMAGE] Bannière design type HaloCréa

Message par KFR Tepec Fett Mer 7 Mai 2014 - 23:39

Salut,

J'ai peur de ne pas bien comprendre ce que tu souhaites : peux-tu me confirmer que tu souhaites un patron (pattern) pour faire un menu inspiré de celui de Halo Créa ? Pour être vraiment certain qu'on parle de la même chose :
[FINI] [IMAGE] Bannière design type HaloCréa Menuhc10

Si c'est le cas, je ne suis pas certain de comprendre : d'après la planche que tu donnes (qui est très chouette : bien structuré, le design ne noie pas l'info, bravo), tu as déjà un menu simple, épuré, et propre, non ? Ou alors il s'agit vraiment d'une autre partie du site, donc avec un layout qui change complètement ?
Si tu pars bien sur un menu qui devra s'accorder avec un tout autre layout, peux-tu donner davantage de visuels sur ledit layout ?

[HS]Ta demande m'intéresse, parce que je travaille depuis quelques années maintenant sur l'expérience utilisateur et l'accessibilité, notamment dans le web Razz [/HS]

Bon courage en tout cas dans ton initiative !

Tepec

P.S. : tu fais tout à la main, ou tu t'appuies sur un framework (PHP, JS (NodeJS ?)) ?
KFR Tepec Fett
KFR Tepec Fett
Administrateur
Administrateur

GamerTag : KFR Tepec Fett
Messages : 2972
Date d'inscription : 17/12/2008
Âge : 33
Réputation : 305
Talent : ''Stigmatiseur d'amalgame'' dixit Bendak
Halo favori : Halo CE
Domaine favori : Vidéos

Revenir en haut Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty Re: [FINI] [IMAGE] Bannière design type HaloCréa

Message par Albartros98 Jeu 8 Mai 2014 - 0:33

Bonsoir Smile 
Tout d'abord, je tiens à te remercier de ta réponse et de ton intérêt à mon projet love 

d'après la planche que tu donnes (qui est très chouette : bien structuré, le design ne noie pas l'info, bravo), tu as déjà un menu simple, épuré, et propre, non ?
-> Merci beaucoup pour ton commentaire, c'est agréable de savoir que ce qu'on fait plaît Smile 

peux-tu me confirmer que tu souhaites un patron (pattern) pour faire un menu inspiré de celui de Halo Créa ? [...]
Ou alors il s'agit vraiment d'une autre partie du site, donc avec un layout qui change complètement ?
Si tu pars bien sur un menu qui devra s'accorder avec un tout autre layout, peux-tu donner davantage de visuels sur ledit layout ?
-> Alors, je me suis mal exprimé dans ma requête, je parlais des bannières représentant vos forums, dans mon esprit, en parlant du format, la taille correspondait à peu près à celles que j'avais à l'esprit, désolé, j'aurai dû préciser que je pensais à ces images :

[FINI] [IMAGE] Bannière design type HaloCréa News

Ce qui, donnerait, si je copie votre modèle d'images (pas taper, il est minuit et j'ai fait ça en 2 minutes ^^) quelque chose comme ce qui suit. Je précise que j'ai fait des captures entières, donc toutes les images seront lourdes) https://i.imgur.com/2DBD0aY.png (j'ai vraiment fait cette page à l'arrache hein, pour les besoins du topic ^^)

Ceci étant dit, je joint tout de même des images des autres pages du site qui pourront servir à donner de l'inspiration du design choisi pour le site :
Page d'inscription (j'ai pas mit de login, vous comprenez le principe) https://i.imgur.com/CNgIUmd.png
Liste des forums - Liste des topics : https://i.imgur.com/RXJ6foX.png - https://i.imgur.com/FMX6XrM.png
Page d'un topic, j'ai essayé de remplir avec un maximum des features du site : https://i.imgur.com/lz5JJI0.png
Page de rédaction : https://i.imgur.com/Q9iinn9.png

Voilà pour les visuels ^^

Bon courage en tout cas dans ton initiative ![...]
P.S. : tu fais tout à la main, ou tu t'appuies sur un framework (PHP, JS (NodeJS ?)) ?
-> Merci milles fois du soutiens, ça fait chaud au coeur Smile 
Pour ton information, mis à part que le serveur soit un serveur gérant le php uniquement (donc pas de Node.JS), je n'utilise aucun framework CSS/JS préfait (type bootstrap/foundation etc) ni aucun framework php. C'est codé main, de la manière la plus naturelle qui soit. Bon, j'admet utiliser JQuery, notamment pour l'AJAX et aussi par fainéantise (c'est tellement plus intuitif de faire un $("#menu") plutôt qu'un window.document.getElementById("menu") =P  ou quelques librairies js pour me faciliter la tâche (hammer.js pour la gestion du touch, chart.js pour des graphiques, des tutoriaux par-ci par-là aussi ^^) Mais sinon, c'est mon petit Brackets qui s'occupe de la majorité du code, je hais les éditeurs WYSIWYG ^^
Albartros98
Albartros98
Soldat
Soldat

GamerTag : Albartros98
Team : nope
Messages : 76
Date d'inscription : 16/05/2010
Âge : 29
Réputation : 14
Talent : Faire des tangentes ça compte ?
Halo favori : Halo 3
Domaine favori : Vidéos

http://www.example.com

Revenir en haut Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty Re: [FINI] [IMAGE] Bannière design type HaloCréa

Message par KFR Tepec Fett Jeu 8 Mai 2014 - 1:45

Ahah de rien Razz
Petit HS:

Pour en revenir au sujet : vu le côté "flat" de ton design, ne penses-tu pas que ces bannières devraient éviter des formes et traits complexes ? Je veux dire, est-ce que quelque chose dans ce genre ne suffirait-il pas ? Pour donner un exemple simple :
[FINI] [IMAGE] Bannière design type HaloCréa Simply10

Après, l'important résidera probablement dans la nature explicite des icônes que tu apposeras à chaque fonctionnalité je pense.

Tepec
KFR Tepec Fett
KFR Tepec Fett
Administrateur
Administrateur

GamerTag : KFR Tepec Fett
Messages : 2972
Date d'inscription : 17/12/2008
Âge : 33
Réputation : 305
Talent : ''Stigmatiseur d'amalgame'' dixit Bendak
Halo favori : Halo CE
Domaine favori : Vidéos

Revenir en haut Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty Re: [FINI] [IMAGE] Bannière design type HaloCréa

Message par Albartros98 Jeu 8 Mai 2014 - 13:18

Petit HS - Réponse:
Concernant ta proposition, j'avoue ne jamais avoir pensé à ce type de design (je ne suis pas un dieu du design j'avoue), en general je finissais avec un gros bloc tout dégueu -_- merci bien, je vais m'inspirer de ton concept pour faire mes bannières Smile

Je pense qu'on peut considérer le sujet comme résolu Smile
Albartros98
Albartros98
Soldat
Soldat

GamerTag : Albartros98
Team : nope
Messages : 76
Date d'inscription : 16/05/2010
Âge : 29
Réputation : 14
Talent : Faire des tangentes ça compte ?
Halo favori : Halo 3
Domaine favori : Vidéos

http://www.example.com

Revenir en haut Aller en bas

[FINI] [IMAGE] Bannière design type HaloCréa Empty Re: [FINI] [IMAGE] Bannière design type HaloCréa

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum