Loisirs

Web Design Sketchbook : le cahier du Web Designer

Pour tous les développeurs Web ou les graphistes et webdesigners en tout genre, voilà un petit moment que je souhaite vous présenter un produit fait pour nous, les pros du web.Ce Web Design Sketchbook porte bien son nom : c’est un cahier qui contient des pages (ouahou !) sur lesquelles est imprimée en surimpression une copie de l’interface de Firefox pour Mac. Ainsi, vous pouvez réaliser vos croquis préparatoires à la réalisation de vos projets en ayant un aperçu plus précis que sur une feuille blanche des proportions et du rendu (à peu près final).

Caractéristiques

  • 20 pages d’aperçu général : regroupant 9 fenêtres du navigateur sur une même page, elles permettent d’avoir une vision d’ensemble de votre projet d’un rapide coup d’œil. Chaque page possède un petit espace pour y griffonner quelques notes.
  • 15 pages de mailing : pour faire des ébauches de vos mailing. Contient une large colonne sur la droite pour y apporter des notes et des idées.
  • 50 pages de navigateur : affichent une seule fenêtre du navigateur en pleine page. Elles ont la taille exacte d’un écran de 1024 x 768px et un espace est également prévu pour y placer des notes.

Ce cahier est en vente à cette adresse http://www.vcarrer.com/2009/02/sketchbook-for-web-designers.html pour la modique somme de 3€ pour les Belges, 7€ pour le Européens et 10€ pour le reste du monde.

Aperçus

Web Design Sketchbook
Web Design Sketchbook
Web Design Sketchbook
Web Design Sketchbook
Web Design Sketchbook

Téléchargement

Mais comme je suis aussi très sympa, je vous mets également les liens pour télécharger les pages et les imprimer vous-même :

  • Page d’aperçu général (9 fenêtres + note)

Web Design Sketchbook 9 fenêtres

Version Illustrator .ai : http://www.inventis.be/blogassets/schetsboek/Schetsboek-overzicht.ai
Version PDF : http://www.inventis.be/blogassets/schetsboek/Schetsboek-overzicht.pdf
Version JPG : http://www.inventis.be/blogassets/schetsboek/Schetsboek-overzicht.jpg

  • Page de mailing (1 fenêtre de mailing + note)
Lire aussi  TOP 5 des activités manuelles à faire avec des enfants

Web Design Sketchbook Page Mailing

Version Illustrator .ai : http://www.inventis.be/blogassets/schetsboek/Schetsboek-mail.ai
Version PDF : http://www.inventis.be/blogassets/schetsboek/Schetsboek-mail.pdf
Version JPG : http://www.inventis.be/blogassets/schetsboek/Schetsboek-mail.jpg

  • Page de navigateur (1 fenêtre pleine page + note)

Web Design Sketchbook Fenêtre Pleine Page

Version Illustrator .ai : http://www.inventis.be/blogassets/schetsboek/Schetsboek.ai
Version PDF : http://www.inventis.be/blogassets/schetsboek/Schetsboek.pdf
Version JPG : http://www.inventis.be/blogassets/schetsboek/Schetsboek.jpg

Partages :

Articles en relation

Voir les commentaires (6)
6 Commentaires
  • Bob
    Bob
    25 juillet 2009 à 18:14

    Téléchargé pour impression ! :)
    Clairement, ça peut sembler accessoire surtout lorsque l’on réalise des interfaces « passe partout » ( ou générique ).

    Mais dans le cadre d’interfaces plus abouties, avec un vrai concept graphique ça me parait assez utile puisque incitatif à procéder par un croquis de la page et donc d’arriver à des résultats plus stylés :)

    Toujours de bon sujets juju ! +1

    ps : je soupçonne wordpress d’être beaucoup plus gourmand que dotclear… ( à voir )

    Reply
  • Julien
    27 juillet 2009 à 8:03

    Je savais que ça te plairait !

    J’avoue que ça force à peaufiner son rendu final sur papier avant de se lancer.

    Reply
  • Julien
    18 août 2009 à 17:53

    Allez, je vais bientôt m’en imprimer quelques uns, je sens que des idées de design pour Arcana Scientis vont bientôt germer !

    Reply
  • […] votre site qui est un élément important, le contenu en lui-même l’est tout autant. Côté design, vous pouvez trouver de nombreux outils et chartes graphiques de qualité sans avoir besoin de […]

    Reply
  • […] un site internet en respectant la méthodologie « Responsive Design » n’est pas quelque chose qui se fait à la légère ! Il y a un process de […]

    Reply
  • […] 123 mètres de hauteur ! Mais en vrai, le graphiste suisse Martin Panchaud, a utilisé Adobe Illustrator CC et a découpé l’histoire en 157 images qui ont ensuite été assemblées pour donner […]

    Reply

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.