Apprendre le Design !

Kedare · 28/09/2005, 22h59

Salut !
j'ai quelques question en design ,Comment faire des bordure joli ?
Ex ici : http://drupal.org/ Les Bord Arrondit , vous avez une bonne methode en design (pas photoshop si possible) , et comment les placer ? (tableau ,css ?)
comment mettre des joli bord externe aussi ?

(ou alors padding/margin) comme ici : (mon debut de blog avec un theme dl) http://www.waruto.net/kedare/

avez vous de bon site pour apprendre le design , ou des conseils

car le design de mon site est tres laid et froid je trouve , mais je sait pas quoi faire d'autre :/

Moine Gourmand · 29/09/2005, 00h10

Pour les bordures en CSS : -moz-border-radius avec le tiret, ne fonctionne pas sous IE et sera implémenté prochainement dans les recommandations CSS (3 ?) du W3C.

Pour les bordures externes, une image de 1px de hauteur qui fait la largeur du bloc conteneur avec les dégradés qui vont bien, là où il faut, et en repeat-y en CSS.

Blacky--- · 29/09/2005, 02h18

Jamais de tableaux pour la mise en page. Il faut toujours, toujours, séparer le balisage HTML de la présentation.

Kedare · 29/09/2005, 10h42

mais comment positionner les images de fond sur les bord pour en faire des arrondit sans l'astuce des css ?

Homesick Monkey · 29/09/2005, 19h10

Le mieux c'est de tester toutes les propriétés css une par une et ensuite d'observer le code source des sites qui te plaisent, tu comprendras mieux de quoi il retourne.

Sinon une petite recherche sur google te permettra de trouver des mines d'or d'astuces css.

Et je plussoie pour les tableaux, ils ne devraient être utilisés que pour des listing de données et non pour la mise en page, bien que ça ne soit pas hors norme de continuer à faire des mises en page par tableau.

Un incontournable désormais super connu : Css Zen Garden

Kleitus Lazar · 30/09/2005, 15h53

Ah CSS Zen Garden...
Sinon, plus pragmatiques mais tout aussi efficaces, deux sites sur HL qui n'utilisent pas de tableau (en tout cas je n'en ai pas vu) :
http://www.halflife-fr.com/
http://www.halflifedesign.net/

Comme quoi on peut faire des chouettes présentations sans table...

Kedare · 30/09/2005, 20h33

vous avez quoi contre les tableaux ?
j'ai aucun probleme avec moi

Homesick Monkey · 30/09/2005, 23h04

Ils expliquent tout ça beaucoup mieux que moi

Zeil l'exilé · 30/09/2005, 23h10

Citation :

Publié par Kedare

vous avez quoi contre les tableaux ?
j'ai aucun probleme avec moi

Pour faire simple, disons que l'esprit "programmeur" reprend enfin le pas sur l'esprit "codeur".

En gros, il suffit plus de taper du bordel qui donnera ce que l'on veut... il faut le faire correctement.

Et la séparation données-affichages est un des grands principes.

Kedare · 30/09/2005, 23h42

j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ...

Sylfaen · 30/09/2005, 23h45

Citation :

Publié par Kedare

j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ...

La médiocrité dans la création est un choix comme un autre.

Sylken · 01/10/2005, 00h15

Citation :

Publié par Kedare

j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ...

