Comment créer un look & feel?

J'aimerais d'abord dire que j'ai essayé de parcourir Google pour trouver la réponse à cela, mais étonnamment, j'en sais plus sur «ce que c'est» que sur «comment» créer un look & feel.

J'étais écrivain jusqu'à ce que je commence à explorer et à suivre des cours en Indesign, Illustrator et Photoshop. J'ai travaillé dans la publicité pendant cinq ans en tant que rédacteur publicitaire.

J'ai maintenant offert mes services visuels à mon patron. Il a déclaré: "N'hésitez pas à créer un look & feel pour tout projet existant afin que nous puissions évaluer le niveau de votre expertise."

Je n'ai pas été exposé à ce processus. Que devrais-je passer? Sélection de police pour une marque? Palette de couleurs? Et dans quels formats dois-je présenter leur formation? Impression A4? Exemples de panneaux d'affichage?

J'aimerais pouvoir appliquer moi-même et les compétences que j'ai. J'ai déjà exécuté des travaux de direction artistique et de conception pour des clients, mais je n'ai jamais fait de look & feel.

J'aimerais pouvoir l'approcher avec conviction et lui montrer avec confiance la construction élaborée et soignée d'un look & feel impressionnant.

Le look and feel est une chose de marque

Vos décisions visuelles ne doivent pas seulement être basées sur l'architecture de l'information mais sur une essence, une personnalité unique à la marque en question.

Vos premiers pas ne devraient avoir rien à voir avec l'exécution. Aucun type, couleurs, images, graphiques. Cela viendra plus tard comme une extension logique de la marque .

Commencer avec

• Démographie
• Données du projet
• Impressions floues
• Adjectifs d'aspiration
• Associations aléatoires

Imaginez que la marque avec laquelle vous traitez est une personne ... ou peut-être un animal câlin. C'est peut-être un gars d'âge moyen. Construisez une personnalité autour de lui. Imaginez-le dans votre esprit. Maintenant, vous pouvez commencer à imaginer quels indices visuels raconteraient son histoire.

Est-il en quelque sorte épineux ou accueillant?
Porterait-il du violet?
Est-il plutôt un cercle ou un carré?
Avant-gardiste ou classique?
Préfère-t-il Frutiger ou Univers?
Serait-il traîner dans les bois ou un intérieur élégant?

Comment est-ce ambigu? C'est la magie du processus créatif! ;)

J'ai déjà recommandé une technique pour créer des idées . Cela s'applique à nouveau ici. C'est ainsi que vous remplissez votre tête de matériel pour décrire avec précision votre personnage.

Comment présentez-vous un concept

Vous devez prendre votre audience en considération. Pour commencer, examinez le concept de " planches d'humeur ", si vous ne les connaissez pas. Je collectionne généralement toutes mes recherches et croquis (mes planches d'humeur ) dans Evernote .

Pour un client occasionnel qui aime garder les choses un par un, je pourrais simplement sortir ma tablette et feuilleter mon carnet Evernote avec lui.

Pour les environnements moins décontractés , je rassemble toutes ces informations dans un PDF structuré et soigneusement rythmé que je parcours à nouveau sur grand écran ou sur tablette, selon la situation. Si c'est en personne, je l'imprime généralement aussi pour qu'ils puissent parcourir les informations plus tard. Pour les présentations à distance, je partage mon écran sur Google+.

Pour un client très formel , je compile le tout sur un tableau noir mat que je feuillette en tant que présentateur. Certains clients aiment passer les planches. Je préfère les garder à l'avant avec ce type d'équipes. Ils sont généralement les plus précaires et aiment séparer les choses;)

Que devrais-je passer? Sélection de police pour une marque? Palette de couleurs?

Oui.

• Typographie
• Couleur
• espacement
• positionnement
• mouvement
• Ligne
• Forme
• Masse
• texture
• Équilibre
• Proximité
• Cohérence
• Contraste

Une fois que tout cela est pris en compte, vous devez alors considérer les aspects techniques de la sortie. Les aspects de sortie peuvent varier.

