Trucs pour les designers !

Je suis tombé sur un site hyper génial qui donne plein de trucs sur le codage HTML/CSS. Il est en anglais donc vous devez vous débrouiller en anglais mais il est tout de même archi pratique !!


Smashing Magazine

Ils l'ont l'affaire !

Voici une équipe de designers qui mettent très bien en pratique le design out-of-the-box. J'adore leur interface ! C'est bien structuré tout en nous accrochant.


Krolikov

Pourquoi pas l'escalier?

Dans la même vague d'idées, on voit ce que l'interactivité peu faire. Des escaliers, c'est assez banal... mais le principe est tout aussi vrai que ce soit sur un site web ou dans la rue: lorsque quelque chose suscite notre intérêt, notre attitude envers cet élément changera du tout au tout.

Plancher interactif !

Une équipe a conçu un plancher réagissant aux mouvements des gens :

Les 25 techniques du design Out-of-the-box

Certaines sont plus évidentes à réaliser que d'autres mais voici les techniques que vous pouvez utiliser pour concevoir un site qui sort de l'ordinaire et qui se fera remarquer :

1- Ajouter une image explosive en arrière-plan
2- Faire déborder une image au delà du cadre
3- Étendre une région par-dessus une autre
4- Laisser un cadre ouvert
5- Utiliser un dégradé plutôt qu'une boîte pleine
6- Insérer une image irrégulière dans la composition
7- Utiliser un ou des masques pour modifier le contour d'une image
8- Effacer le fond de la boîte et/ou Travailler en transparence
9- Réutiliser la couleur de l'arrière-plan dans les images afin de tromper l'œil sur la forme du cadre
10- Scinder une image en plusieurs parties ou Multiplier une image
11- Désaligner des éléments
12- Travailler en diagonale
13- Surprendre
14- Traiter un ou plusieurs coins d'un cadre
15- Ajouter une bordure stylisée au contour d'une boîte
16- Éclairer pour mettre en valeur certains éléments et/ou Ajouter des ombres
17- Styliser une transition entre 2 zones
18- Ajouter des bruits visuels
19- Ajouter, numériser et/ou photographier des objets ou des textures réels
20- Incorporer des éléments manuscrits
21- Faire un collage/un graffiti
22- Incurver un ou des segments de l'interface
23- Texturer l'arrière-plan (privilégier les textures naturelles)
24- Assembler de façon irrégulière dans une grille
25- Prolonger la perspective dans l'axe Z

Favicon version Illustrator !

Voici mon favicon représentant ce blogue. Celui-ci a été fait avant le cours sur la création de Favicon en Photoshop.


Tutoriaux!

Je suis tombé par hasard sur ce site et je l'ai trouvé vraiment intéressant. Le design est très ordinaire mais le contenu est clair et assez développé. C'est un site de turoriaux Photoshop, After Effects, Illustrator, 3D Studio Max (un logiciel de 3D beaucoup utilisé pour les jeux vidéo), et plusieurs autres. Dans les tutoriaux Photoshop, vous avez entre autres beaucoup d'effets de texte. Je vous invite à aller y jeter un coup d'oeil ;) Le site est en anglais mais c'est quand même assez simple à comprendre.

Graphic Tutorials