Pour la création, peut être... (et encore, c'est pas évident)

Mais, pour la maintenance ou les modifications c'est plus simple et rapide, au contraire.

Coemas · 01/10/2005, 02h17

Citation :

Publié par Kedare

Salut !....... (pas photoshop si possible) ...

WARNING...
WARNING...
WARNING...

euh toshop est 80% de tes solutions hein

ne le néglige pas

passe sur 3DVF.com si tu maitrise absolument pas.

sinon .... vi pense layer

c'est plus une approche de graphiste que de coder

sinon, pour ton site ...je ne parlerais pas d'une déficience en programmation ou de bords mal arrondis ...mais de gestion de l'espace

ps waruto est tres laid a mon sens .... ( 2 eme passage ... a gerber

)
la gestion de l'espace est une donnee de base en graphisme.
si tu ne connais pas essaye de trouver des mémoires et/ou des cours sur léonard de vinci ( cela seras une base ..l'École flamande aussi )
sinon, et si tu est allergique a l'histoire de l'art ...interesse toi a marvel

....de nombreux livres sont parrus sur l'analise de la structure graphique des BD

Roallaï · 01/10/2005, 11h02

Citation :

Publié par Coemas

WARNING...
WARNING...
WARNING...

euh toshop est 80% de tes solutions hein ne le néglige pas

- ce qu'il ne faut pas lire...

The Gimp ou Gimpshop sont gratuits et (hors pré-presse, mais cela ne le concerne pas) aussi couillus que Photoshop.

Moine Gourmand · 01/10/2005, 11h09

C'est clair...

Gimp (gratuit) ou Photop Elements pour la version grand public (à 99 €) devrait suffire largement.

Akis · 01/10/2005, 12h10

Citation :

Publié par Kedare

j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ...

Justement, j'aurai dit le contraire.. C'est beaucoup plus long et plus emmerdant de faire par tableaux que par bloc.

Kedare · 01/10/2005, 14h56

bon je m'entraine a faire du bloc, connaissez vous un bon moyen de trouver des ensemble de couleur ?
je voudrais mettre autre chose que du vert, quelque chose de moin froid ....

c'est bon j'ai trouver comme couleur

Anyanka · 01/10/2005, 15h39

Citation :

Publié par Kedare

connaissez vous un bon moyen de trouver des ensemble de couleur ?

Bah. :/

Kedare · 01/10/2005, 16h07

petite question sur photoshop , comment délimiter une zone modifiable ? pour ne pas depasser sur la transparence ; exemple ici :

http://img145.imageshack.us/img145/8357/nomod1yn.th.gif

ne pouvoir modifier que la zone beige , verrouiller la transparence en gros

Dimitri · 01/10/2005, 16h12

Une solution mais qui est sans doute pas la meilleur :
tu selectionnes le transparent avec la baguette magique, puis t'inverse la selection ( Maj+Ctrl+I) et voila.
Quant tu feras une modif y'aura que ton beige qui sera modifié.

Kedare · 01/10/2005, 16h20

Citation :

Publié par Xolef

Une solution mais qui est sans doute pas la meilleur :
tu selectionnes le transparent avec la baguette magique, puis t'inverse la selection ( Maj+Ctrl+I) et voila.
Quant tu feras une modif y'aura que ton beige qui sera modifié.

oui mais le probleme c'est que ca ne couvre que le calque du fond :/
je voudrais que ca empeche ca pour tout les calques

Comment ajouter ses propres motifs aussi ?

j'aimerais mettre une image dans le fond du logo , mais je sait pas comment l'ajouter en motif :/

voila un petit appercu du debut, comment trouvez vous la couleur et la banniere ?
http://www.waruto.net/V4/

comment faire aussi pour que le bloc de menu et du contenue ai tout le temp la meme hauteur , pour pas que le menu ou la collone depasse en hauteur ? [Non rien c'est fait]

Vous savez comment je peut faire pour afficher le footer tout en bas de la page , et pas juste apres le contenue ? (mais en le laissant dans le bloc)

Kedare · 02/10/2005, 00h04

Bon j'ai completement refait la banniere et modifier le design c'est plus joli

mais j'ai un probleme , j'ai copier le menu de mon ancien site pour tester , mais ca depasse par le bas , comment regler ce probleme ? (attention il faut que le menu et le corp ai la meme hauteur)
http://www.waruto.net/V4/Art.Charte

Moine Gourmand Alpha & Oméga	Pour les bordures en CSS : -moz-border-radius avec le tiret, ne fonctionne pas sous IE et sera implémenté prochainement dans les recommandations CSS (3 ?) du W3C. Pour les bordures externes, une image de 1px de hauteur qui fait la largeur du bloc conteneur avec les dégradés qui vont bien, là où il faut, et en repeat-y en CSS.
29/09/2005, 00h10

Blacky--- Alpha & Oméga	Jamais de tableaux pour la mise en page. Il faut toujours, toujours, séparer le balisage HTML de la présentation.
29/09/2005, 02h18

Kedare [DirZ] Alpha & Oméga	mais comment positionner les images de fond sur les bord pour en faire des arrondit sans l'astuce des css ?
29/09/2005, 10h42

Kleitus Lazar [BIONE] Alpha & Oméga	Ah CSS Zen Garden... Sinon, plus pragmatiques mais tout aussi efficaces, deux sites sur HL qui n'utilisent pas de tableau (en tout cas je n'en ai pas vu) : http://www.halflife-fr.com/ http://www.halflifedesign.net/ Comme quoi on peut faire des chouettes présentations sans table...
30/09/2005, 15h53

Kedare [DirZ] Alpha & Oméga	vous avez quoi contre les tableaux ? j'ai aucun probleme avec moi
30/09/2005, 20h33

Homesick Monkey Alpha & Oméga	Ils expliquent tout ça beaucoup mieux que moi
30/09/2005, 23h04

Zeil l'exilé Alpha & Oméga	Citation : Publié par Kedare vous avez quoi contre les tableaux ? j'ai aucun probleme avec moi Pour faire simple, disons que l'esprit "programmeur" reprend enfin le pas sur l'esprit "codeur". En gros, il suffit plus de taper du bordel qui donnera ce que l'on veut... il faut le faire correctement. Et la séparation données-affichages est un des grands principes.
30/09/2005, 23h10

Kedare [DirZ] Alpha & Oméga	j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ...
30/09/2005, 23h42

Sylfaen Alpha & Oméga	Citation : Publié par Kedare j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ... La médiocrité dans la création est un choix comme un autre.
30/09/2005, 23h45

Sylken Prophète	Citation : Publié par Kedare j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ... Pour la création, peut être... (et encore, c'est pas évident) Mais, pour la maintenance ou les modifications c'est plus simple et rapide, au contraire.
01/10/2005, 00h15

Roallaï Alpha & Oméga	Citation : Publié par Coemas WARNING... WARNING... WARNING... euh toshop est 80% de tes solutions hein ne le néglige pas - ce qu'il ne faut pas lire... The Gimp ou Gimpshop sont gratuits et (hors pré-presse, mais cela ne le concerne pas) aussi couillus que Photoshop.
01/10/2005, 11h02

Moine Gourmand Alpha & Oméga	C'est clair... Gimp (gratuit) ou Photop Elements pour la version grand public (à 99 €) devrait suffire largement.
01/10/2005, 11h09

Akis Alpha & Oméga	Citation : Publié par Kedare j'ai la fleme de refaire en bloc , c'est plus complexe et long a faire en plus ... Justement, j'aurai dit le contraire.. C'est beaucoup plus long et plus emmerdant de faire par tableaux que par bloc.
01/10/2005, 12h10

Kedare [DirZ] Alpha & Oméga	bon je m'entraine a faire du bloc, connaissez vous un bon moyen de trouver des ensemble de couleur ? je voudrais mettre autre chose que du vert, quelque chose de moin froid .... c'est bon j'ai trouver comme couleur
01/10/2005, 14h56

Anyanka	Citation : Publié par Kedare connaissez vous un bon moyen de trouver des ensemble de couleur ? Bah. :/
01/10/2005, 15h39

Kedare [DirZ] Alpha & Oméga	petite question sur photoshop , comment délimiter une zone modifiable ? pour ne pas depasser sur la transparence ; exemple ici : ne pouvoir modifier que la zone beige , verrouiller la transparence en gros
01/10/2005, 16h07

Dimitri Prophète	Une solution mais qui est sans doute pas la meilleur : tu selectionnes le transparent avec la baguette magique, puis t'inverse la selection ( Maj+Ctrl+I) et voila. Quant tu feras une modif y'aura que ton beige qui sera modifié.
01/10/2005, 16h12

Kedare [DirZ] Alpha & Oméga	Bon j'ai completement refait la banniere et modifier le design c'est plus joli mais j'ai un probleme , j'ai copier le menu de mon ancien site pour tester , mais ca depasse par le bas , comment regler ce probleme ? (attention il faut que le menu et le corp ai la meme hauteur) http://www.waruto.net/V4/Art.Charte
02/10/2005, 00h04

Apprendre le Design !

Connectés sur ce fil