Un outil pratique, facile à utiliser et gratuit pour réaliser un wireframe.
http://wireframe.cc
L’utilisation de cet outil permet de passer d’un croquis d’intention au code.
En respectant les proportions du croquis par rapport au format d’écran on obtient les dimensions précises des blocs qui deviendront « container », « div » et autres « boîtes ».
Flat design = design simple
Article et exemples à voir sur Designmodo.
L’article est en anglais… Google Chrome propose de traduire les pages, c’est pas un français très « propre »
mais ça permet de comprendre l’idée générale.
À DÉCOUVRIR ABSOLUMENT !
premier épisode : le web et internet
education.francetv.fr/dossier/le-html-par-lui-meme-1-2
second épisode : les bases du HTML
education.francetv.fr/dossier/le-html-par-lui-meme-2-2
poursuivons & partageons
par des découvertes fort utiles !
à force de répéter / donner
les références de ce livre fort utile
voici tout ce qui peut servir
pour se le procurer :
www.pearson.fr
soyez curieux & apprenez encore plus vite
en faisant un tour par ici ou encore par là :
jeu haut en couleur proposé par 2 webdesigner : Maria Munuera et Mark Mackay
[merci mickael pour cette découverte]
Le site http://tympanus.net/codrops/ propose du contenu tendance dans le domaine du web.
Le code pour réaliser les effets et les tendances exposées peut être téléchargé.
Attention : c’est le code qui est gratuit pas les images ni les contenus.
En ces temps de rentrée il peut être bon de se replonger dans le HTML…
Un petit exo sur vos blogs ?
Le site ci-dessous répertorie un grand nombre de glyphes. Vous pouvez les copier/coller en format texte ou au format HTML (cliquer en haut , les codes HTML ressemblent à cet exemple : ◄ vous avez juste à cliquer sur le glyphe pour copier le code )
http://copypastecharacter.com/all-characters
Sélectionnez quelques glyphes qui vous plaisent ou qui vous semblent utiles et publiez un article sur votre blog.
Pour les plus Geek, vous pouvez même vous essayer à « l’ascii art » en créant de belles frises :
Pour alimenter le carnet/web et notamment s’entraîner à dessiner de façon proportionnée les différents formats de bannières, voir le GUIDE / LES FORMATS DE LA PUB EN LIGNE
publié sur lejournaldunet.com :
http://www.journaldunet.com/dossiers/sites/e-pub/annuaireformats.shtml
L’agence allemande Paperlux a créé une couverture prépliée pour le magazine de design graphique Novum.
Tout le processus de fabrication est visible dans la vidéo en bas de page : http://lookslikegooddesign.com/novum-cover-paperlux/#more-11236
A voir dans cette vidéo :
Des étapes à respecter pour qu’une bonne idée devienne un bon projet : investigation, exploration/expérimentation, réalisation [graphique et technique], verbalisation/argumentation et présentation.
A voir sur :
http://jokke-svin.dk/the-connected-poster-by-barq/
Explorez, créez et partagez des harmonies colorées sur Kuler.
http://kuler.adobe.com
Expérimentez les variations de couleurs, concevez des harmonies par analogies, de complémentaires… Kuler vous donne les références RVB, CMJN ou hexadécimales des couleurs que vous avez choisies.
pour faire des révisions, découvrir des nouveautés
dans InDesign, Illustrator, Photoshop et même plus
soyez curieux et allez sur :
www.adobe.com/fr/designcenter/video_workshop
