PIERRE CHARPIN Le Flat design est mort, vive le Material design Il y a quelques mois, on vous présentait les principes du flat design aujourd’hui, c’est au tour du material design ! Le material design est un concept créé par Google et pour le moment destiné aux applications Android. Il a pour but de garantir la facilité d’utilisation des applications. Le réalisme des ombres : chaque élément est comparable à une feuille superposée à la précédente. Accent mis sur les actions de l’utilisateur : simple, intuitif et épuré, le design doit mettre en évidence les actions possibles. Le mouvement moteur des actions : le mouvement part du point d’interaction sans rupture de la continuité de l’expérience utilisateur. Pour faire simple, le material design s’appuie sur le réalisme et la physique. L’annonce de la mort du flat design était exagérée puisque le material design s’inspire du flat design mais ce différencie par de petits détails. Présenté en avril 2014, le material design reste pour le moment marginalisé.
Caroline Ziegler Designer Principes de flat design Le flat design ou le « design plat » est la nouvelle lubie des designers d’interfaces. Ce courant graphique se distingue en prônant des interfaces minimalistes aux couleurs vives. L’exemple le plus emblématique d’application de flat design, c’est le système d’exploitation Windows 8. On y retrouve tous les éléments qui caractérisent les flat design : un panel de couleurs chatoyantes et des icônes minimales pour une lisibilité maximale. Le flat design, c’est quoi ? Le flat design est un design graphique minimaliste « à plat », débarrassé de tout relief, ce qui a pour but d’améliorer sa lisibilité. Le panier de e-commerce, version skeuomorphisme. Par exemple, la métaphore du « bureau » avec la présence d’une « corbeille » rappelle la corbeille que l’on trouve sous un bureau. Le skeuomorphisme reprend les caractéristiques de l’objet réel (couleur, forme et relief). Le panier de e-commerce, version flat design. Le flat design préfère réinventer le réel, plutôt que de l’imiter.
Mathias Pladys Guide ultime pour une veille graphique optimale Yoooooooooooooooooooooooooo! Nouvel article aujourd’hui plus axé sur la partie design de la formation mais ça peut intéresser toutes personnes en manque d’inspiration et de ressources pour le print, le web et/ou le mobile. Car tu le sais bien, sans un minimum d’inspiration, il est difficile de créer quelque chose. D’autant plus aujourd’hui où les modes et les tendances évoluent à une vitesse monstrueuse, et si on regarde pas un peu ce qu’il se fait autour de nous, on est vite dépassé. Il est donc indispensable pour un designer, quelque soit son domaine, de faire une veille graphique, régulièrement, afin de « cultiver sa créativité » (expression que j’aime bien d’un ancien prof). Je vais donc te faire un petit listing d’outils et de sites qui te serviront vraiment si tu es à la recherche d’inspiration graphique, ou tout simplement si tu es en rade de ressources. 1. Tu en as sûrement déjà entendu parlé, Pinterest est bien le réseau social qui permet de partager plein plein d’images. 2. 3.
guillaume delvigne, designer Le kit de survie du veilleur dans la jungle des Internets Chaque jour, des millions d’internautes tweetent, likent, commentent, partagent, générant un flux continu considérable de conversations ! Trier et donner du sens à cette masse d’informations est un défi quotidien et, pour ce faire, nous avons nos bottes secrètes. Vous voulez vous aussi devenir un( e) pro de la veille ? Les veilleurs du SIG vous proposent une boîte à outils 100 % gratuite, accessible aux débutants comme aux initiés ! Et vous, quels outils utilisez-vous ? Donnez-nous vos astuces sur Twitter avec le hashtag #SigLab ! Twazzup est un moteur de recherche qui permet le suivi en temps réel des flux thématiques Twitter. TweetDeck est l’un des principaux tableaux de bord Twitter sur le marché. Trends24.in permet de suivre heure par heure les tendances Twitter à travers le monde. Socialshare vous permet de suivre les articles les plus partagés sur Facebook, Twitter et LinkedIn. Vous cherchez un Google Trends pour réseaux sociaux ?
3 outils pour vérifier la disponibilité de votre nom sur les réseaux sociaux Comment vérifier si un nom ou une marque est disponible sur l’ensemble des réseaux sociaux ? Que ce soit pour vérifier si votre marque est utilisée par quelqu’un sur les centaines de réseaux existants ou pour vérifier la disponibilité d’un nom avant de lancer un projet ou une start-up, voici 3 outils qui vont vous faire gagner du temps. Beaucoup de temps. Vérifier un par un les nombreux réseaux sociaux existants est très laborieux. Laborieux et chronophage. NameChk NameChk vérifie en moins de temps qu’il ne faut pour l’écrire la disponibilité de votre nom sur un peu plus de cent cinquante réseaux sociaux de toute sorte. NameCheckList Ce deuxième outil se présente comme la façon la plus facile de tester un nouveau nom pour un projet en fonction de sa disponibilité en ligne. Knowem C’est sans aucun doute l’outil le plus complet de ce trio.
10 outils de veille à ignorer à vos risques et périls En tant que freelance ou entrepreneur, vous devez faire régulièrement de la veille pour connaître les tendances de votre marché. Il est indispensable d’anticiper les attentes de vos prospects pour leur proposer des offres qu’ils ne pourront refuser ! De plus, la veille vous permet de surveiller votre e-réputation, de trouver des clients et d’agir dans le cas où un internaute parle de vous ou de votre entreprise sur la toile. Besoin d'externaliser une mission ? Trouvez gratuitement un freelance disponible pour vous aider ! Trouver un freelance Pour vous aider à prendre la température du marché et à ne jamais manquer aucune remarque, positive comme négative, voici 10 outils de veille indispensables. Google Alertes Entièrement gratuit et facile à configurer, Google Alertes vous permet simplement de définir des mots-clés à surveiller. Feedly Feedly est un agrégateur de flux RSS qui vous permet justement d’intégrer vos alertes Google ou alors d’en créer directement de nouvelles. Alerti Mention Topsy
Un catalogue de plus de 100 outils gratuits pour la veille Voilà une ressource très précieuse pour les amateurs ou professionnels de la veille réalisé par la Haute-école de gestion de Genève : un catalogue de plus d’une centaine d’outils gratuits (ou presque) à utiliser pour mettre en place une surveillance active sur le web. Présentation. Un grand merci à Raphaël Rey, assistant d’enseignement à la HEG qui a réalisé cette étude. L’avantage de ce catalogue est que l’ensemble des outils sont classés en 9 grandes catégories, qui couvrent les grandes étapes du cycle de la veille (passé l’expression des besoins), avec notamment : plus d’une cinquantaine de moteurs généralistes ou spécialisés pour effectuer un sourcing (méthode pull)plus d’une vingtaine d’outils (en passant par Feedly ou Inoreader) pour la mise sous surveillance grâce aux outils de collecte automatisée (méthode push)une vingtaine d’outils pour le stockage, le traitement puis pour la diffusion de l’information (visualisation de données, diffusion manuelle ou automatisée, etc.)
CSS ASTUCES - codage CSS pour sites Web 38 “Call to Action” Button Templates That Really Stand Out Make it big, make it clear, make it delicious. That’s the primary rule of successful “call to action” button, a button that leads your site visitor to your defined target such as product purchase or site conversion. While there is in-depth article that briefs about guidelines, best practices and examples to create a deadly effective “call to action” buttons, few might failed to achieve it due to issues like insufficient design skill or time. But you’re probably not alone. Meanwhile, be sure to check out our posts for more understanding about effective use and creation of “call to action” buttons: “Call To Action” Button Template 2 “Call To Action” Buttons 2 high quality and elegant “call to action” buttons with detail in mind. 3 “Call To Action” Buttons A set of absolutely unique “call to action” buttons designed by Kuldar Kalvik. 4 Web Buttons A quality set of download buttons in two different states – default and hover. 27 Web Buttons 36 Web Buttons Collection 3D Buttons Add To Cart Buttons