Art And Folk

Date : 13/12/07 22:25:56

Si vous appréciez cet article cliquez sur ce bouton : Votez pour cette page avec Wikio

 

Voici un design que j'ai réalisé avec Adobe Photoshop en à peu près une heure. Les couleurs font de se design sa petite particularité. Je vous laisse le découvrir tout de suite, vous pouvez cliquer dessus pour le voir en taille réelle.

Art And Folk

 

J'ai baptisé se webdesign : Art And Folk me demandez pas je ne sais pas du tout pourquoi  ! 

 

J 'aime bien le côté "jeune" qu'il dégage, le seul problème de se design va être pour le coder. Le problème qui saute aux yeux est qu'il ne pourra pas être extensible ni en hauteur ni en largeur. Il faudra donc user des "scrollbars" en javascript si on veut respecter le design. Les "scrollbars" sont les barres de défilements aussi appelés ascenseurs de votre navigateur internet. Comme ça en deviens ma petite règle voici un extrait de Wikipédia sur ses barres de défilements :

 

Une barre de défilement, souvent appelée ascenseur, est un composant d'interface graphique rattaché à une zone d'affichage rectangulaire. La barre de défilement permet de faire défiler le contenu de la zone avec la souris lorsque la hauteur ou largeur de la zone est insuffisante pour afficher l'intégralité de son contenu. La barre peut être verticale pour un défilement de haut en bas ou horizontale pour un défilement de gauche à droite. Les barres se trouvent généralement sur le bord des fenêtres et des zones de texte multilignes.

 

En résumé se sont les barres à droite qui s'affichent sur la plupart des sites que vous visitez lorsque la page deviens trop longue. Voici maintenant le problème numéro 1 est posé et il faudra utiliser obligatoirement du javascript si on veut changer les scrollbars par quelque chose qui ressemblera plus au design.

 

Le problème numéro deux pourrait être les arrondis des différents paragraphe mais là c'est juste un peu de codage en plus c'est facilement réalisable pour quelqu'un qui s'y connais un minimum.

Ensuite je dirai qu'il reste le menu, il va surement falloir écrire le texte directement dans le design sous photoshop et enregistrer chaque onglets séparéments puis les placer dans le design. Il faudra surement ruser pour garder l'accessibilité de celui-ci. C'est très important de nos jours l'accessibilité.

 

Voici donc les raisons qui vont faire que je ne vais surement pas coder se design. Il va rester à l'état de projet. J'ai pris beaucoup de plaisir à le réaliser mais je ne pense pas en avoir à le coder donc si quelqu'un est motivé, qu'il se fasse plaisir je vais même lui laisser pour ça mon fichier .psd ici le téléchargement du PSD. Le design à été réalisé sous Photoshop CS3 donc si vous avez une version inférieure je suis pas sûre que ça fonctionne... Vous êtes prévenus.

Si jamais vous vous en servez faites le moi savoir sur cette page ou par mail et si vous êtes sympas faites moi un petit lien vers cette page ou vers mon site.

 

Ecrire un commentaire

  • Les champs indispensables sont marqué avec le caractère*.

Si vous avez des problèmes pour lire le code, cliquez sur le code pour en générer un autre.
Code de sécurité:
 
Nill
Posts: 2
Comment
Kit Art & Flolk
Reply #4 on : Sun March 02, 2008, 11:28:08
Salut j'adore ce kit graphique, j'aimerai m'en servir pour mon site perso mais je n'ai malheuresement pas Photoshop CS3 (ni aucun autre) seulement Dreamweaver 8 et Notepad++. Je ne peu donc pas l'utiliser ??

Merci!
Versace 69
Posts: 2
Comment
Beau Design
Reply #3 on : Fri December 14, 2007, 21:30:50
Salut, c'est un beau design.
Fait en seulement 1h ?!!
Bah dit donc...c'est rapide et joli...
Moi je galère pendant un après-midi pour un truc qui finalement par à la corbeille...