Comments on: Comment réalisez-vous le design de votre site web ?

By: hanan

hanan — Mon, 07 Sep 2009 15:32:23 +0000

Je veux vous aider, je veux travailler Skybloug moi, mais je ne sais pas comment je fais s’il vous plaît Merci d’aider

By: Gaffasse

Gaffasse — Thu, 11 Sep 2008 12:26:28 +0000

Je préfère toujours créer un gabarit le plus proche du design final avant de commencer, mais c’est pas forcément le cas à chaque fois.
1) D’abord je commence par faire un distribution du menu.
2) Je décide de la structure du gabarit, par défaut j’opte pour des gabarits en trois blocs horizontaux (header, body, footer), mais ça change selon le concept.
3) Je visite des galeries CSS/XHTML pour inspiration, je dis bien inspiration
4) Je travaille ma maquette en PSD, je donne de l’importance aux zones graphiques (logo, fonds, icônes…), pour les textes, les formes, les bordures… c’est mieux de le faire directement en CSS.
5) Certe, une page HTML n’est pas toujours 100% identiques au PSD, il y’a donc des va et vient entre le Ps et l’éditeur.
6) La finalisation, ça je pense que c’est pareille pour tout le monde, surtout pour contourner aux emmerdement d’un certain IE6

By: Candice

Candice — Fri, 22 Aug 2008 19:22:32 +0000

Tout le plaisir est pour moi ^_^

Un énorme merci !

By: Ahmed

Ahmed — Fri, 22 Aug 2008 08:33:54 +0000

Il n’est jamais trop tard pour laisser un message ou un commentaire sur ce blog
Et en te lisant, je dirais que tu suis la démarche parfaite pour réaliser un bon design solide et bien construit !
Et si c’est que du self-apprentissage comme tu le dis, ehhh bien .. Je peux dire que tu est sur la bonne voie

Merci de ton passage, ça fait vraiment plaisir !

By: Candice

Candice — Thu, 21 Aug 2008 23:18:00 +0000

Il est peut-être un peu tard pour répondre mais bon !

Je débute dans le monde du Webdesining (je n’en fais que depuis 2 ans et j’apprends toute seule, pendant mon temps libre (restreint par mes cours car je suis encore étudiante XD))… Mais lorsque j’ai un projet en tête… J’y suis à fond ! Je me suis achetée un GROS calepin duquel je peux arracher autant de pages que je veux…

Je commence par dessiner les différentes parties au stylo… Avec des indications au crayon (ça fait comme ton image d’illustration, là ! )…

Ensuite, je surfe sur le net (surtout sur mes sites préférés) et j’observe… Les dernières tendances, les “trucs” de la semaine passée mais qui m’ont marquée… J’ajoute ces petites idées sur mon calepin et je choisis les couleurs. Là, j’ouvre Photoshop et je dessins (au U) les blocs phares de mon site, avec des couleurs arbitraires pour différencier chaque partie.

Je pars de nouveau naviguer sur la toile afin de chercher des images. Non pas à utiliser (ou, si c’est permis, pourquoi pas ?) mais pour m’en inspirer. Les couleurs, l’impression que ça dégage, le “style” du créateur, etc… Et là, normalement, ça vient tout seul sur ToShop… ! Je code et je lance… Et je recorrige au fil des jours les bugs ou les erreurs de codes… ^_^

Voici ma méthode à moi et elle marche à chaque fois… (hamdoullah, les pannes d’inspi’ sont rares pour ma part grâce – notamment – à cette phase “recherche d’image”… )

Donc, voilà ! Très beau design WordPress, j’aime beaucoup (d’ailleurs, je compte m’essayer au WP bientôt… J’aurai peut-être besoin de tuyaux ! ) et très bon site ! Je m’abonne direct au RSS ! ^_^

Bises et bonne continuation,
Chaimae

By: Ahmed

Ahmed — Sat, 19 Apr 2008 09:24:37 +0000

dhoko : l’utilisation de photoshop, fireworks ou the gimp pour faire une maquette peut s’avérer utile lorsqu’on a des éléments graphique complexes. Genre un header avec plein d’effets dessus …

Après, comme tu dis, il est tout à fait possible de réaliser un design sans utiliser de logiciels d’imagerie !

By: dhoko

dhoko — Fri, 18 Apr 2008 16:40:27 +0000

Et donc je suppose que c’est la même personne qui fait le design et l’intégration du site ou du blog.

Yop pour ma part c’est le cas. De plus c’est surement la phase la plus facile mais paradoxalement les détails à régler sont les plus délicats…

By: dhoko

dhoko — Fri, 18 Apr 2008 16:32:32 +0000

En premier je fait une maquette sur papier. Je fais une estimation des mesures pour avoir un ordre d’idée de la structure.

Puis je refais la maquette sur papier à la règle au propre.

Ensuite ne possédant pas Photoshop, je conçois mes templates directement en XHTML -CSS.

J’ai souvent vu les gens faire ceci avec un PSD, mais je n’y vois pas l’intérêt…

By: Ahmed

Ahmed — Mon, 14 Apr 2008 20:31:57 +0000

@Marie-Aude : En parlant de framework, j’essaie depuis quelques temps de tester quelques frameworks CSS disponibles sur le net (Blueprint notamment) … mais c’est vraiment pénible pour moi de devoir “m’adapter” à une façon de coder prédéfinie ^^ … Surement parce que je suis une tête de mule

@Issam : Une vraie mine ce Deviant Art !
Félicitations pour votre site .. Bien fait (même si je suis sceptique vis à vis du Flash ^^ )

@SimoX : Merci !
T’as raison pour l’avis des proches.. ça justifie en fait, cet article ^^
La prochaine fois, je poste là où j’en suis avec la maquette

By: SimoX

SimoX — Mon, 14 Apr 2008 18:16:45 +0000

C’est clair que l’inspiration pour avoir le design idéal pour un site est très délicate.
De mon côté, je fais plusieurs maquettes sur papier (brainstorming )
Et quand je lance Photoshop, j’essaye de prendre les meilleurs idées de chaque maquette pour en faire une finale. Biensur il faut sûrement avoir l’avis de plusieurs de ses proches pour se décider

En passant, je te félicite pour ton blog