Les principes de base de la conception d'un portfolio [2012]

1. Contenu et but: Hé tout le monde. Bienvenue dans la classe Skillshare. Je suis heureux de vous parler aujourd'hui de la façon de présenter votre portfolio en ligne. Ouais, je veux juste passer en revue quelques choses, ce que nous allons couvrir dans ce cours. Nous allons commencer par le contenu et le but du site, puis nous allons passer à vraiment choisir la plate-forme qui vous convient le mieux. Ensuite, parlez de la conception du site et de son apparence, et enveloppez-le avec quelques touches de finition y compris vos noms de domaine d'inscription et ce genre de choses. Aussi, juste pour aller plus loin, il s'agit d'un cours en ligne, donc au fur et à mesure que vous allez, vous pouvez travailler sur votre projet et le télécharger dans la galerie de projet pour obtenir les commentaires de vos collègues étudiants. Ensuite, vous allez regarder ces vidéos et passer par le guide de projet où toutes les étapes sont décrites dans beaucoup de détails là-bas pour vous aussi. Ouais, juste un peu sur moi. Je travaille ici à Skillshare en tant que doyen de l'école de design. Je suis vraiment excité d'enseigner ce cours. C' est quelque chose avec lequel j'aide des amis depuis un moment maintenant et je suis excité de partager tout ça avec vous les gars aujourd'hui. La première unité est le contenu et le but. Ici, nous allons vraiment penser au contenu du site. C' est important avant d'entrer dans la conception du site Web, car cela vous aide à prendre ces décisions plus tard. C' est pour ça que nous approchons de ça dès le départ. La première étape consiste à fixer des objectifs et à réfléchir à ce que vous essayez d'atteindre avec votre site Web de portefeuille. Tu essaies de trouver un emploi ? Vous cherchez un stage ? Vous êtes ici pour trouver peut-être de nouveaux clients indépendants, et ce genre de choses. Alors pour quoi vas-tu l'utiliser ? Ce sont des choses à garder à l'esprit. Je pense que la meilleure chose à faire est d'écrire certaines de ces pensées. Vous pouvez les référencer au fur et à mesure du projet. La deuxième étape consiste à sélectionner les projets réels que vous allez inclure sur le site Web de votre portefeuille. Quelques choses à garder à l'esprit ici sont de gérer les projets que vous allez inclure. N' ayez pas l'impression d'avoir à inclure tout ce que vous avez fait au fil des ans, mais choisissez vraiment des projets spécifiques qui peuvent raconter une histoire sur vous-même et votre travail et qui correspondent aux objectifs que vous avez fixés pour le site. L' étape suivante consiste à collecter des images et à copier le contenu du site. Les choses à penser ici sont obtenir les meilleures images pour le site. Il peut être, ils font des animations graphiques ou peut-être que vous faites de la conception d'impression, auquel cas vous pourriez vouloir photographier qui fonctionnent dans les différents paramètres qui fonctionnent le mieux pour elle. Puis aussi beaucoup de sites de portefeuille, je pense vraiment se concentrer sur les images, mais il est également important d'obtenir un certain contexte du travail. Vous pouvez le faire en écrivant quelques descriptions pour accompagner chacun des projets. Je pense que c'est une touche vraiment agréable car cela permet à quiconque regarde votre site d'avoir vraiment une idée de ce qu'était le projet. Vous pouvez également parler du processus que vous avez traversé, certains des problèmes que vous avez résolus et donner plus de détails sur ce projet. Ensuite, vous voulez également penser à ajouter des pages supplémentaires que vous allez inclure sur le site. Cela peut inclure des choses comme votre page À propos. Il existe également d'autres types de pages, vous pouvez faire une page Contact ou une page Services, où vous pouvez répertorier les différents types de tâches sur lesquelles vous souhaitez travailler. Ceux-ci peuvent aider à peindre une image plus complète en plus du contenu de base de votre site, qui est vraiment les projets. Enfin, pour cette unité, vous allez vouloir recueillir de l'inspiration. Vous pouvez regarder quelques exemples en ligne. Pensez à qui est l'artiste, les designers ou les photographes que vous admirez et consultez leurs sites Web et voyez comment ils présentent leur travail en ligne. Collecter cette inspiration et faire quelques planches d'humeur vous aidera à aller de l'avant dans le reste de la classe afin que vous puissiez avoir une idée de ce qui existe déjà en ligne. Ensuite, dans la prochaine vidéo, nous allons faire des plateformes et des outils, et nous attendons avec impatience. Merci. 2. Plateformes et outils: Bienvenue à la deuxième unité de la classe Skillshare. Dans cette unité, nous couvrirons les plateformes et les outils. Nous couvrirons quatre plateformes principales qui vous aident vraiment à créer des sites Web de votre portefeuille. pensant à cela, il vous permet de sauter et de vraiment commencer sur votre site au lieu de le construire à partir de zéro. Ces plateformes fournissent une interface backend très facile à utiliser, qui vous permet de mettre à jour et de modifier votre site Web. Il vous donne les outils dont vous avez besoin pour reconstruire votre site et se concentrer sur le contenu et pas tellement avoir à écrire beaucoup de code personnalisé. La première étape de cette unité consiste à choisir une plate-forme. Il y en a quatre que nous allons couvrir, mais il y en a beaucoup d'autres aussi, que j'ai décrit dans le guide de projet. N' hésitez pas à en partager d'autres que vous connaissez peut-être. Le premier est Cargo. C' est celui que j'utilise depuis des années. Quelques détails sur Cargo, c'est 66$ par an, ce qui est assez bon. A également avancé l'édition CSS et HTML. Si tu veux vraiment y aller et devenir grossier, tu peux le faire. Le second est Behance. Behance a son site réseau normal, mais ils ont également un produit appelé ProSite. Cela vous permet de créer des sites Web de portefeuille personnalisés qui n'ont pas de marque Behance dessus, donc cela ressemble à votre propre site. Quelques détails sur Behance, c'est 11$ par mois. C' est vraiment sympa parce que vous avez encore un profil sur le plus grand réseau Behance aussi. Vous obtenez cet accès à toutes ces autres fonctionnalités qu'ils ont construites, et aussi que la communauté y est vraiment agréable. Le troisième est Virb. Virb est là depuis un moment. C' est 10$ par mois. Virb est sympa parce qu'il a construit des blogs directement dedans, et vous pouvez entrer votre flux Tumblr et des choses comme ça. Il est également mobile responsive, donc il fonctionnera bien sur un smartphone ou une tablette. Le quatrième est Squarespace. Squarespace est là depuis un moment. Il est connu sous le nom d'outil glisser-déposer, sorte que vous pouvez créer votre site Web avec cette interface intuitive. C' est aussi réactif. Il a également de grandes fonctionnalités de commerce électronique. Si vous êtes un artiste qui veut vendre des tirages, des photographies ou des morceaux de votre travail, ils ont vraiment une grande intégration pour cela. Celui-ci varie de 8$ à 16$ par mois. La prochaine chose que vous voulez faire est de créer un compte. Vous pouvez consulter chacun de ces sites Web et vraiment choisir celui qui est bon pour vous. Chacun a une longue liste des différentes fonctionnalités. La plupart d'entre eux ayant des fonctionnalités de base communes sont les mêmes et il y a choses plus spécifiques que je viens de couvrir qui pourraient vous aider à choisir celui qui est le mieux pour votre site Web. Rappelez-vous que ce sont en fait des sites payants, mais encore une fois, il y en a d'autres qui sont répertoriés dans le projet et ils sont gratuits. La troisième étape consiste à télécharger votre contenu. Allez de l'avant dans la plateforme que vous avez choisie, téléchargez vos projets et vos pages, et ne vous inquiétez pas de ce que cela ressemble à ce stade. Ce n'est pas quelque chose que vous devez vraiment penser à ce stade. Il est juste important de mettre le contenu sur le site et de voir ce qu' il ressent avec tous les projets et pages là-bas. Ensuite, nous aborderons la conception du site et les aspects visuels de celui-ci. J' attends ça avec impatience. Merci. 3. Conception et thèmes: Salut à tous, bienvenue à l'unité 3 de cette classe Skillshare. Dans cette unité, nous allons couvrir le design et les thèmes de votre site web portfolio. Nous pouvons vraiment comprendre à quoi votre site devrait ressembler et ressembler. La première étape consiste à choisir un modèle. Vous devriez commencer par un qui fonctionne pour le contenu, le but de votre site et les objectifs que vous essayez d'atteindre, puis vous pouvez le personnaliser à partir de là. Choisissez celui que vous pouvez construire sur nous au fur et à mesure que nous allons. Voici quelques exemples que je voulais partager avec vous. Il s'agit d'une mise en page traditionnelle, vous avez donc la colonne sur la gauche, qui répertorie tous les projets, et vous avez également les vignettes correspondantes dans la zone principale. C' est un sur [inaudible] je crois et il défile gauche à droite afin que chaque colonne soit un projet différent. Celui-ci juste une grille complète donc il n'y a pas de navigation à gauche ou à droite et vous montre juste les vignettes, donc vous vous concentrez vraiment sur le travail dans celui-ci. C' est celui qui est plus d'un design [inaudible], donc il n'obéit pas autant à cette grille et permet aux projets de rebondir et d'être à différents endroits sur la page. Voici quelques exemples de thèmes et de modèles. Dans le projet, j'ai lié aux options pour tous les thèmes différents pour chacune des plateformes. L' étape suivante consiste à choisir les vignettes du projet pour votre site Web de portfolio. Les choses à penser ici, c'est comment ils fonctionnent tous ensemble et comment quand quelqu'un visite le site, ce qu'ils vont voir avec toutes vos vignettes là-bas à la fois. Ils devraient avoir des arêtes bien définies, pas trop détaillées, et ensuite, lorsque vous les enregistrez dans Photoshop, enregistrez-les pour le Web afin que le site se charge plus rapidement. Certains sont gentils et petits. Voici quelques exemples de miniatures. Nous voyons les gens faire de près dans les clichés des différents projets. Ils zooment sur certains détails et remplissent bien cette vignette. Vous pouvez également inclure comme le titre du projet sur la vignette. La dernière étape consiste à ajouter votre marque personnelle, donc si vous en avez une, n'hésitez pas à l'ajouter dans l'en-tête. Toutes les quatre plates-formes dont nous avons parlé précédemment ont la possibilité d'ajouter un en-tête personnalisé ou un logo personnalisé pour votre site, et c'est une excellente façon d'ajouter une touche personnelle. Mais si vous n'avez pas ça à ce stade, pas de soucis du tout. Il suffit d'ajouter votre nom ou le nom de votre site et ce sera bon d'y aller. Voici quelques exemples de cela. Les gens ont des logos différents ou des styles différents qu'ils ont utilisés dans leur image de marque, certains logos manuscrits et personnels là-bas. Whitney Dail en bas a son aspect et sa sensation avec sa typographie différente et le reste du site a les vignettes en dessous. Il y a certaines choses à garder à l'esprit lorsque vous concevez vos en-têtes. Ensuite, nous avons la touche finale. Nous allons couvrir certaines choses techniques et terminer le site web du portefeuille. Merci. 4. Touches de finition: Hé, tout le monde, bienvenue à la classe Skillshare. C' est l'unité 4, la dernière de la classe. Il s'agit de Finishing Touches, quelques choses différentes que vous pouvez faire pour que votre site Web de portefeuille soit prêt à le partager avec tout le monde et vraiment le terminer joliment. La première chose à considérer est les noms de domaine. Il y a une approche différente pour le faire pour chacune des plates-formes et vous pouvez trouver les guides qui sont très spécifiques pour chacune des plates-formes et le guide de projet pour cette classe. C' est un excellent ajout pour votre marque personnelle. Vous pouvez mettre votre propre nom de domaine personnalisé sur votre carte de visite ou votre profil Twitter et vraiment le faire aussi. C' est des noms de domaine. La deuxième chose à considérer est la façon dont vous allez promouvoir et partager votre site Web de portefeuille maintenant que vous avez tout prêt à aller. Vous pouvez le faire en l'ajoutant à votre signature e-mail afin que chaque fois que nous envoyons un e-mail, il se trouve juste là en bas et les gens peuvent facilement trouver votre travail et voir votre portfolio. Vous pouvez également inclure sur votre profil de médias sociaux, sur votre Facebook ou votre flux Instagram et envoyer des personnes pour voir votre travail également. La troisième chose à considérer est tout ajout que vous voulez faire. La plupart de ces plateformes, comme l'ajout d'un blog ou d'une boutique en ligne, vous continuez à raconter des histoires sur ce sur quoi vous travaillez ou à partager des choses que les gens peuvent acheter. C' est une façon de continuer à construire votre site Web de portefeuille et de le garder frais au fur et à mesure que vous allez. La quatrième chose à garder à l'esprit est que, assurez-vous de mettre à jour votre site Web de portefeuille, maintenant que vous avez tout construit. Chaque fois que vous faites votre projet ou que vous avez une nouvelle pièce à partager avec tout le monde, n'hésitez pas à le publier sur le site Web de votre portefeuille , puis à partager ce que vous avez réellement mis à jour. Cela peut inciter les gens à revenir et à vérifier ce sur quoi vous travaillez. Ça se termine à peu près. Merci beaucoup d'avoir suivi ce cours. Ça a été excitant de vous avoir tous ici. Assurez-vous de partager vos projets, afin d'obtenir les commentaires de tous les autres membres de la classe. Ensuite, veuillez également laisser quelques commentaires sur la classe. J' adorerais entendre ce que tu en as pensé. Merci beaucoup.