Les 5 commandements du Web Design Internet a tellement bouleversé la façon dont on socialise et consomme en l’espace d’une dizaine années, qu’il est difficile aujourd’hui d’imaginer un monde sans Web. Outil générique pour toute marque dès le début des années 2000, le site web est rapidement passé du statut simple vitrine statique à plateforme d’expérience digitale, déclinée sur tous les écrans. Mais au fait, c’est quoi un site Web, en 2013 ? La définition que l’on peut lire sur Wikipédia a pris quelques rides et rappelle plus le doux bruit des modems 56K que l’étendue des possibles offerte par le Web 2.0: « Un site ou site web est un ensemble de pages web hyperliées entre elles et accessible à une adresse web. » Plus qu’une collection de pages, il s’agit surtout d’un environnement digital, à la fois informatif, interactif et communautaire. Bref rappel (subjectif) de l’évolution de la toile en quelques dates clés : À l’aube des années 2000, tout s’accélère. Années 2010 : ça y est, on est connecté, partout, tout le temps.
Inspirograph, en ligne. Plaisir garanti. Le Spirograph, ce jouet qui a fait le bonheur de millions d’enfants dans le monde, est maintenant disponible en ligne et s’appelle «Inspirograph», avec tous les avantages et la précision du virtuel : pas de punaises à fixer, pas de dérapages, pas de bavures, pas de catastrophes qui venaient cochonner tout le dessin, pas de gaspillage de papier. On peut choisir les dimensions des roues ou des règles, les couleurs des crayons et du fond. La manipulation est naturelle et les résultats précis. On peut évidemment télécharger les résultats et aussi les exposer sur la galerie. Mais on réalise à quel point le fait de manipuler ces choses en réalité nous faisait pratiquer notre dextérité fine : pas trop de pression, mouvement régulier et précis, persévérance, qualité de l’assemblage. Il faudra regarder les enfants s’amuser avec. Inspirograph, gratuit. Niveau : Populaire
LES TENDANCES 2014 DU WEBDESIGN — Agence de communication Bonjour à tous l’année arrive à son terme et comme à chaque fois viens l’heure du bilan et surtout l’heure de savoir ce que nous allons rencontré comme tendances pour cette année 2014 cet article fais écho au podcast n°37 de podsource ( pas encore diffusé à l’heure actuelle) mais le concept est là, voici donc mon état d’esprit en cet fin d’année et ma vision du futur! je vais partager en groupes cela simplifie en tous cas pour moi: 1er groupe le design: Les couleursgraphismetypo 2ème groupe la technique. responsiveparalaxanimationSVGFontIconjs 2ème groupe plus général UXpodcast Commençons avec le design: Les couleurs: la première chose est la couleur de l’année selon Pantone©:Pantone Reveals Color of the Year for 2014: PANTONE 18-3224 Radiant Orchi un violet pâle qui nous envoie tout droit dans les pastels. qui sont très très pastels je me demande toujours quelle est l’influence des couleurs de l’année si c’est je pourrais en ajouter bien plus … Dans ce qui est du graphisme : les faciles en 1er:
Le responsive web design ou comment améliorer l’expérience utilisateur Avec la multiplication du nombre de supports permettant de surfer sur le web, la question de l'ergonomie des sites internet peu importe le navigateur et le type d'appareil utilisé est au cœur des préoccupations actuelles. Le responsive web design est pour beaucoup la solution miracle pour universaliser un site web. Décryptage de cette évolution attrayante du Web ! Le responsive design, définition et enjeux Les usages web ont fortement évolué depuis plusieurs années. Concrètement, comment ça marche ? Le responsive design repose sur trois composants clés :Des requêtes de média (media queries) : il s’agit de critères en CSS3 qui permettent d’adapter dynamiquement le design en fonction des caractéristiques de chaque support utilisé et de la taille d’écran correspondante.Des grilles fluides : il s’agit de concevoir une interface composée de blocs en unités relatives, cette conception modulaire permet de jouer sur la composition de la page en fonction de la largeur de l’écran.
Créer ses infographies facilement avec easel.ly Les infographies ne semblent toujours pas passées de mode ! Malgré le risque d’overdose, avoir pas mal d’informations compilées en une image est bien pratique, tant que l’infographie est bien réalisée et apporte une valeur ajoutée. Vous avez des données intéressantes à partager, et vous souhaitez les présenter sous forme d’infographie ? Bien entendu, rien ne remplacera les compétences d’un graphiste pour cela… Mais un nouveau service, easel.ly, permet de créer vos propres images très facilement, sans avoir besoin de s’y connaître en Photoshop. easel.ly est pour le moment toujours en version bêta, ce qui explique quelques bugs sporadiques ; mais l’utilisation est tout de même très agréable. Ensuite, il ne vous reste plus qu’à créer l’infographie ! Le menu « Shapes » vous permettra d’inclure des formes, et l’onglet « Sharps » des diagrammes. pour le moment, il n’y a qu’une seule possibilité pour ce dernier, mais on espère en avoir davantage un peu plus tard !
Web Design Trends : les tendances fortes pour 2014 | Freelance Infographiste Webdesigner Marseille L’année 2014 commence à peine que de nouvelles tendances dans le monde du design se profilent Le Web Design Ledger dresse ainsi le tableau des tendances qui marqueront le webdesign cette année Le début d’une nouvelle année est toujours un moment excitant pour les entreprises. 2013 a vu une flopée de nouvelles tendances, dont certaines ont commencé à disparaître et d’autres qui sont restées et sont toujours aussi fortes. Bien que 2014 ne fait que commencer, nous allons jeter un oeil à quelques-unes des tendances du design web qui ont commencé à émerger, ou que nous pouvons nous attendre à voir dans l’année à venir. Le Flat Design (ou Design à plat) Le Flat Design est un style de design web excluant tous détails superflus de la création. Le Flat Design était l’une des plus grandes tendances à émerger en 2013 et il est en plein essor pour cette nouvelle année. Apple, par exemple, a lancé son iOS7 avec un design plat extrême, dépouillant les éléments de conception jusqu’à qu’ils soient nus.
Règles d’or en Ergonomie Web : Toujours le bon choix ? La professionnalisation des sites web a mis en évidence l’importance de l’ergonomie et des concepts d’expérience utilisateur et d’architecture de l’information. Depuis, fleurissent ça et la diverses écoles qui définissent ou propagent les « best practices » que la plupart des WebDesigners s’échinent à appliquer… Le fait qu’une pratique soit majoritairement appliquée ne signifie pourtant pas pour autant qu’elle est correcte… force est de constater que bien souvent les concepteurs de sites reproduisent par défaut des schémas et appliquent des règles « bien connues » sans nécessairement réévaluer la pertinence de leurs modèles. Cet article est le premier d’une série qui vise à passer rapidement en revue les règles les plus souvent mises en avant afin de voir si elles sont toujours valides, s’il existe des alternatives, voire des contre-indications. La Loi de Miller Règle des 3 clics Dans la pratique on constate pourtant que le nombre de clics n’est pas le plus important.
50 Great Examples of Data Visualization Wrapping your brain around data online can be challenging, especially when dealing with huge volumes of information. And trying to find related content can also be difficult, depending on what data you’re looking for. But data visualizations can make all of that much easier, allowing you to see the concepts that you’re learning about in a more interesting, and often more useful manner. Below are 50 of the best data visualizations and tools for creating your own visualizations out there, covering everything from Digg activity to network connectivity to what’s currently happening on Twitter. Music, Movies and Other Media Narratives 2.0 visualizes music. Liveplasma is a music and movie visualization app that aims to help you discover other musicians or movies you might enjoy. Tuneglue is another music visualization service. MusicMap is similar to TuneGlue in its interface, but seems slightly more intuitive. Digg, Twitter, Delicious, and Flickr Internet Visualizations
Tendances du webdesign : que nous réserve 2014 ? Avec cette année 2013 riche en rebondissements, il est désormais grand temps de voir ce que nous réserve les tendances du webdesign 2014. Webdesigners, directeurs artistiques, entrepreneurs, freelances font le bilan et donnent leurs prédictions webdesign pour l’année à venir. Qui de mieux que les gens qui font le web d’aujourd’hui et de demain pour analyser les grandes tendances webdesign à venir ? Sur le même principe que l’an passé, je vous propose un article participatif avec des interviews de professionnels du web. Quelle fût, d’après vous, la principale tendance du webdesign en 2013 ? En tirant les conclusions de cette année, chacun dans sa spécialité, son domaine et sa culture a traité le sujet à sa façon. Brad Frost Webdesigner, orateur, blogueur, consultant basé à Pittsburgh en Pennsylvanie. Site : bradfrostweb – Twitter : @brad_frost 1. 2. Je voudrai continuer à voir les limites du responsive webdesign être poussées encore plus loin. 3. 4. Stéphanie Walter Keitaro Suzuki
iNoobs: Process of Designing a Website | Part 5 Design Welcome to the fifth part of Inspired Magazine’s mini-series on the process of designing a website (check out Part 1, Part 2, Part 3 & Part 4). The design of a website is generally considered to be the largest portion of the web development process – and it involves a great deal of time and work, but as you’ve seen it makes up only 1 part of this complete 8 part series. So, while you shouldn’t minimize the role design plays in your own development structure, understand that the other parts involved are equally important. The design phase of the process of building a website involves taking your wireframes and laying on top colors, imagery, and other elements. Web Design & Photoshop Generally speaking – for a web developer photoshop is too much. There are plenty of people out there that don’t use Photoshop, they instead use Gimp, or Fireworks, or Corel Draw, but Photoshop is the standard and in the long run, because it is the standard simply staying in the eco-system will save you time.
Vector animals free flat design Vector Fast food icons vector set 690 22 2 days ago Gemstone vector download 488 47 2 days ago Cloud computing concept infographic 692 11 2 days ago Flat icon set for Web and Mobile App 824 17 2 days ago Pack Cups, Mugs and Glasses 442 73 2 days ago Rounded contact icons vector pack 114.377 57 7 months ago Computer network concept infographic 737 20 2 days ago Social media free vector 170.029 165 10 months ago Birthday card with baby elephant 761 85 2 days ago Happy birthday party icons 714 34 2 days ago Social network background with icons 68.273 116 6 months ago Social media and web rounded icons 67.809 31 6 months ago Template Wedding Invitation with birds 3.543 93 2 weeks ago Study and learning infographic 93.412 191 9 months ago Free vector infography template design 83.763 108 10 months ago Communication icons 14.290 13 3 months ago School Knowledge concept 4.164 17 4 weeks ago People avatars 16.154 51 2 months ago Vector icons flat design 119.297 187 11 months ago Coffee collection 1.586 0 2 weeks ago
50 Fantastically Clever Logos I know everybody and their brother does logo roundups so you’re probably sick of them, but I don’t believe I’ve ever done one and there is a particularly impressive brand of logo design that I wanted to point out. Today we’ll look at 50 logos that are the result of going beyond the typical thought process and injecting a little wit and hidden symbolism into the design process. What Makes a Logo Clever? To explain what I mean by “clever” logo design, let’s take a look at a typical logo, (i.e. one that isn’t clever). The logo above is a nice piece of work. However, my favorite type of logo design is that which takes the assignment one step further. These types of logos make you smile at the brilliance of both the idea and the execution and have several layers of meaning that can hit you in waves. I’ve broken down this collection into three categories: visual double entendres (two things in one), word and character art, and ambigrams. Visual Double Entendres Lion Bird Chad 2010 I love this one.