The A List Apart Blog. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels. Color Scheme Designer 3. CSS Débutant : cours et tutoriels sur les feuilles de style CSS 1,2 et 3. Pointypo– - L’actualité typographique en français. Macro-typographie sur le Web – Quelques outils. Le framework CSS Blueprint a été le premier à me taper dans l’œil et je l’avais donc expérimenté sur des projets personnels. C’est aussi celui qui est utilisé par mes collègues designers, ce qui m’a permis de le découvrir plus largement au jour le jour. C’est donc sur celui-ci que j’appuierai ma démonstration. Notez cependant qu’il s’agit d’un simple choix technique et que ce n’est pas ce qui importera le plus.
Adaptez mon discours à vos outils si le besoin s’en fait sentir, pourvu que vous utilisiez une grille ou que le sujet retienne votre attention ! L’objectif à atteindre sera simple et ressemblera à ce qui est présenté sur la vidéo ci-dessus, à savoir : une mise en page sur plusieurs colonnes ; un contenu composé de titres, sous-titres, paragraphes, images ; le tout aligné sur deux grilles : une verticale et une horizontale ; le tout s’adaptant automatiquement à la taille du texte choisi par l’internaute (les grilles s’adapteront elles-aussi). Blueprint La grille verticale Le zoom page. 4design | Création & partage de ressources sur les langages du web, le graphisme et WordPress.
Web Safe Colors. Livre : Design émotionnel par Aarron Walter - webdesign-ressources. Imaginez une nouvelle manière de faire des sites web en intégrant une véritable expérience émotionnelle pour vos visiteurs. Découvrez des techniques et concepts qui ont fait leur preuve avec l'auteur Aarron Walter. Design émotionnel Découvrez cette nouvelle publication "Design émotionnel" aux éditions Eyrolles qui vient agrandir la célèbre collection "A Book Appart". L'auteur Aaron Walter nous propose de découvrir les domaines de l'émotion et du design sensoriel par une série de chapitres qui apporte des exemples et des réponses à l'utilisation d'expériences dans nos web design.
Le lecture de ce livre permet de renforcer l'importance du design au coeur de nos réalisations, il nous montre qu'un design et une expérience réussis peuvent remplacer l'ensemble des efforts en publicité et en communication autour du projet. À qui s'adresse ce livre ? L'auteur du livre : Aarron Walter Extrait du livre "Design émotionnel"Voir son site personnel : Caractéristiques : Tendances 2012 : Zoom sur les tendances web de 2012 - tendance-web. Le Blog Du Webdesign a interrogé 5 professionnels du web pour nous faire partager leur vision des tendances dans leurs milieux. Pourrais-tu te présenter en quelques lignes ? Je m'appelle Geoffrey Dorne, je suis designer indépendant, chercheur et également blogueur sur et En 2011, quelle nouvelle ou phénomène a attiré le plus ton attention ?
Pour moi, en 2011 le tactile, au travers des interfaces ET des objets s'est imposé au plus grand nombre, des grands-parents jusqu'aux enfants, le tactile est devenu presque un réflexe et je ne compte plus les gens qui "touchent" maintenant les écrans, auparavant sacralisés comme objet du regard. Selon toi, quelles sont les tendances pour 2012 et que pouvons-nous attendre de cette année?
Selon toi, que faudrait-il surveiller cette année pour rester branché ? Pour rester "branché", je ne sais pas vraiment... ;-) Je pense qu'il faudrait garder un oeil attentif aux -r-évolutions sociales et leur rapport au design. 1. 2. Grille typographique et responsive design = « Responsive Grid » ? Hello 🙂 Bon, je viens de voir ce matin que c’était un jour férié, on va donc prendre un peu de temps pour jeter un œil à la fameuse « grille typographique » !
L’organisation en colonnes d’une page de magazine, d’une affiche ou des pages web tire son origine de la nécessité d’un meilleur confort de lecture. En effet, même si ces formats de lecture sont différents, nos yeux perçoivent les mots d’une façon assez proche et ressentent également la fatigue sur ces supports. Donc plus de confort, et donc… la grille!
Même si composer une grille est assez simple, je souhaitais ce matin vous proposer différents services en ligne qui permettent de concevoir votre grille pour le web, et notamment pour ce qu’on appelle le « responsive design ». Voici donc cinq services en ligne qui vont vous aider avec la grille typographique et notamment la « responsive grid », ou grille qui s’adapte à la largeur de votre écran, que ce soit une tablette ou un téléphone… Grid calculator > Grid Calculator Frameless. Blup! Code Snippets - Code-Sucks.com. Webmaster, tutoriaux et ressources Dreamweaver, Flash, Photoshop, CSS, Javascript - weByo.[net] Livres. Webdesign Mag. Disciplines - Qu’est-ce que l’ergonomie des interfaces ?
Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab. Boxes and Arrows: The design behind the design. Magazine webdesign et blog collaboratif - Blog Du Webdesign. Web Design Served :: Gallery.