Share
Quel que soit votre point de vue, votre conception a été influencée par le goût ou le style d'un autre designer. Vous ne le remarquerez peut-être pas, mais vous avez compris ce que vous vouliez, soit par instruction directe, soit simplement en naviguant sur le Web, à inclure dans vos conceptions. Aujourd'hui, Connor va revenir sur un vieux sujet de l'ancien blog ThemeForest sur le thème de la copie et de la conception Web..
Ce sujet peut être délicat à cerner, car comprendre ce que vous "inspirez" par opposition à ce que vous copiez peut être une notion vague. Par exemple, une page de produit peut contenir l'espace blanc généreux que vous avez inconsciemment dessiné chez Apple? ou votre typographie pourrait s'en tenir à un schéma plus léger grâce à votre amour pour un autre site. Bien entendu, il n’est pas nécessaire que ce soit une grande société de technologie qui inspire. En fait, il n'est même pas nécessaire que ce soit un site Web. Alors, comment décidez-vous d’une forme d’inspiration valable et d’une copie?
Nous allons commencer par une définition (hé, tout est question de la signification des deux mots, non?). Inspiration se définit comme le processus de stimulation mentale de faire ou de ressentir quelque chose, en particulier de sa créativité. D'autre part, copier est défini comme une imitation ou une reproduction d'un original. J'espère que vous pourrez reconnaître instantanément les différences entre les deux simplement à partir de leurs définitions. L’un concerne la motivation, l’autre la duplication.
Nous avons établi les définitions du dictionnaire, mais quelles sont les différences pratiques? Prenons un exemple.
De nombreux concepteurs de sites Web admirent le design d’Apple, qu’il s’agisse d’un menu de navigation, d’une grille spacieuse ou de quelque chose de complètement différent. Aux fins de cette explication, dites que vous aimé Le menu de navigation d'Apple et voulait quelque chose comme ça dans votre propre conception. Il est bien entendu légalement interdit de lever leurs images, mais rien ne vous empêche physiquement de créer une barre de gris semblable, avec des couleurs inversées et des ombres de profondeur subtiles. Mais cela ne prend pas l'inspiration, c'est copier.
Maintenant, imaginez que j'admirais le même menu de navigation et que je l'utilisais comme point de départ. L’inspiration serait stimulée par le succès d’Apple à cet égard et par la création de quelque chose qui a peu de liens visuels, mais qui adhère à des principes et à des objectifs similaires. Je prendrais peut-être l’idée d’inverser la couleur lors du survol de la souris et l’appliquerais à une idée complètement différente qui serait similaire, mais pas à la différence..
Vous pouvez vous inspirer de plusieurs manières pour réaliser cette stimulation mentale. Nous allons considérer cela comme un processus étape par étape, alors sautez cette première étape si vous avez déjà une ou plusieurs conceptions spécifiques à l'esprit..
Vous pouvez vous inspirer de plusieurs endroits. Vous pouvez consulter votre historique et jeter un regard sur certains des sites Web que vous visitez, beaucoup d'entre eux utilisent probablement des techniques de conception favorables. Sinon, pourquoi ne pas parcourir un marché comme ThemeForest ou une vitrine comme Creattica. Celles-ci peuvent constituer d'excellentes ressources pour parcourir ce que d'autres concepteurs ont proposé et représentent généralement les tendances du moment, ce qui signifie que toute inspiration que vous dessinez est pertinente. Si vous concevez un site spécialisé, assurez-vous de consulter des listes de synthèse comme la nôtre ici chez Tuts + (et comme par hasard, Travis King a récemment écrit une synthèse des créations inspirantes de Creattica à consulter!)
Bien entendu, le Web n'est pas le seul endroit où vous pouvez trouver l'inspiration pour vos conceptions Web. En définitive, l’industrie de la conception Web est issue de l’imprimerie et plusieurs principes ont été repris (par exemple, avant les dernières années, placer les choses au-dessus de "le pli" était populaire. Dans la conception d’imprimés, être au-dessus de mettre autant de choses sur la moitié supérieure d’une page, où le lecteur la verrait avant de déplier sa copie). Jetez un coup d'œil à un magazine et vous trouverez peut-être un bon exemple de bonne typographie. Hé, même ma boîte de chewing-gum pourrait être décrite comme un exemple de palette de couleurs bien adaptée!
Une fois que vous avez trouvé un design que vous admirez vraiment, ne vous arrêtez pas là. Continuez à rechercher des modèles similaires ayant chacun leurs propres éléments d'origine, même s'ils varient dans d'autres domaines tels que la couleur, la mise en page ou la typographie. Inspirez-vous des zones que vous aimez particulièrement dans un design et laissez de côté les zones que vous n'aimez pas. Votre design préféré pourrait, en réalité, avoir une barre de navigation hideuse, offrant la possibilité d'aller trouver un design similaire dont vous pourrez extraire l'inspiration de la navigation.
Bien entendu, s'inspirer des conceptions Web globales n'est pas le seul moyen. On peut prendre un site Web comme Adobe Kuler et obtenir de l'inspiration ou de la motivation uniquement du point de vue de la couleur plutôt que de regarder nécessairement des conceptions Web entières et leur utilisation..
Bien sûr, vous pouvez aller à un dessin et simplement soulever les images de la page. Mais cela est légalement interdit et va à l’encontre des restrictions de copyright de votre pays. Ce que vous voulez faire, c'est aller de l'avant et analyser le design pour identifier les zones inspirantes et trouver un moyen de les utiliser dans votre design.
Il est temps de radiographier le design. En fin de compte, vous devez examiner tous les éléments spécifiques et noter les points qui se démarquent pour vous. Prenez du recul et si quelque chose reste un excellent exemple - comme, par exemple, l'utilisation spécifique de la typographie dans l'en-tête ou quelque chose de similaire. Vous pouvez cibler des domaines spécifiques et reconnaître ce qui le rend intéressant, ou bien simplement prendre les premières impressions de ce qui ressort le plus..
Par exemple, nous pouvons examiner l'un des sites AppStorm et constater immédiatement deux choses à leur sujet. Tout d'abord, nous pouvons reconnaître le fond texturé utilisé par AppStorm, ce que j'aime particulièrement. Nous ne disons pas nécessairement que vous devriez utiliser un fond noir et bruyant avec une lumière en haut; Au lieu de cela, nous examinons le concept consistant à utiliser un fond sombre texturé et, espérons-le, à appliquer un style similaire à nos conceptions. De même, nous pouvons apprécier l'utilisation assez généreuse du rembourrage dans cette conception et tenter de concevoir autour d'un principe similaire.
Fondamentalement, vous devez examiner ce qui fait fonctionner cette conception, du point de vue de l'utilisateur et du client. Cela pourrait être la juxtaposition d'une promotion sur un site Web d'entreprise qui est particulièrement influente sur un résultat spécifique, ou simplement parce que vous pensez "wow, ce texte a l'air bien!".
Être inspiré. Examinez ce qui fonctionne dans une conception Web et notez quels principes et quelles techniques sont utilisés pour atteindre un objectif spécifique. Cependant, juste jamais, en aucune circonstance, jamais réellement soulever des éléments d’une page et les utiliser dans votre conception. Vous ne devriez jamais faire cela pour des raisons morales et juridiques: cela nuit à vos compétences en conception et pourrait vous causer de graves problèmes (et potentiellement à votre client)..
Cependant, même si vous créez les éléments vous-même, créer quelque chose qui est identique à un objet popularisé sur un autre site peut nuire à vos compétences en conception et à votre perspicacité. Passer du temps puis présenter à votre client un design identique dans presque tous les cas au design d'Amazon vous donnera simplement un aspect peu original et potentiellement inexpérimenté..
Vous devez être influencé, mais pas influencé par la copie. Bien sûr, ce curseur de kick-ass peut être kick-ass, mais ce n'est pas à vous de prendre. Et ce ne serait que professionnel et moralement faux de le copier directement. La clé de l'inspiration réussie consiste à examiner ce qui fait que le design réussit et remplit son objectif et pourquoi il le fait. Une fois que vous avez compris comment cela fonctionne, vous pouvez appliquer des principes similaires à vos propres éléments..
Inspiration: le processus de stimulation mentale pour faire ou ressentir quelque chose.
La ligne entre l'inspiration et la copie flagrante peut être assez fine. Par exemple, un jeu de couleurs appliqué à un élément générique peut fonctionner sur un site, mais l'utilisation du même jeu sur le même élément est-elle copiée? J'espère que tu comprends ce que je veux dire.
D'où tirez-vous l'inspiration? Partagez votre opinion dans les commentaires!
Accentsconagua