Essentiellement, vous demandez comment être designer. Tout comme être écrivain, il y a beaucoup à comprendre et à apprendre. Certains y prennent naturellement, d'autres peuvent devoir se concentrer sur des domaines spécifiques pour s'améliorer. Et tout comme de nombreux écrivains fréquentent le collège pour apprendre les aspects de l'écriture, de nombreux designers fréquentent le collège pour apprendre les aspects du design. Ce n'est généralement pas quelque chose que l'on peut bien faire simplement en ayant le désir. Ce n'est pas sorcier, mais ce n'est pas non plus comme des avions en papier pliants.

Et dans quels formats dois-je présenter leur formation?

Cela dépend de vous, vraiment. Mais si vous retravaillez une annonce 5x7 ", présentez une annonce 5x7".

le «look and feel» est généralement davantage une question de marque. L'image de marque doit rester cohérente dans toutes les pièces. Mêmes polices de caractères, logo, palette de couleurs, etc.

C'est un sujet très large mais je vais essayer de vous donner une sorte de réponse utile.

Tout d'abord, j'irais avec la conception de la mise en page du projet (je suppose que ce sera une application à l'écran, Web ou native.) Quelle que soit la couleur, c'est la chose la plus importante. Une mise en page bien pensée avec des éléments facilement interprétables est absolument essentielle dans ce type de chose. Les couleurs pourraient être fantastiques mais si elles ont une disposition horrible tout ce travail sera vain.

Quoi qu'il en soit, découvrez le type de services ou d'informations que vos utilisateurs rechercheront dans ce projet et rendez-le aussi facile que possible . En règle générale, vous souhaitez limiter le nombre de clics à un maximum de 1 à 2 entre chaque partie du site. Gardez les choses pertinentes les unes aux autres au même endroit et mettez en évidence les choses importantes.

Des éléments tels que les formulaires de connexion et les zones de recherche doivent être immédiatement visibles lors de la première consultation du site. Il en va de même pour toute information immédiate.

Essayez ensuite de penser à une palette de couleurs générale pour le projet. Quelque chose qui est en rapport avec l'objet du projet, par exemple s'il s'agit d'un type de «Go Green» ou «Respect de l'environnement», choisissez des couleurs que vous trouverez à l'extérieur. Marrons terreux, verts, bleu ciel, etc. S'il s'agit d'une sorte d'initiative d'entreprise, les gris, les bleus et les tons de trois ou quatre couleurs feraient l'affaire.

Avec cette palette, vous devez décider quelles couleurs seront utilisées pour quels types d'éléments. Je suggère fortement de jouer avec des services comme Adobe Kuler et d'autres services de palette pour avoir une bonne idée des couleurs qui fonctionnent ensemble et de la façon dont un certain schéma de couleurs peut faire appel à un certain service.

Lorsque vous avez décidé des couleurs des éléments, n'hésitez pas à les modifier et à les modifier si elles ne fonctionnent pas. N'ayez pas peur de modifier quoi que ce soit et surtout n'ayez pas peur de dire à votre client (votre patron, je suppose) que vous pensez et que l'idée qu'il a peut-être est mauvaise. S'ils veulent que la boîte de connexion au bas d'une page de 1 km de long soit cachée sous un visage souriant que vous devez cliquer 4 fois, dites-leur que c'est une mauvaise idée et pourquoi.

Après les couleurs et la mise en page vient la police. Vous avez besoin d'une hiérarchie de polices appropriée, une pour les titres (deux variantes, les titres principaux et les sous-titres), une pour les menus et une pour le texte normal. Assurez-vous qu'ils sont lisibles à leurs tailles respectives et redimensionnez bien si l'utilisateur a besoin de zoomer.

J'espère que cela vous aidera, je développerai bien sûr des choses si vous en avez besoin :)

Il vous suffit de saisir des références visuelles sur le Web qui, selon vous, illustrent le mieux votre idée. L'exécution peut sauver une mauvaise idée. Plus vous voyez, plus vous apprenez.