Certaines compétences, il vous suffit 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 Web, de nombreuses compétences peuvent changer et évoluer avec le temps, mais vous devez pouvoir vous familiariser avec quelques notions de base pendant votre sommeil.
Et même si vous n'êtes pas un? Concepteur de sites Web? de métier, chacune de ces compétences est devenue incontournable pour tous les designers travaillant aujourd'hui. Avec combien êtes-vous déjà à l'aise? Regardons de plus près ce que vous devriez être capable de faire? Pilote automatique?!
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 de sites Web. Vous devez comprendre comment lire, éditer et dépanner du code HTML de base. (Et en fonction de votre emploi actuel, vous aurez peut-être besoin d'en savoir plus.)
Dans tous les cas, vous devriez être en mesure de repérer un problème de gras, de police, de couleur ou de taille en HTML sans y penser. Vous devriez pouvoir substituer facilement les styles en CSS. Ce sont des compétences faciles à apprendre et qui vous serviront bien à long terme.
Apprend le: Familiarisez-vous (ou apprenez) les bases de W3Schools. Les tutoriels sont auto-rythmés, 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, vous travaillerez probablement avec des images toute la journée. Il est donc logique que vous compreniez comment les manipuler. De la culture de base à la taille et un peu? Nettoyez ,? vous devriez pouvoir travailler avec des photos facilement. Au minimum, vous devriez être à l'aise avec le recadrage et le redimensionnement, ainsi que certains réglages de la qualité d'image.
Apprend le: Digital Camera World propose un guide astucieux qui explique six étapes pour tirer le meilleur parti des photos. Les astuces sont faciles à utiliser et bien que le tutoriel soit basé sur Photoshop, il peut être appliqué à n’importe quel logiciel.
3. Faites une impression
Même si votre travail se situe dans le domaine numérique, des parties de la conception seront sans doute nécessaires pour les applications imprimées. Des tracts aux cartes de visite, en passant par les communiqués de presse, vous devriez être capable de créer et de convertir des éléments prêts à l’impression.
Les éléments clés à comprendre comprennent les résolutions d'impression pour différents types de supports et de couleurs. Bien que vous utilisiez probablement une valeur telle que FF0000 pour créer un bloc de texte en 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 éléments imprimés.
Apprend le: Heureusement pour vous, nous avons un guide pour préparer quelque chose de prêt à imprimer. Il explique les différences de couleurs, de médiums, de polices de caractères, de fonds perdus, etc.
4. Écrivez un titre
Il est presque impossible de vraiment visualiser un dessin dont le titre principal est lorem ipsum. Les mots sont la colle qui rassemble les éléments visuels et le message. Votre titre ne colle peut-être pas toujours, mais vous devez toujours saisir les gros mots lorsque vous définissez un concept.
Sur le plan pratique, les mots peuvent aider le client à comprendre l'espace disponible pour le texte. Un bon titre indique que vous comprenez le client et que vous faites un effort supplémentaire dans les projets, ce qui laisse une impression durable aux gens.
Apprend le: Copyblogger est une excellente ressource pour comprendre les tenants et les aboutissants de la copie. Commencez par? Comment écrire les 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 périphériques que la plupart des gens ne connaissent pas. Cela peut nécessiter de rompre avec vos appareils, navigateurs ou programmes favoris et de jouer avec plein d'autres choses. (Vous serez reconnaissant si vous le faites, c'est garanti!)
Nous sommes tous passés par là: rien n’est pire qu’un client qui sort un vieux téléphone ou vous montre quelque chose sur un petit écran 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.
Apprend le: Commencez juste à jouer. Assurez-vous d'expérimenter avec différents navigateurs et, si vous êtes une personne Apple, procurez-vous un appareil Android (et vice versa).
6. Croquis avec confiance
L'un des principaux avantages du dessin est que vous pouvez aider les autres à visualiser ce que vous pensez. N'oubliez pas que beaucoup d'autres personnes ont besoin de voir une structure filaire ou un contour avant de pouvoir imaginer ce que vous pensez.
Esquisser avec confiance est un excellent moyen d’aider à créer ce lien. Cela ne veut pas dire que vous devez apprendre du jour au lendemain à devenir un artiste de premier ordre. Mais vous devriez arriver prêt avec un bloc-notes et un stylo (ou un crayon) pour pouvoir mettre ces idées sur papier et les partager avec l'équipe.
Apprend le: Tuts + a un excellent petit guide pour apprendre à dessiner. Le premier pas? Arrête d'essayer d'être parfait.
7. Utiliser un cadre commun
Il n’ya pas de honte à utiliser un cadre de conception de site Web pour lancer des projets. En fait, vous devriez probablement, 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 un site Web à un client qui tentera de le maintenir et de le mettre à jour. WordPress est une option populaire, mais il en existe beaucoup d'autres à essayer.
Apprend le: Commencez avec WordPress. Il s’agit du système et du cadre de gestion de contenu de site Web et de blogging les plus importants disponibles. (Et c'est assez facile à utiliser.)
8. Fichiers de sauvegarde et de package
Un site Web semble être un système autonome, mais ce n’est pas le cas. Vous devez savoir comment et à quelle fréquence sauvegarder votre site (et le restaurer, si nécessaire) pour éviter toute perte de données en cas de problème.(Mieux vaut être prudent que guérir, non?) Même si vous ne connaissez pas la logistique exacte de cet exercice pendant votre sommeil, vous devez savoir ce qui est sauvegardé, à quelle fréquence et où les données sont stockées.
En outre, vous devriez 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, ainsi que d'autres éléments pouvant être utilisés comme sauvegarde et pouvant fournir des informations vitales aux clients qui en auraient besoin. Les fichiers de package (pour l’impression) font partie intégrante du processus de conception Web. Les clients disposent ainsi d’un ensemble d’outils de personnalisation qui correspondent à la conception du site Web pour les promotions imprimées. (Les clients vous aimeront pour ça!)
Apprend le: Chaque site Web a besoin d'un plan de sauvegarde. Les fichiers d’emballage vous aideront à conserver des matériaux, tels que des polices et des images, lorsque vous devrez les envoyer ailleurs.
9. Connaître 3 tendances (et quand les utiliser)
Vous devriez avoir un bon exemple de site Web. Qu'est-ce que ça veut dire?
Simplement, vous devriez être capable de parler à quiconque ayant une connaissance suffisante de la conception des techniques visuelles à la mode et des raisons pour lesquelles vous ne devriez pas les utiliser. Comment fonctionnent-ils et qu'est-ce que vous aimez / n'aimez pas à propos de ces tendances?
Apprend le: Lisez des blogs sur la conception, tels que celui-ci, pour rester au courant des tendances et de la manière dont ces techniques de conception peuvent être appliquées.
10. Expliquer la théorie de la conception
Couleur, débit, équilibre et proportion, espacement: Ce sont toutes des choses que vous devriez être capable de voir lorsque vous travaillez sur des projets. Mais c'est plus que d'avoir un bon œil; la théorie du design est également importante. Comprendre pourquoi vous faites ce que vous faites et pourquoi cela crée une esthétique bien équilibrée est important.
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.
Apprend le: Si vous ne l'avez pas déjà, il est peut-être temps de revenir à l'essentiel. Commencez par? Bases de la conception? par Stephen Pentak et? Graphic Design: les nouvelles bases? par Ellen Lupton et Jennifer Cole Phillips.
Conclusion
Combien d'éléments de cette liste peux-tu cocher comme des choses que tu connais pendant ton sommeil? Combien de personnes souhaitez-vous en savoir plus ou actualiser vos compétences?
La conception Web - comme tout autre type de conception - est ancrée dans les bases et parsemée de nombreuses tendances et de nouvelles techniques. Une bonne compréhension du mélange vous aidera à progresser et à devenir un meilleur concepteur, et vous aidera à vous sentir encore plus confiant dans vos décisions de conception et de travail.
Sources des images: ekkun, lenep, Blake Patterson et cirox.