background preloader

Web design: 6 tendances fortes pour 2014

Web design: 6 tendances fortes pour 2014
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, parmi elles: Le Flat Design: c’est la tendance qui s’est le plus imposée en 2013. Apple l’a utilisé dans iOS 7, en mettant par la même occasion le « skeumorphisme » (son opposé) au placard. Il s’agit ici de se débarrasser de tout effet de profondeur pour éviter une impression de superflu visuel. La typographie expérimentale: désormais les graphistes se lâchent avec les polices, l’espacement typographiques etc. Les menus déroulants: pour une meilleure expérience de navigation, les menus déroulants sont de plus en plus utilisés. Le défilement infini: encore une fois c’est la simplicité qui est recherchée. Des couleurs simples: en 2014, de nombreux sites devraient revoir en en partie leur charte graphique. Le reponsive design: il a été très utilisé en 2013 et ce n’est sans doute pas fini. Related:  Design

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:

LES TENDANCES 2014 DU WEBDESIGN 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:

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.

La mise en page sur le Web La structure des pages Vos pages doivent être conçues comme des pyramides. Ces pyramides vont fonctionner à la façon d'un entonnoir qui va guider les lecteurs dans vos pages. Le titre : Clair, court, explicatif, accrocheur. Un titre absent ou peu intéressant vous fera perdre plus de la moitié de vos lecteurs. Le titre est donc l'élément essentiel de vos pages. Le chapeau : Situé sous le titre (ou sous le sous-titre si vous en avez un). Les paragraphes : la règle d'or est : une idée = un paragraphe. Les inter-titres : l'attention d'un internaute s'évapore plus vite que l'essence. Les jokers Faites plaisir à vos lecteurs. Les images : Illustratives, humoristiques, explicatives, surprenantes : tous les coups sont permis !!! Les légendes d'images : Si votre image est illustrative, il faut absolument lui attribuer une légende (petit texte de quelques mots figurant sous l'image). Design "fluide" ou design fixe ? Avantages du design fluide : Inconvénients du design fluide : Solution idéale ?

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

Tendances 2014 côté couleurs et design, où en sommes nous pour le web? Ces derniers mois, parmi les tendances le courant minimaliste est entré à nouveau avec beaucoup de force dans le web design. Pourtant ce style était déjà dans les tuyaux en 2009 mais restait expérimental. Il y a en fait une multitude de minimalismes, structurés par les couleurs, les polices, les lignes...En 2014, on note plus de sites web utilisant de trois à quatre couleurs au lieu d'animations et de graphismes. Le résultat rend un site sobre, propre, épuré et apprécié par les entreprises qui ont trouvé un excellent moyen de communiquer plus efficacement. Chaque année, les entreprises veulent connaître les nouvelles tendances en terme de design et de couleurs pour adapter leur communication, le web design de leur site Internet n’y échappe pas et l’année 2014 non plus ! Les premiers sites Internet affichaient un visuel très riche et plutôt chargé, utilisant un jeu de couleurs important et mélangeant les styles. Les tendances couleur Le Flat Design ou Design plat Pour conclure,

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.

The ultimate guide to logo design There are some companies out there that would have you believe that designing a logo is as simple as slapping together some type and a shape or two. But there is so much more to designing a good logo than just that, regardless of what some may say. A lot goes into a great logo design. What makes a good logo? A good logo is powerful. On that note, a good logo is unique. Along the same lines, a good logo is recognizable. A good logo is timeless, too. A good logo also re-inforces your brand. A really good logo also conveys the core message of your company. Types of logos There are three main types of logos: there are logotypes, which are typography-based logos; there are literal logos, where the imagery used directly ties to the type of business (such as a dress for a clothing store); and abstract logos, where the logo imagery isn’t obviously linked to the type of business and may be based more on a feeling or mood. Logotypes Literal imagery Abstract imagery Research, research, research Logopond

Draw a Cartoon Monster Character in Photoshop - Tuts+ Design & Illustration Tutorial In this tutorial, we will explain how to draw a cartoon monster character in Photoshop. Let's get started! This tutorial is a collaboration with a talented designer, Bei Hasan. Before We Start: Research In this design, the client request the character be a funny monster who has a typical Sundanese culture. Our monster character will be similar to Cepot, with sarung worn on his chest. Step 1: Sketching and Tracing Our next step is drawing the sketch. Step 2 Add more definition onto the character using 2B pencil. Step 3 Scan the sketch at very high resolution and then open it in Photoshop. Step 4 Activate Brush tool and open Brush panel. Step 5 Make new layer. Below you can see the taper effect made by Dynamic Shape setting on the Brush panel. Step 6: Sarung At this point we will work on its sarung. Select sarung on his chest by clicking using Magic Wand tool. Step 7 We want to make sure that the selection is a bit bigger so there is no gap between the selection and its line. Step 8 Step 9 Step 10

Où trouver des photos gratuites et de qualité pour vos créations Un nouveau mouvement de partage a vu le jour sur le web depuis quelques mois : les designers et photographes s’organisent pour mettre à disposition des photos gratuites, libres de droits et de qualité pour vos créations. Traditionnellement en agence, les photos pour illustrer nos maquettes et un projet finalisé proviennent de banques d’images comme IStock, Fotolia, Shutterstock ou encore Getty Image pour ne citer qu’elles. Les banques de photos libres de droits et gratuites existent-elle depuis belle lurette, comme le site SXC.hu par exemple. Au-delà de ces méthodes « classiques », une sorte de tendance d’entraide entre créatifs du web voit ouvrir de nouveau sites, proposant des photos gratuites de toutes beautés. Unsplash Mis en ligne il y a quelques mois déjà, le site Unsplash a en quelque sorte lancé le mouvement. Gratisography Le site vient tout juste de voir le jour. Little Visual Dotspin Le site se présente déjà plus comme une galerie. PicJumbo Death to The Stock Photo New Old Stock

Related: