L’un des plus gros problèmes auxquels se heurtent les concepteurs est de savoir comment améliorer un design qui n’a pas vraiment frappé. Parfois, nous sommes sur notre jeu et pouvons casser un beau design en quelques minutes, d'autres fois, nous avons du mal à réaliser quelque chose qui devrait être simple.
Le message d'aujourd'hui est une liste de contrôle que vous pouvez marquer et à laquelle vous pouvez vous référer lorsque vous avez besoin d'une nouvelle perspective. Parcourez la liste pour trouver des idées pour améliorer un design qui manque dans un domaine que vous ne pouvez pas identifier.
1. Ajouter le contraste
L'un des moyens les plus efficaces de rendre une conception plus intéressante consiste à introduire un peu de contraste. Nos yeux sont attirés par les zones d'extrême différence et l'utilisation appropriée de cette connaissance peut conduire à des conceptions étonnantes.
Nous en avons déjà parlé dans Design Shack, mais voici un bref rappel. Le contraste est généralement appliqué en utilisant l’une ou l’ensemble des trois méthodes différentes. Le premier est la couleur. Le contraste des couleurs est facile à comprendre, mais pas toujours facile à exécuter. Utilisez votre théorie de la roue de couleur ici pour vous assurer que vous ajoutez contraste, ne pas conflit.
Certaines des combinaisons de contraste les plus élevées possibles sont illustrées dans l’image ci-dessus: noir, blanc et jaune. Le blanc et le jaune contrastent à merveille avec le noir et sont souvent utilisés ensemble pour souligner de manière sélective.
Les deux autres manières d'ajouter du contraste sont liées: la taille et l'audace. Lorsque trop d’objets sur la page ont la même taille, la redondance visuelle peut en résulter. Cela s'applique particulièrement à la typographie. Assurez-vous que vos titres (ou toute autre zone que vous souhaitez distinguer) sont nettement plus gros et / ou plus gras que le reste des éléments de la page.
Application pratique
Passez en revue votre conception et recherchez les zones qui se détachent visuellement. Est-ce que ce sont les domaines sur lesquels vous voulez attirer le plus l'attention? Sinon, utilisez un contraste sélectif pour animer la page et ajouter de l'intérêt aux éléments qui le méritent.
2. Faites quelque chose d'inattendu
Vous savez instinctivement comment attirer vraiment l'attention de quelqu'un: vous le surprenez. Cela peut s’appliquer à la conception de sites Web à la fois de bien et de mal. Avoir un lecteur de musique fort surprendre vos visiteurs est maléfique. Faire quelque chose de graphiquement agréable mais non traditionnel est bon.
A titre d'exemple, considérons l'image ci-dessus. Le nom du studio de design graphique s’enfonce dans le sol. Je ne suis pas tout à fait sûr de savoir pourquoi le concepteur a agi de la sorte, mais cela me fait certainement passer quelques secondes de plus à regarder la page. Le designer n’a pas tout mis en œuvre pour vous surprendre ou pour vous donner une forte ligne de frappe, il / elle a simplement modifié ce que vous espériez voir ici.
De petites touches comme celle-ci vous permettent de vraiment personnaliser un site avec votre propre créativité. Ces détails contribuent grandement à ajouter le sentiment final que votre conception peut actuellement faire défaut.
Application pratique
Essayez d’identifier les aspects les plus ennuyeux et courants de votre conception. Quels changements pouvez-vous apporter à ces domaines qui ne sont pas typiques de ce à quoi on pourrait s'attendre? Rappelez-vous, il ne s'agit pas d'ajouter de la confusion, mais d'infuser de l'intérêt!
3. Simplifier, simplifier, simplifier
Si je ne pouvais dire qu'un mot aux concepteurs qui produisent systématiquement des designs terne, ce serait "simplifier". Trop souvent, nous pensons que la solution à un bon design consiste à en ajouter davantage. Plus d'icônes, plus de texte, plus de photos. Parfois, ces éléments peuvent réellement aider, mais le plus souvent, les concepteurs s’efforcent simplement de s’efforcer.
Lorsque vous réfléchissez trop à une mise en page, vous vous y engouffrez au point de perdre son efficacité. En tant que spectateur, je ne peux et / ou suis disposé à traiter que trop de choses. Moins vous recadrez de contenu sur une seule page, moins vous avez du travail à faire pour la consulter.
Le site ci-dessus est un exemple parfait. Cette page est magnifique et efficace. L'objectif principal est de communiquer que Paul est un graphiste spécialisé dans la typographie. Le design le communique clairement!
Maintenant, comparez cela avec le site Web ci-dessous. Ces gars-là ne sont probablement pas de mauvais concepteurs, mais la page qu'ils ont créée pour leur entreprise de design est extrêmement occupée. Le résultat est un look encombré sans emphase claire. Rappelles toi, quand tout sur la page crie pour attirer l'attention, rien ne l'obtient.
Application pratique
Examinez attentivement votre conception et identifiez les éléments essentiels. Vous pourriez être tenté de chercher plutôt des éléments non essentiels, mais cela entraînera un changement beaucoup moins spectaculaire. Trouvez les éléments qui doivent absolument être présents pour que la page ait un sens et une utilité. Maintenant dépouillez tout le reste. Jetez le tout et déplacez-le vers d'autres pages ou tuez-le complètement.
Maintenant, donnez à votre page une nouvelle présentation plus simple et voyez si le résultat ne semble pas meilleur que lorsque vous avez commencé. Si vous êtes allé trop loin, vous pouvez toujours réintroduire lentement quelques-uns des éléments supprimés tout en conservant le nouveau design puissant que vous avez créé. Attention, c'est une pente glissante et vous risquez de vous retrouver là où vous avez commencé!
4. Ajouter la répétition
La répétition est un concept vraiment délicat que peu de concepteurs maîtrisent correctement. Tout commence simplement: utilisez les mêmes polices et les mêmes couleurs tout au long de votre conception pour un aspect cohérent. Cependant, une bonne mise en œuvre de la répétition va bien au-delà.
La meilleure façon d'apprendre consiste à identifier la répétition dans la conception des autres. Considérons l'exemple ci-dessus, pouvez-vous repérer la répétition? Consultez l'icône Facebook dans le coin inférieur gauche. Est-ce que cela devait refléter la forme de l'élément d'îlot flottant? Certainement pas, une icône Facebook normale aurait très bien fonctionné. Cependant, ce concepteur a fait un effort supplémentaire en insérant un léger signe de tête dans le graphique principal.
Notez que le concepteur n’a pas exagéré avec cette idée.Il n'y a pas vingt petites icônes d'îles flottantes dispersées sur toute la page, juste une.
Application pratique
Examinez votre conception et essayez d'identifier quelque chose d'unique et d'intéressant. Cela peut être n'importe quoi, d'une forme à une couleur. Maintenant, réfléchissez à la façon dont vous pouvez répéter cet élément de manière intelligente.
Prenez une couleur audacieuse comme le rouge et ne l'insérez que dans quelques endroits sur lesquels vous souhaitez attirer l'attention. Prenez le sujet d'une photo, découpez-la et placez-la ailleurs sur la page. Ecrivez un mot de votre titre dans un script, puis répétez cette astuce à un ou deux autres endroits. Ce ne sont là que quelques idées pour faire démarrer votre cerveau dans la bonne direction. La répétition peut être tout ce que vous voulez!
5. Divisez votre contenu avec des lignes
C'est un petit truc vraiment bizarre qui peut aller très loin. Parfois, votre conception est remplie d'espaces inconfortables. D’autres fois, vous n’avez pas assez d’espace et vous avez besoin d’un moyen de garder les objets bien entassés tout en restant visuellement distincts.
Ceux-ci et un million d'autres problèmes peuvent être résolus avec le plus simple des éléments de conception: une ligne. Cela semble trop beau pour être vrai, non? Vérifiez les sites situés au-dessus et au-dessous de ce paragraphe et expliquez comment ils utilisent les lignes pour organiser et ajouter de l’intérêt à leur contenu.
Comme beaucoup de ces conseils, celui-ci est vraiment facile à prendre trop loin. Maniez les lignes avec intention et réserve. Assurez-vous qu'ils améliorent réellement votre conception plutôt que d'ajouter simplement du fouillis.
Application pratique
Si vous voulez tout savoir sur la mise en œuvre réussie de lignes dans votre conception, consultez notre article consacré à ce sujet! Vous trouverez toutes sortes d’idées et d’exemples pour pimenter vos créations en quelques gestes simples.
6. le rendre dynamique
Rappelez-vous que la conception de sites Web ne concerne pas tous les aspects! Il s'agit d'interaction avec l'utilisateur. Une page simple et statique peut souvent sembler ennuyeuse, même si elle est assez attrayante en surface.
Heureusement, c'est l'un des problèmes les plus faciles à résoudre sur le Web. Ajoutez un curseur d'image, un diaporama, des effets de survol uniques ou peut-être même une animation subtile.
Le site ci-dessus a un effet de survol très réduit sur les rubans. Lorsque vous passez le curseur de la souris sur la partie centrale, celle-ci se soulève tandis que les côtés se détachent plus loin, ce qui lui confère un très bel effet 3D. Veillez également à visiter le site ci-dessous et à surveiller de près ce logo coloré. Son animation est si subtile que vous pouvez voir la page une douzaine de fois sans vous en rendre compte, mais lorsque vous le faites, vous ne pouvez pas vous arrêter de regarder!
Application pratique
Votre site semble-t-il mort? Le Web est beaucoup trop riche en média pour ne pas tirer parti d’incroyables outils comme le CSS dynamique, jQuery et MooTools pour donner un peu de vie à une page ennuyeuse. Vous n'êtes pas obligé de devenir fou, assurez-vous simplement de tirer parti de vos ressources disponibles d'une manière que les utilisateurs trouvent attrayante.
7. Ajouter du caractère
Lorsque vous voyez pour la première fois le site ci-dessus, vous vous demandez peut-être ce qu’il y avait quelqu'un qui collait une moustache sur un graphique à barres! C'est un peu ridicule n'est-ce pas?
Cependant, je pense que c'est un design fantastique qui me fait sourire à chaque fois que je le vois. Pourquoi? Parce que les graphiques à barres sont nuls. Les données sont ennuyeuses et sans vie et les présenter de manière intéressante est toujours un défi. Ce concepteur a été chargé de faire en sorte que le contrôle de vitesse d'un site Web soit convivial. Quel meilleur moyen de le faire que d'anthropomorphiser un graphique à barres!?
L'ajout d'un élément humain est un excellent moyen de rendre tout site plus accueillant. Si vous êtes un illustrateur hors pair, parfait, créez une mascotte ou un personnage sympathique. Cependant, même si vous ne pouvez pas dessiner, vous pouvez facilement implémenter cette astuce. La moustache ci-dessus n’est pas un exploit d’illustration, mais elle fait le travail!
Application pratique
Demandez-vous quels aspects de votre conception semblent particulièrement ennuyeux ou techniques. Est-ce que les non-techniciens vont s'identifier à ces domaines de manière significative? Essayez d’introduire un peu d’humanité dans l’image et voyez si cela aide. Utilisez des sourires, des visages, etc. pour réduire le niveau d'intimidation.
Donnez vie à la texture
C'est souvent une bonne idée de commencer vos conceptions de manière très basique. Ne vous attardez pas trop sur les détails dans les étapes initiales, concentrez-vous plutôt sur ce que sera votre contenu et sur la manière de l'organiser de manière utilisable.
Assurez-vous également que vous avez bien défini votre palette de couleurs. Utilisez des couleurs unies dans vos compositions jusqu'à ce que tout semble très bien, sans dégradés ni textures superflus. Ensuite, si vous pensez que quelque chose manque encore, essayez d’introduire des textures intéressantes pour ajouter un peu de vie à votre conception.
Gardez à l'esprit que la texture ne doit pas nécessairement être reléguée à un simple arrière-plan, découvrez comment le site ci-dessous utilise un effet de texture en couches dans l'en-tête pour créer quelque chose de vraiment attrayant.
Application pratique
Cette astuce fonctionne de deux manières. Tout d’abord, si vous n’avez pas encore utilisé de texture, réfléchissez à la manière de l’intégrer tout en maintenant l’intégrité des couleurs et de la mise en page que vous avez actuellement. Utilisez la texture pour renforcer un design déjà solide, et non comme un pansement pour un design médiocre.
Deuxièmement, si vous avez déjà utilisé une quantité importante de texture, essayez de la dépouiller et de vous faire une idée du site avec des couleurs unies. Puis réintroduisez progressivement la texture tout en étant extrêmement sélectif quant à l’endroit où elle est appliquée.
9. faire une pause
Parfois, vous restez coincé dans une ornière mentale. Peu importe combien vous essayez de vous en sortir, vous continuez simplement à recycler les mêmes idées et à faire les mêmes erreurs.
Si les suggestions ci-dessus ne vous aident pas, essayez de vous éloigner du projet pendant un moment. Faites une pause, allez vous promener ou même travaillez sur un autre projet pendant un moment, le plus long sera le mieux.Si vous avez le temps de consacrer une journée entière à autre chose, revenir après cette longue pause vous donnera une nouvelle perspective qui est souvent exactement ce dont vous avez besoin pour prendre du recul et identifier les domaines problématiques.
Malheureusement, la plupart des projets sur lesquels nous travaillons ne disposent pas de suffisamment de temps pour perdre une journée à parcourir les lis de la vie sans encourir la colère d'un client en colère ou la crainte d'une échéance difficile. Dans ces circonstances, vous n’obtiendrez que de courtes pauses.
Il existe en fait tout un système de productivité consacré aux courtes pauses qui convient parfaitement aux professions créatives telles que le design. La méthode Pomodoro utilise des périodes de travail ininterrompu suivies de brèves pauses. Étant donné que la créativité a tendance à s’amplifier, l’essayer pendant une journée peut constituer le remède parfait à votre design terne.
Application pratique
Pour apprendre à appliquer efficacement ces principes dans votre propre flux de travail, consultez notre article intitulé Comment réduire les coûts et être réellement productif en tant que personne créative. Il s'agit d'une discussion directe et honnête sur les raisons pour lesquelles les concepteurs luttent tant pour l'équilibre entre créativité et productivité, pourquoi les listes de tâches ne fonctionnent pas et comment réussir à tout surmonter et à accomplir quelque chose!
10. Recommencer
Après avoir passé des heures à poursuivre une idée, personne ne veut savoir qu’il faut revenir à la planche à dessin. En tant que designers, nous avons tendance à créer des liens émotionnels avec nos créations. C'est une réaction parfaitement naturelle, mais vous devez savoir que cette tendance peut réellement entraver la progression et l'amélioration de nos pensées initiales.
La mauvaise nouvelle est qu’il est parfois impossible de sauvegarder un dessin ou modèle. Les concepteurs passent trop souvent trois heures à peaufiner un dessin médiocre alors qu’il leur aurait fallu 90 minutes pour tout recommencer à zéro et proposer quelque chose de mieux.
Une partie de la maturité de votre compétence en tant que designer consiste simplement à savoir quand vous vous trompez et à aller de l'avant dans une nouvelle direction. Bien sûr, cela avait l'air génial dans votre tête, mais quand il est sorti dans Photoshop, il ressemblait à de la merde. Ne vous plaignez pas, appuyez sur Commande + N et recommencez à zéro. Parcourez notre galerie de design pour plus d'inspiration comme celle présentée dans cet article et recommencez avec quelque chose d'aussi différent que vous pouvez imaginer.
Application pratique
La partie la plus difficile de ce conseil est de savoir quand vous en êtes au point où vous devez recommencer. De l’autre côté, le plus rassurant, c’est que votre iMac à 1 200 dollars peut contenir plus d’un disque PSD sur son disque dur. Recommencer ne signifie pas jeter votre idée originale, mais la sauvegarder et la classer afin que vous ayez la possibilité d'y revenir plus tard.
Parfois, vous passez par trois autres itérations pour vous rendre compte que votre première idée était vraiment la meilleure. D'autres fois, vous avancez dans une autre direction et tombez sur cet ancien fichier des mois plus tard et vous voyez immédiatement comment ces idées pourraient être intégrées avec succès à votre projet actuel.
Vous remarquerez peut-être que ce conseil est un peu à deux faces. Premièrement, ne vous attachez pas tellement à vos créations que vous ne souhaitez pas tout abandonner et tout recommencer à zéro. Cependant, ne soyez pas si détaché de votre travail que vous rejetez certains concepts réellement prometteurs. Soyez un rat de meute numérique et ne jetez jamais un dessin qui n’a pas encore atteint son plein potentiel. Créez un dossier de fichiers non finis et parcourez-le tous les quelques mois pour trouver l'inspiration.
Conclusion
Le but de cet article est de vous faire comprendre que, même si le travail créatif est un processus abstrait et imprévisible, vous pouvez en fait appliquer des étapes logiques pour parvenir à une solution en cas de problème.
Les dix conseils ci-dessus devraient remettre votre cerveau en ordre lorsque vous frappez ce mur créatif et vous ne savez tout simplement pas comment améliorer une conception qui nécessite un petit coup de pouce supplémentaire. Certaines sont des astuces difficiles et rapides qui ne fonctionneront qu’une fraction du temps, d’autres sont des étapes que vous devriez entreprendre dans tous les projets que vous réalisez. Expérimentez et découvrez lequel de ces conseils a tendance à fonctionner le mieux pour vous. C'est un excellent moyen d'identifier les faiblesses potentielles que vous devez améliorer.
Laissez un commentaire ci-dessous et dites-nous comment vous allez résoudre un problème de conception terne. Avez-vous des astuces pour peaufiner votre travail ou êtes-vous plus enclin à tout abandonner et à tout recommencer? Laissez nous savoir!