background preloader

Ressources conception web

Facebook Twitter

Plaidoyer pour l'ergonomie des interfaces numériques. Qu’est ce qu’une interface numérique ? Avec le multimédia, l’homme invente de nouvelles interfaces permettant des interactions toujours plus abouties avec la machine. L’interface homme-machine est la couche entre ces deux entités par laquelle ont lieu ces interactions. On peut trouver sans problèmes d’autres formes d’interfaces, mais la relation qui va nous intéresser ici est la relation homme-machine. Le GUI – graphical user interface – est la première interface graphique. C’est une interface qui permet de sortir de l’IRC (écran noir) et d’apporter la possibilité d’une communication visuelle de la machine vers l’homme. D’un point de vue philosophique, dire que ces interactions homme-machine augmentent les capacités de l’homme et celles de la machine n’est pas chose neutre. Cette expansion de la machine se vérifie en partie à travers le 20e siècle en ce qui concerne l’informatisation de certaines activités humaines, une révolution de l’innovation, silencieuse et fataliste.

Fred Cavazza - Bonnes pratiques d'ergonomie web appliquées au commerce en ligne. Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab. OpenClassrooms - La grille fluide. Screenfly / Test Your Website at Different Screen Resolutions. Web Features - Parallax Background Builder. Susy. Responsinator. Google veut démocratiser le Material Design sur le Web. Google a publié un ensemble d'outils permettant aux développeurs Web d'adopter les codes de Material Design sur leurs sites Internet.

A l'occasion de la conférence I/O 2014, Google introduisait une toute nouvelle interface utilisateur pour son système Android. En reprenant les codes du flat design, la firme de Mountain View s'alignait alors sur les stratégies de Microsoft et d'Apple. Google souhaite désormais démocratiser Material Design sur le Web avec un nouveau framework baptisé Material Design Lite. Chacun des éléments graphiques adoptés sur Android 5.0 Lollipop pourront ainsi être directement embarqués au sein des applications Web. Pour Google, l'objectif est surtout d'encourager les développeurs Web à proposer des applications Web mieux intégrées au sein d'Android, quitte à ce que ces dernières dépareillent sur un terminal iOS, Windows Phone ou BlackBerry.

Blog - Events, News, and Videos for Web Designers and Developers. Future of Web Design – A conference for web designers & developers in 2015 & beyond. Web Design Blog - Webdesigner Depot. WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels.

Top Web Design Trends for 2015 | Trends. There’s no clear-cut scientific formula to great design because it’s undoubtedly considered more of an art than a science. Strangely there are many recognizable patterns which seem to reappear time and again. These might be called popular design techniques but from an industry perspective many people refer to them as design trends. This post delves into the most fascinating design trends gaining recognition by modern web designers. Although trends are often created by people who are willing to push boundaries, all trends have a direct effect on the design industry as a whole.

Ghost Buttons One of the fastest growing trends in web design is the ghost button. Ghost buttons are designed to be empty or semi-transparent by default. One such example can be found on The Distance creative agency. But contrast is another way to build a distinguishing look between buttons. The ghost button leads to a free trial download of Sketch while the colorful flat button is for purchasing the software. Le brief créatif | Nicolas Vignand. L’objectif du brief créatif est d’identifier le besoin client, les objectifs de l’objet graphique et la problématique à laquelle il doit répondre. Prévoir de 30 à 60 minutes environ. L’idéal est de le réaliser en direct avec le client mais on peut également le faire par téléphone. 1- Prérequis pour réaliser le brief créatif - Chiffrage et périmètre du projet réalisé - Être accompagné du chef de projet - Avoir préparé le brief en ayant lu les éléments dont on dispose déjà : expression du besoin / cahier des charges, communications, identité de marque, chartes… Un benchmark préalable peut être profitable pour suggérer des idées au client durant le brief.2- Qui est le client ?

9- Les contraintes - Graphiques Si il existe une charte, il est important de demander à quel point l’object graphique devra s’y astreindre. . - Techniques - Délai Que faire ressortir du brief. Codrops | Useful resources and inspiration for creative minds. Webdesign Inspiration & tutoriels | BlogDuWebdesign.

Tutoriels. Découvrez les tutoriels vidéo de Team8 : HTML / CSS / PHP – Débuter en programmation Web. Continuer la lecture Video2brain propose deux nouveaux tutoriels en rapport avec le web design. Continuer la lecture Dans ce tutoriel, nous allons voir comment mettre en place un effet de rotation en 3D sur un élément au survol de la souris. Une fois qu’il sera réalisé, vous serez vraiment étonné par le résultat de votre travail. Continuer la lecture Un petit tutoriel (en anglais, encore !) Continuer la lecture Un petit tutoriel (en anglais) pour réaliser une animation en HTML5. Continuer la lecture Vous souhaitez réussir votre prochaine campagne web marketing ?

Continuer la lecture Vous souhaitez vous lancer dans l’e-commerce ? Continuer la lecture Une erreur s’est glissée dans le magazine hors-série Webdesign n°18. Bon tutoriel ! Réalisez une série de boutons pour le Web à base de la police ikoo. Continuer la lecture Il est temps de faire un saut dans le temps. Continuer la lecture. CSS Gallery for Web Design Inspiration - CSS Nectar.