Vectors, photos, illustrations.
Photoshop. Illustrator. Les formats de la publicité en ligne. CSS. Banque d'images. Comment faire un brief créatif ? Ces deux mots qui sonnent bien ensemble sont pourtant parfois difficiles à corréler et à mettre en oeuvre pour un designer . En effet, rédiger une approche, des idées, les informations pertinentes, les ressources de travail qui répondent le mieux aux attentes et parfois une affaire complexe. L’idée, lorsque l’on répond a un appel d’offre, à une compétition, serait donc d’avoir une méthodologie -et non une méthode- qui puisse nous guider quelque peu vers la rédaction d’un tel brief. des Designers Interactifs, a publié un document de travail intitulé « Comment formaliser un brief créatif ». Document que je vous partage donc. source Ces articles peuvent aussi vous intéresser: [infographie] Le processus pour réaliser un site internet !
DesignLeaks : des PDF sur le design en libre consultation Synthèse sur l’identité numérique en 2010 et quelques pistes de réflexion… Transformez tous les sites internet en wireframes avec Wirify ! Le guide complet de la gestuelle pour les interfaces multitouch ! 800+ Photoshop Patterns For Your Next Web Design Project.
Typo. CMS. Favigen: Favicon Generator - The easiest way to create a favicon for your site. Le Kit du parfait Webdesigner #1 - Blog Du Webdesign Magazine. Votre navigateur ne prend pas en charge Javascript, vous ne pourrez profiter de toutes les fonctionnalités de ce site web.
Magazine Webdesign, Inspiration et tutoriels 9222Membres2043Articles9519Commentaires0Devenez fan8431Suivez-nous ! A la uneCatégoriesDossiers+ Le Kit du parfait Webdesigner #1 par Fabien Berthouxle 28/05/2010 Couleurs, Typographies, Architecture d'un site, Effets de styles, Boutons, Dégradés Web 2.0, Icônes, vous trouverez toutes les ressources nécessaires pour développer et créer vos webdesign. L'architecture ( WireFrame ) Grille de construction Créer son architecture en ligne Pencil Pidoco Protoshare Iplotz Mockflow Balsamiq Jgraph Hotgloo A connaître Wireframes.linowski Aller plus loin : Des WireFrame à imprimer 35 ressources de WireFrame 50 packs UI et Webdesign gratuits La Couleur Colorschemedesigner 0to255 Imageshack Colourlovers Kuler Colormunki Ilotresor Colorblender Colorotate.
21 FREE Web Forms PSD Layouts. Comment créer des formulaires Web ergonomiques ? Que ce soit pour s’enregistrer sur un site ou finaliser un processus d’achat, le formulaire est omniprésent sur le Web et est souvent considéré à raison comme un levier pour améliorer son tunnel de conversion.
Appili profite d’un article complet publié par Smashing Magazine pour refaire le point. Le formulaire comme point d’entrée de la relation avec votre utilisateur Le formulaire est un moyen d’établir une relation privilégiée entre l’utilisateur et une organisation. Le formulaire conçu comme un échange Les différents éléments d’un formulaire Intitulés - Optez pour un mot plutôt qu’une phrase à la condition bien sûr que toute ambiguïté soit levée - Evitez d’utiliser des majuscules sur l’ensemble de vos intitulés, le style phrase est souvent à préférer : « Prénom et nom » plutôt que « Prénom et Nom » - Contrairement à la croyance populaire, placez l’intitulé au dessus du champ n’est pas la meilleure solution, à part si vous voulez délibérément ralentir votre utilisateur.
Champs à saisir Aides. Anatomie d'un web design efficace [infographie] Des photos gratuites pour illustrer votre blog, Photo Pin. Tenir un blog, outre l’écriture de textes uniques et originaux, du moins en principe, c’est aussi trouver de quoi les illustrer.
Il convient d’être prudent dans le choix des images car celles que l’on peut trouver sur le Web (Google Images) ne sont pas forcément libres de droit. Un ayant droit procédurier pourrait très bien vous réclamer des espèces sonnantes et trébuchantes pour avoir utilisé une photo qui lui appartient ou pire faire fermer votre blog par décision de justice. Pour éviter d’en arriver à de telles extrémités, la solution consiste à ne piocher que dans les images distribuées sous licence Creative Common.
Le tout nouveau service Photo Pin s’adresse aux blogueurs pour les aider à trouver des images gratuites diffusées sur Flickr pour illustrer leur blog de photos ou d’images en s’assurant qu’elles soient libres de tout droit. L’interface du site est en anglais. De plus, les mentions légales peuvent aussi être récupérées pour sourcer comme il se doit les images utilisées. Firebug Guide for Web Designers. Firebug — an open source web development tool extension for the Mozilla Firefox web browser — is incredibly powerful, with a wide range of super useful and practical features that would benefit any web designer or developer.
In fact, this browser extension (also available in other web browsers with limited functionality) is so useful and popular that it has browser extensions of its own. This real-time coding tool reduces the guesswork out of debugging web pages, among many other things such web page layout inspection/testing and web performance profiling, to speed up your workflow. Magazine webdesign et blog collaboratif - Blog Du Webdesign.