10 choses que chaque concepteur de sites Web devrait pouvoir faire pendant son sommeil
Certaines compétences, vous avez juste besoin de savoir. Et vous feriez mieux de les connaître si bien que vous pouvez les faire presque sans réfléchir. En ce qui concerne la conception de sites Web, de nombreuses compétences peuvent changer et évoluer avec le temps, mais il y a quelques notions de base que vous devriez pouvoir faire pendant votre sommeil.
Et même si vous n'êtes pas un "web designer" par métier, chacune de ces compétences devient incontournable pour tous les designers qui travaillent aujourd'hui. Avec combien êtes-vous déjà à l'aise? Plongeons-nous et jetons un œil à ce que vous devriez être en mesure de faire sur "pilote automatique"!
Explorez les ressources de conception
1. Code avec HTML et CSS
Que vous soyez développeur ou non, tout le monde doit comprendre le langage le plus élémentaire derrière la conception d'un site Web. Vous devez comprendre comment lire, modifier et dépanner le HTML de base. (Et selon votre travail réel, vous devrez peut-être en savoir beaucoup plus que cela.)
Dans tous les cas, vous devriez pouvoir identifier un problème de gras, de police ou de couleur ou de taille en HTML sans réfléchir. Vous devriez pouvoir remplacer facilement les styles en CSS. Ce sont des compétences faciles à apprendre et qui vous seront utiles à long terme.
Apprenez-le: Familiarisez-vous (ou apprenez) les bases de W3Schools. Les tutoriels sont à votre rythme, faciles à comprendre et gratuits. (Il n'y a aucune raison de ne pas parler couramment la langue du Web.)
2. Modifier des photos
Dans tous les domaines de la conception, il est probable que vous travailliez avec des images toute la journée. Il est donc logique que vous compreniez comment les manipuler. Du recadrage de base au dimensionnement et un peu de «nettoyage», vous devriez pouvoir travailler avec des photos en toute simplicité. Au minimum, vous devriez vous sentir à l'aise avec le recadrage et le redimensionnement ainsi qu'avec certains réglages de la qualité de l'image.
Apprenez-le: Digital Camera World a un guide astucieux qui explique six étapes pour tirer le meilleur parti des photos. Les conseils sont faciles à utiliser et bien que le didacticiel soit enraciné dans Photoshop, il peut être appliqué avec n'importe quel logiciel.
3. Faites une impression
Bien que votre travail puisse être dans le domaine numérique, des parties de la conception seront sans aucun doute nécessaires pour les applications imprimées. Des dépliants aux cartes de visite en passant par les communiqués de presse, vous devriez être en mesure de créer et de convertir des éléments de manière à ce qu'ils soient également prêts à imprimer.
Les éléments clés à comprendre incluent les résolutions d'impression pour différents types et couleurs de supports. Bien que vous utilisiez probablement une valeur telle que FF0000 pour rendre un bloc de texte rouge, cela ne fonctionnera pas pour l'impression. (Cela aura au moins l'air drôle.) Les mélanges de couleurs CMJN (cyan, magenta, jaune, noir) sont la norme pour les articles imprimés.
Apprenez-le: Heureusement pour vous, nous avons un guide pour préparer quelque chose à imprimer. Il explique les différences de couleur, de médiums, de polices de caractères, de fonds perdus et plus encore.
4. Écrivez un titre
Il est presque impossible de visualiser vraiment un design avec lorem ipsum comme titre principal. Les mots sont la colle qui rassemble les visuels et le message. Votre titre peut ne pas toujours coller, mais vous devez toujours remplir les grands mots lorsque vous activez un concept de design.
En pratique, les mots peuvent aider le client à comprendre l'espace disponible pour le texte. Un bon titre montre que vous comprenez le client et faites un effort supplémentaire dans les projets et cela laisse aux gens une impression durable.
Apprenez-le: Copyblogger est une excellente ressource en ce qui concerne les tenants et les aboutissants de la copie. Commencez par «Comment écrire les gros titres du travail».
5. Saisissez n'importe quel appareil et naviguez sur un site Web
Vous devriez avoir un niveau de confort avec les ordinateurs et les appareils que la plupart des gens n'ont pas. Cela peut nécessiter de rompre avec vos appareils ou navigateurs ou programmes préférés et de jouer avec beaucoup d'autres choses. (Vous serez reconnaissant si vous le faites, c'est garanti!)
Nous avons tous été là: il n'y a rien de pire qu'un client qui raccroche un vieux téléphone ou qui vous montre quelque chose sur un petit écran pour obtenir de l'aide et vous ne pouvez tout simplement pas le comprendre facilement. Vous devriez pouvoir utiliser votre site Web (et d'autres) dans n'importe quel environnement et expliquer aux autres comment le faire également.
Apprenez-le: commencez simplement à jouer. Assurez-vous d'expérimenter avec différents navigateurs et si vous êtes un Apple, prenez un appareil Android (et vice versa).
6. Esquissez avec confiance
L'une des plus grandes choses à propos de l'esquisse est que vous pouvez aider les autres à visualiser ce que vous pensez. N'oubliez pas que de nombreuses autres personnes ont besoin de voir un filaire ou un aperçu avant de pouvoir imaginer ce que vous pensez.
Esquisser en toute confiance est un excellent moyen d'aider à créer cette connexion. Cela ne veut pas dire que vous devez apprendre à être un artiste de premier ordre du jour au lendemain. Mais vous devez vous préparer avec un bloc-notes et un stylo (ou un crayon) pour pouvoir mettre ces idées sur papier et les partager avec l'équipe.
Apprenez-le: Tuts + a une excellente petite introduction à l'apprentissage du dessin. Le premier pas? Arrêtez d'essayer d'être parfait.
7. Utilisez un cadre commun
Il n'y a aucune honte à utiliser un cadre de conception de site Web pour lancer des projets. En fait, vous devriez probablement le faire sauf si vous êtes un développeur super-star.
Les cadres vous empêchent de réinventer la roue avec chaque projet et sont faciles à utiliser pour les autres si vous remettez finalement un site Web à un client qui tentera de le maintenir et de faire des mises à jour. WordPress est une option populaire, mais il y en a beaucoup d'autres à essayer.
Apprenez-le: commencez avec WordPress. Il s'agit du plus grand système et cadre de gestion de contenu de blog et de site Web disponible. (Et c'est assez facile à utiliser.)
8. Fichiers de sauvegarde et de package
Bien qu'un site Web semble être un système autonome, il ne l'est pas. Vous devez comprendre comment et à quelle fréquence sauvegarder votre site (et le restaurer, si nécessaire) pour éviter la perte de données en cas de problème avec le site. (Il vaut mieux prévenir que guérir, n'est-ce pas?) Même si vous ne connaissez pas la logistique exacte de cet exercice pendant votre sommeil, vous devez savoir ce qui est enregistré, à quelle fréquence il se produit et où les données sont stockées.
En outre, vous devez avoir une bonne idée de la façon de créer des fichiers de package pour les styles de site Web, la conception de pièces et de pièces, etc. qui peuvent être utilisés comme sauvegarde et peuvent fournir des informations vitales aux clients s'ils ont besoin d'utiliser les pièces. Les fichiers de package (pour l'impression) sont également une partie nécessaire du processus de conception Web, de sorte que les clients disposent d'un ensemble d'outils de personnalisation qui correspondent à la conception du site Web pour les promotions imprimées. (Les clients vous aimeront pour cela!)
Apprenez-le: chaque site Web a besoin d'un plan de sauvegarde. L'empaquetage des fichiers vous aidera à conserver les documents, tels que les polices et les images, ensemble lorsque vous devrez les envoyer ailleurs.
9. Connaître 3 tendances (et quand les utiliser)
Vous devriez avoir un emplacement d'ascenseur pour les tendances du site Web. Qu'est-ce que ça veut dire?
Simplement, vous devriez être en mesure de parler à toute personne possédant une quantité raisonnable de connaissances en conception des techniques visuelles à la mode et pourquoi ou pourquoi vous ne devriez pas les utiliser. Comment fonctionnent-ils et qu'est-ce que vous aimez / n'aimez pas dans ces tendances.
Apprenez-le: lisez des blogs de conception tels que celui-ci pour rester à jour sur les tendances et comment ces techniques de conception peuvent être appliquées.
10. Expliquer la théorie de la conception
Couleur, flux, équilibre et proportion, espacement: ce sont toutes des choses que vous devriez juste pouvoir voir lorsque vous travaillez sur des projets. Mais c'est plus que d'avoir un bon œil; la théorie du design est tout aussi importante. Il est important de comprendre pourquoi vous faites ce que vous faites et pourquoi cela crée une esthétique bien équilibrée.
Et si vous le comprenez bien, vous pouvez l'expliquer et plus facilement défendre et expliquer les décisions de conception aux autres. Une base dans les bases vous aidera à maîtriser n'importe quel projet.
Apprenez-le: si vous n'avez pas encore celui-ci en panne, il est peut-être temps de revenir aux bases. Commencez par «Design Basics» de Stephen Pentak et «Graphic Design: The New Basics» par Ellen Lupton et Jennifer Cole Phillips.
Conclusion
Combien d'éléments de cette liste pouvez-vous cocher en tant que choses que vous savez dans votre sommeil? Combien d'autres avez-vous hâte de découvrir ou de rafraîchir vos compétences?
La conception Web - comme tout autre type de conception - est enracinée dans les bases et parsemée de nombreuses tendances et de nouvelles techniques. Une bonne compréhension du mélange vous aidera à grandir et à devenir un meilleur concepteur, et vous aidera à vous sentir encore plus confiant dans vos décisions de conception et votre travail.
Sources d'images: ekkun, lenep, Blake Patterson et cirox.
