background preloader

Les « Style Tiles », un nouvel outil pour le webdesigner ?

Les « Style Tiles », un nouvel outil pour le webdesigner ?
Mais qu’est-ce que c’est ? On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… Pourquoi s’en servir ? Ça marche bien et les clients y sont habitués. Partie intégrante de la démarche de “responsive webdesign” (“design adaptatif”), les “Planches Tendances” se proposent donc de décorréler la structure de page du choix des aspects graphiques et stylistiques en eux-mêmes. Conclusion

Style Title ou Planche Tendance un outil créatif essentiel ! Un processus solide qui peut jouer un rôle essentiel dans la réussite globale de votre projet web. Dans cet article nous allons voir que le « Style Tile » est un livrable client qui permet de faire de ce dernier un participant plus actif dans le processus créatif. Le «Style Tiles » permet rapidement de composer une sorte de planche tendance visuelle adapté au web design. Ce « Moodboard » permet de déployer des éléments de l’interface du site web en proposant des échantillons de nuances, de motifs, de polices de caractères et de couleurs. Le « Style Tiles » est un bon catalyseur des discutions entre le graphiste freelance et le client pour clarifier et préciser les préférences et les objectifs de ce dernier. C’est un peu un kit graphique regroupant des éléments constitutifs de la charte graphique web sans notion de mise en page type wireframe. Ces échantillons permettent de formaliser les préférences visuelles évoquées lors de la prise de brief avec le client.

Style Tiles and How They Work When you engage in a new client project how do you get started? A solid process plays a critical role in the project’s overall success, yet this process is one of the deepest darkest secrets of our industry. Evolving from print, identity, and advertising the web retains many methodologies and deliverable relics from disciplines that produce very different products. Article Continues Below When we supply detailed mockups that represent set widths, we can imply that we’re executing the final design. Websites are so much more than just usable interfaces: they tell a story. Emotional connection#section1 Style tiles are a flexible starting point that define a style to communicate the web in a way that clients understand. A mood board can provide a great jumping-off point for client discussion, but is often too vague to help clients make a clear leap from discussion to website. Ask questions to extract adjectives#section2 The three tiles presented to the client are below. The way it was#section4

UXPin ou comment améliorer son workflow en webdesign Nous allons nous pencher sur le workflow ou flux de production pour les anglophobes ! Le processus webdesign que j'applique aujourd'hui est bien meilleur que celui que j'utilisais il y a quelque temps et je voudrais le partager avec vous en vous expliquant pourquoi vous allez gagner en efficacité avec cette méthode plus adaptée aux projets d'aujourd'hui. 1- Pourquoi faut-il maquetter ? Les étapes d'un projet webdesign sont très importantes, à commencer par le cahier des charges. Je suis sûr que pour certains, vous sautez directement sur votre logiciel de PAO favori (Photoshop, Illustrator ou encore GIMP) après avoir récupéré les besoins du client. Vous venez de griller une étape ! Attention là encore je ne parle pas de couleurs et vous allez me dire "Dur d'imaginer des éléments en noir et blanc alors que nous vivons dans un monde où les couleurs n'ont jamais eu autant de place"... 2- Le web évolue et les clients aussi ! 1) Le zoning Source: www.youtube.com avec Wirefy 2) Le mockup . . . . .

Vecteurs gratuits Plus de +131,300 fichiers aux formats AI et .EPS Carte de visite moderne 56,340 197 Il ya 2 mois Nouveau Incroyable fond pleine de couleurs avec des formes ondulées 6,486 33 Il ya 2 semaines Fond bleu vague lisse illustration 60,812 191 Il ya 3 mois Carte de mariage avec des fleurs sur fond rose 47,690 511 Il ya 2 mois Modèle infographique option moderne 25,770 147 Il ya 5 semaines Social Media Pack Icône 226,318 550 Il ya 9 mois Bannières vendredi noir avec des lettres rouges et blanches 60 1 Il ya 4 jours

TUTO - Apprendre les bases d'Illustrator en 8 leçons Hello les amis, aujourd’hui je vous propose une série de 8 tutos différents qui vont vous permettre de bien comprendre les bases du logiciel Illustrator CC. Ces 8 tutos nous sont proposés par Michael Chaize & Stéphane Baril et ont pour but de vous montrer les outils ainsi que leurs différentes utilisations. Leçon 1 : la plume Leçon 2 : le dessin libre Leçon 3 : combiner les formes Leçon 4 : la vectorisation Leçon 5 : exercice “courbes” Leçon 6 : exercice symétrie Leçon 7 : exercice contours Leçon 8 : exercice polygones Maintenant, avec ces 8 leçons vous devriez pouvoir commencer à vous débrouiller correctement sous Illustrator ? Alors, avez-vous appris des choses ?

Intégrer les réseaux sociaux sur son blog Si vous arrivez sur ce blog pour la première fois, vous serez peut-être intéressés par mon guide de 36 pages sur le référencement : je vous explique comment référencer votre blog en 20 étapes. Pour télécharger gratuitement ce guide, cliquez ici. Vous serez redirigé sur un autre onglet et pourrez continuer votre lecture ensuite sur cette même page. Des boutons sociaux pour son blog Un blog sans réseaux sociaux, c’est comme une voiture sans roues : ça roule quand même un peu moins bien. Si je regarde mes résultats du mois d’avril, je vois que 24% de mon trafic vient des réseaux sociaux tels que Facebook, Twitter, Pinterest, et 44% vient de Hellocoton, que je considère comme un réseau social (je dis ça car ce n’est pas le cas pour Google Analytics). D’où l’importance d’avoir des profils sur les réseaux sociaux les plus connus, et de les intégrer sur son blog, de 2 manières : Faciliter le partage sur les réseaux sociaux Tout va très vite sur Internet. Un lien vers ses pages de réseaux sociaux

tonybuckland-designer 8 gratuit Adobe Icons produit | Télécharger PSD gratuitement

Related: