3 façons d'apprendre à avoir un meilleur œil pour le design

Bienvenue dans la première partie de notre mini-série « Principes de conception Web efficaces de Divi » où nous explorons des pratiques de conception efficaces pour aider à responsabiliser les nouveaux concepteurs Web et ceux qui s'identifient comme quelqu'un sans « œil pour le design ».

À l'ère visuelle d'aujourd'hui, le design est plus important que jamais. Une bonne conception peut faire ou défaire votre entreprise lorsqu'il s'agit de convertir des clients potentiels en clients. Cela peut faire la différence entre réaliser une vente ou demander à un client potentiel de cliquer sur votre site Web à la recherche d'un service ou d'un produit plus professionnel. Et tandis que les nouveaux concepteurs et développeurs Web prétendent souvent avoir un « œil pour le design », il existe quelques principes de conception de base que tout le monde peut appliquer pour aider à devenir meilleur dans la partie « conception » de la conception Web !

Préface de la série :

• Les stratégies, pratiques et tactiques que nous aborderons dans cette série sont applicables à la conception Web en général et ne sont pas spécifiques à Divi, mais cette série sera basée sur mon expérience en tant que concepteur Web Divi. De nombreuses références, mises en page et points de départ mentionnés impliqueront spécifiquement Divi.
• Cette série est en grande partie destinée aux personnes qui sont soit novices en conception de sites Web, soit de l'état d'esprit des développeurs qui estiment qu'elles n'ont pas un œil naturel pour la conception. Mais j'espère que bon nombre de ces concepts serviront d'inspiration ou de rappel aux designers déjà établis.
• Les grands principes de conception de sites Web ont déjà été mentionnés ici sur le blog, nous ferons donc un lien vers certains articles et ressources précédents tout au long de la série. Il s'agit principalement d'une ligne directrice sur certains des principes les plus importants d'un bon design que j'applique en tant que concepteur de sites Web Divi à succès et que vous pouvez également appliquer!
• Enfin, lorsqu'il s'agit d'un bon design, il n'y a pas de bien ou de mal. En fait, il s'agit vraiment d'équilibrer l'opinion populaire, votre opinion créative personnelle et les souhaits du client. Nous avons tous eu ce client qui pensait que quelque chose avait l'air bien et que nous savions qu'il était horrible, n'est-ce pas ? Tout le monde ne sera pas d'accord avec ces bases de conception, mais il est prudent de dire que ces principes sont universellement partagés par les concepteurs professionnels de Divi et la communauté des concepteurs de sites Web dans son ensemble.

Voici un aperçu de la mini-série alors que nous regardons vers l'avenir:

• Partie 1 - 3 façons d'apprendre à avoir un meilleur œil pour le design
• Partie 2 - 3 principes de conception Web efficaces pour le non-concepteur
• Partie 3 - 3 domaines de conception importants sur lesquels se concentrer pour chaque création de site Web

Avant de plonger, je dois dire que même si je comprends que certaines personnes sont plus douées en créativité que d'autres, je soutiens fermement que VOUS POUVEZ apprendre de bons principes de conception de base. Vous ne deviendrez peut-être pas le Michel-Ange de Divi, mais bon sang, vous pouvez toujours apprendre quelques bonnes pratiques de conception à appliquer à vos efforts de conception Web. J'éviterai l'embarras de publier certaines de mes premières conceptions Web, mais je dirai simplement que mon « œil pour le design » évolue constamment et mûrit de plus en plus chaque jour. Je n'ai en aucun cas commencé là où je suis aujourd'hui. Et franchement, le design est important dans plus que la conception de sites Web. Il joue un rôle important dans l'organisation du contenu, la rédaction d'e-mails, la prise de bonnes photos avec votre téléphone et plus encore. Il est donc très important de connaître quelques principes de base à appliquer également à d'autres aspects de votre vie.

Donc, si vous vous êtes déjà surpris à dire l'une des choses suivantes;

• « Je n'ai tout simplement pas le sens du design. »
• "Je n'ai pas d'os créatif dans mon corps."
• "Je peux coder mais je ne peux pas concevoir."

Alors cette série est faite pour vous ! Entrons-y.

3 façons de se préparer et d'apprendre à avoir un meilleur œil pour le design

Dans le monde de la conception Web, les gens ont tendance à s'identifier à l'un des deux groupes suivants :

Concepteur Web – Un concepteur Web, alias (concepteur frontal) sera probablement attiré par la conception, les couleurs, la mise en page et l'esthétique de la conception Web. Ils proviendront probablement d'une formation en graphisme ou peut-être d'un support plus visuel comme la photographie ou d'autres arts créatifs. Si vous êtes plus intéressé par l'apparence et la sensation des choses par opposition à la vitesse de chargement, à la propreté du code ou aux personnalisations apportées aux fichiers php et css, alors vous êtes plus que probable dans ce bateau

