[Résolu] Dessin de boites avant html / css

Bonjour les graphistes.

C'est Nounours_Le_Vrai qui vient avec une question simple au sujet des dessins de boites à main levée ou avec une règle avant le html/ CSS.

je souhaiterais que vous me donniez votre avis avec un dessin par dessus ma capture ci-jointe de l'exo Toys Amis.

Dessinez-moi SVP par dessus le dessin ci-joint avec un stylet ou autre votre suggestion de boites dans les boites sans les nommer pour le contenu seulement pour comparer avec mon idée.

J'ai déjà fais le bandeau, le menu et le pied. C'est pour cela que vous ne les voyez pas sur la capture.

Un grand merci d'avance.
Modifié par Nounours_Le _Vrai (13 May 2012 - 14:11)

J'ai absolument rien compris.

Je réexplique en essayant d'être plus clair.

1/Si tu regarde la capture tu vois une présentation d'un exo de site fait avec Adobe Illustrator. Ce n'est pas un site c'est une simulation.

2/ Il y a une méthode avec cette ébauche de site non fonctionnelle qui consiste après à élaborer sur papier libre ou par-dessus une page imprimée de la capture AI, la mise en place de boites, des "div" si tu préfères. Des carrés ou rectangles dans d'autres carrés ou rectangles.

3/ Cela permet ensuite ou pendant d'élaborer son html et son css avec précision. Je sais qu'il y a des graphistes super doués qui n'en ont pas besoin, mais moi je suis néophite alors j'essaie d'appliquer à la lettre ce que j'apprends à l'école.

4/ C'est pour cela que je sollicite l'aide de graphiste qui connaissent cette méthode de base.

Si c'est encore assez clair regarde svp le fichier d'exemple rapide en fichier-joint.

Merci

Nounours le vrai

jb_gfx a écrit :
J'ai absolument rien compris.

J

Ok, pour info ça s’appelle un wireframe. Personnellement j'en fait rarement, je fais plutôt du prototypage rapide (avec un logiciel conçu pour).

wireframe, ok c'est bon à savoir mais de quel logiciel parle-tu? Un logiciel qui permet de simplifier ce que cherche à faire?
Dis-m'en plus SVP.
Merci Nounours Le Vrai

jb_gfx a écrit :
Ok, pour info ça s’appelle un wireframe. Personnellement j'en fait rarement, je fais plutôt du prototypage rapide (avec un logiciel conçu pour).

Salut tu trouveras peut-être de l'aide sur cet article(en).

OK merci pour l'info - je ne suis pas sûr que cela soit exactement ce que je cherche mais je pourrais vraisemblablement y trouver quelques infos utiles.

Une dernière chose SVP Tu parles de prototypage rapide. Avec quels logiciels du pratiques.

Merci et bonne journée.

Nounours LV

G3ronim0 a écrit :
Salut tu trouveras peut-être de l'aide sur cet article(en).

Hello,

Je pense que tu trouveras des ressources intéressantes ici :
http://www.alsacreations.com/article/lire/1183-mockup-rough-maquette-zoning.html

Bonne soirée.

Merci Raphael pour le lien. J'y trouverai sûrement d'excellents tutos.

Ça y est je viens de trouver la soluce à mon problème. Je reconnais que j'en demandais un peu beaucoup à la communauté car il y a différentes façons d'appliquer des blocs de façon cohérente.Si quelqu'un n'est un spécialiste il va galérer un peu. Il ne faut pas qu'une fois montés avec html et css dans Dreamweaver elle se retrouvent les unes mélangées avec les autres BLOCS dans le navigateur.


Vous pouvez voir dans le fichier joint ce dont je parlais. Ce n'est peut-être pas très clair mais pour moi oui.

Encore merci pour avoir essayé.

Nounours_Le_Vrai

Raphael a écrit :
Hello,

Je pense que tu trouveras des ressources intéressantes ici :
http://www.alsacreations.com/article/lire/1183-mockup-rough-maquette-zoning.html

Bonne soirée.

Merci de votre aide. Une inspiration venue d'en haut vraisemblablement m''a éclairée sur la soluce.

Le meilleur à vous.
Modifié par Nounours_Le _Vrai (13 May 2012 - 20:15)

Nounours_Le _Vrai a écrit :
mais de quel logiciel parle-tu? Un logiciel qui permet de simplifier ce que cherche à faire?
Dis-m'en plus SVP.

J'utilise Axure RP qui permet de concevoir de vrai prototypes. Bon évidement c'est pour des site qui sont plutôt des applications

Pour des sites très simples comme un blog ou un site vitrine ça n'a pas d'intérêt et dans ce cas je fais plutôt un wireframe (je commence sur papier pour un zoning rapide et quand j'ai quelques chose qui me convient je fais un petit wireframe).