Développeur Web – Un développeur Web, alias (développeur back-end) sera probablement plus intéressé par les mathématiques, les nombres et le domaine de la conception Web, le code, les fonctionnalités et le backend des sites Web. Alors qu'un « concepteur » peut voir des formes, des couleurs, une apparence, une sensation, etc., une personne plus orientée développeur peut voir quelque chose de similaire à la matrice : code, fonctionnalité, convivialité et éléments qui se trouvent sous la surface d'un site Web.

Les deux sont la clé d'une conception de site Web réussie et, à mon avis, un concepteur de sites Web réussi doit avoir un mélange sain de connaissances dans les deux mondes. Personnellement, bien que je connaisse maintenant bien le design et le développement, je suis toujours attiré par le côté design des choses. Je dois travailler de plus en plus dur pour prendre en compte les temps de chargement, le code propre et les fonctionnalités au lieu de me concentrer constamment sur la conception, la mise en page, l'apparence et la convivialité. Mais pour ceux qui sont en face de moi, il est tout aussi important de se concentrer sur un design agréable à l'œil par opposition à un site Web d'apparence terrible qui se charge rapidement avec un code propre.

Ce dont nous parlons vraiment ici, c'est d'un mélange du cerveau gauche et du cerveau droit. Ce n'est probablement pas un secret pour la plupart à ce stade, mais il existe de nombreuses études selon lesquelles le côté gauche du cerveau est analytique, mathématique, séquentiel, logique, etc. Le côté droit du cerveau est artistique, créatif, perspicace, imaginatif, etc. C'est la clé pour comprendre POURQUOI vous pouvez être attiré par le fait d'être un concepteur ou un développeur.

En bref,

Développeur = Penseur du cerveau gauche
Concepteur = penseur du cerveau droit

Une compréhension de cela nous amène au premier point principal.

1) Préparer votre état d'esprit

Si vous êtes plus créatif, vous devrez probablement travailler plus dur au codage et au côté plus logistique de la conception Web et vice versa, si vos tendances penchent vers le côté gauche du cerveau, vous va devoir travailler un peu plus dur pour développer un bon sens du design. Comme mentionné ci-dessus, je suis plus un penseur du cerveau droit et un créatif. Bien que j'adore CSS et que je puisse maintenant devenir dangereux avec PHP sans trop transpirer, je n'ai pas commencé de cette façon. J'ai dû travailler très dur dans les domaines de la conception Web pour lesquels je n'étais pas bon.

Mais cela a commencé avec mon état d'esprit. Je savais dans quels domaines j'étais fort et dans lequel il fallait travailler. Je veux vous encourager à nouveau sur ce point, VOUS POUVEZ apprendre de bons principes de conception et VOUS POUVEZ développer un œil pour le design si vous êtes nouveau ou si vous êtes un développeur sans os créatif dans votre corps.

À ce stade, vous vous dites probablement « Tout cela est génial, mais que puis-je faire pour préparer mon état d'esprit à apprendre de bonnes techniques de conception ? » Bien que nous apprenions tous différemment, je vais vous dire ce qui a fonctionné pour moi et ce que je sais a fonctionné pour de nombreux autres concepteurs Divi de la communauté.

2) Comment apprendre et développer un œil pour un bon design

Apprenez en reproduisant de bonnes conceptions de sites Web - Oui, je l'ai dit. Si vous voyez un bon design, essayez de le recréer, en copiant leurs couleurs, polices de caractères, espacements, mises en page, etc. Je ne dis pas arnaquer un site pour le vendre comme thème enfant ou comme travail mais d'un point de vue éducatif , l'un des MEILLEURS moyens d'améliorer la conception est de reproduire un site déjà magnifiquement conçu. Vous serez étonné de voir tout ce que vous apprendrez et à quel point vous vous sentirez responsabilisé en reproduisant un beau design que vous pourrez imiter.

Pour l'inspiration liée à Divi, vous pouvez trouver de bons exemples de designs fréquemment ici sur le blog ET via les vitrines mensuelles du site comme celle-ci, via des exemples de thèmes Divi ou en suivant vos designers Divi préférés et en voyant ce qu'ils proposent !

Apprenez en examinant les conceptions partout – Bien que les conceptions imprimées et autres publicités ne soient peut-être pas un apprentissage idéal pour les tendances de la conception Web, vous pouvez toujours acquérir des principes de conception précieux. Par exemple, peut-être que vous voyez une annonce avec une image forte avec le texte conçu de manière moderne et élégante, vous pouvez très bien prendre cette même idée et l'appliquer comme un design fort sur votre site ! Je ne redoute pas d'aller au centre commercial avec ma femme et d'entrer dans les magasins de maquillage maintenant parce que j'utilise cela comme "le design à la mode de Josh prend du temps". Le temps passé auparavant à regarder un téléphone est maintenant souvent consacré de manière productive à la recherche de nouvelles idées et concepts de conception que je peux appliquer à mes projets de conception Web !

Apprenez en vous appuyant sur la bibliothèque Divi – L'une des choses les plus magiques dans la conception d'un site avec Divi est qu'il est livré avec une bibliothèque complète de mises en page et de conceptions éprouvées et efficaces sur lesquelles vous pouvez vous baser. Si vous débutez dans le design et Divi ou si vous vous sentez coincé à regarder une toile vierge, vous pouvez charger l'une des mises en page prédéfinies de la bibliothèque, changer les couleurs, remplacer les images et démarrer ! Regardez comment retravailler une conception déjà professionnelle commencera à entraîner votre cerveau pour votre prochain projet.

Apprenez en téléchargeant et en construisant un pack de mise en page Divi hebdomadaire gratuit – Si vous êtes un nouveau membre d'Elegant Themes ou si vous ne le savez pas déjà, il existe des packs de mise en page Divi conçus par des professionnels qui sont publiés chaque semaine ici sur le blog qui sont GRATUITS à télécharger. Non seulement ce sont une excellente source d'apprentissage et d'inspiration si vous souhaitez vous améliorer en design, mais comme les éléments de bibliothèque mentionnés ci-dessus, ce sont d'excellents points de départ si vous débutez dans le design !

3) Obtenez des commentaires et des critiques constructives sur votre travail

Enfin, l'un des meilleurs moyens d'améliorer vos techniques de conception est d'obtenir les commentaires des autres. Souvent, lorsque vous êtes intégré à un projet, il est facile de perdre vos repères sur ce qui semble bon et ce qui semble mauvais. Obtenir des commentaires et des critiques constructives sur votre travail est essentiel pour devenir meilleur en conception.

Maintenant je comprends, c'est plus facile à dire qu'à faire. Et vous voulez probablement éviter d'être détruit ou démoralisé, surtout si vous êtes encore en train d'apprendre, mais si vous utilisez Divi, vous avez automatiquement accès à la communauté en ligne la plus engagée, la plus solidaire et la plus utile. Il existe de nombreux points de vente pour se connecter avec Divi nation, mais ma préférence personnelle est les groupes Facebook Divi. J'ai intentionnellement créé le groupe Facebook Divi Web Designers dans le but principal de pouvoir publier des travaux pour obtenir des critiques et des commentaires professionnels et utiles pour nous aider tous à devenir de meilleurs concepteurs Web Divi. Si vous avez de la famille, des amis ou peut-être des collègues de conception de sites Web de confiance avec un bon sens du design, je vous recommande également fortement de recueillir leurs opinions si vous ne souhaitez pas recevoir de commentaires en ligne.

Je trouve qu'il est très utile d'avoir des retours car cela signale souvent soit une mauvaise conception qui est négligée, des domaines d'amélioration ou plus. Par exemple, un domaine dans lequel je n'ai pas un grand don naturel et dans lequel je dois travailler dur est la typographie. Il n'y a pas si longtemps, j'ai travaillé sur un site que je trouvais génial de la tête aux pieds et lorsque j'ai reçu des commentaires, on m'a dit que le type que j'utilisais ne semblait pas correspondre à la « sensation » du site. Après avoir balayé une certaine fierté initiale des concepteurs, j'ai réalisé qu'ils n'auraient pas pu avoir plus raison. Le type en effet ne correspondait pas à l'ambiance du site. Depuis lors, j'ai appris à être très conscient des polices que je choisis dans le but de les faire correspondre à l'apparence et à la convivialité du site plutôt que de m'en tenir à mes "go to's".

Donc, si vous vous sentez assez courageux pour recevoir des critiques constructives, vous pouvez venir le faire dans notre groupe Facebook Divi Web Designers ou dans toute autre communauté Divi en ligne si elle respecte les directives du groupe. Et en passant, si vous êtes quelqu'un qui donne des commentaires, je veux vous encourager à faire très attention à vos mots et à la façon dont vous formulez des critiques constructives. Lorsque vous donnez des commentaires, n'oubliez pas d'essayer de renforcer la personne, pas de la démolir.

En clôture

J'espère que cette introduction aux principes de conception Web efficaces de Divi vous a inspiré et motivé pour le reste de la série! Encore une fois, ce premier article était plus une introduction et une préparation à ce qui vous attend, mais il est néanmoins important car avant de pouvoir vous améliorer en conception, cela commence par la préparation de votre état d'esprit pour apprendre.

Avez-vous d'autres idées ou pratiques sur la façon d'apprendre de meilleures techniques de conception de sites Web ? Faites-nous savoir dans les commentaires ci-dessous!

Demain : 3 principes de conception Web efficaces pour le non-concepteur

Maintenant que nous avons traité de la préparation et de l'apprentissage pour avoir un meilleur œil pour la conception, il est temps d'aborder quelques principes de conception pratiques et exploitables qui vous aideront à faire passer votre jeu de conception au niveau supérieur ! Jusque là!

Assurez-vous de vous abonner à notre newsletter par e-mail et à notre chaîne YouTube pour ne jamais manquer une grande annonce, un conseil utile ou un cadeau Divi !