des ordinateurs

Adobe Portfolio - Choix d'un thème

Février 2021

Adobe Portfolio - Choix d'un thème


Maintenant que nous avons le cadre vide pour notre configuration Adobe Portfolio, notre prochaine tâche est de décider d'un modèle de thème. Cliquons sur l'icône Changer de thème à gauche pour voir la liste des thèmes prédéfinis. Au moment d'écrire ces lignes, nous avons huit thèmes. Sous chaque thème se trouve un lien pour voir un exemple en direct. Chaque thème a son propre style et ses propres caractéristiques. Par exemple, six des thèmes ont un menu de navigation supérieur et deux ont le menu à gauche. Seuls deux thèmes, Marta et Lukas, ont un menu collant. J'aime vraiment un menu qui reste en haut de la page lorsque le spectateur fait défiler la page. Utilisons donc le thème Marta pour ce tutoriel.

Pour choisir le thème Marta, cliquez sur le bouton Continuer l'édition (voir capture d'écran). Cela mettra Marta comme thème. Comme vous pouvez le voir, le site a changé pour inclure les paramètres par défaut de Marta, y compris la navigation orange et le masthead (voir capture d'écran). Nous garderons la navigation mais pas le masthead.

  1. Accédez à la télécommande flottante et ouvrez l'onglet Cette galerie (voir capture d'écran).

  2. Cliquez sur le bouton bascule pour désactiver le masthead.

    Notre prochaine étape consiste à définir les paramètres à l'échelle du site, ce menu se trouve également dans la télécommande flottante.

  3. Ouvrez l'onglet Site-Wide (voir capture d'écran).

    Comme vous pouvez le voir, nous avons des contrôles pour la couleur / image d'arrière-plan, les couleurs et les polices. Nous pouvons également activer / désactiver la navigation et le pied de page. Enfin, nous avons des paramètres pour le conteneur du site Web. Travaillons notre chemin vers le bas.

    Arrière-plan, couleurs et police

  4. Cliquez sur le lien Arrière-plan, couleurs et police pour ouvrir le panneau (voir capture d'écran).

    Sur ce panneau, nous pouvons définir la couleur d'arrière-plan ou télécharger une image d'arrière-plan. Nous pouvons également définir la police et les couleurs. Notez que ce sont des paramètres de style global et sont pour toutes les pages de votre portefeuille.

  5. Sélectionnez l'onglet Arrière-plan en haut à gauche et l'onglet Image et couleur à droite.

  6. Pour définir une couleur d'arrière-plan, cochez la case en regard de Inclure la couleur d'arrière-plan et définissez la couleur de votre choix dans le sélecteur de couleurs (voir capture d'écran).

  7. Pour télécharger une image d'arrière-plan, cliquez sur l'icône Télécharger une image et téléchargez un fichier jpeg, jpg, png ou gif.

  8. Recadrez l'image selon vos besoins et / ou utilisez le curseur Echelle sous l'image pour mettre l'image à l'échelle.

  9. Cliquez sur l'onglet Options d'image et définissez les options selon vos besoins (voir capture d'écran). Ces paramètres contrôleront la façon dont l'image d'arrière-plan couvre la page Web.

  10. Cliquez sur le lien Couleurs et polices pour ouvrir ce panneau.

    Comme vous pouvez le voir, nous avons trois schémas de couleurs parmi lesquels choisir (voir capture d'écran). Cliquez sur la première case de couleur pour chaque thème pour voir un aperçu en direct de ces couleurs sur votre portfolio.

  11. Cliquez sur la case de couleur pour le jeu de couleurs de votre choix.

    Dans la section Polices, nous pouvons définir la police de nos pages Web. Plus tard, nous personnaliserons la police décorative pour les liens de navigation, les titres, etc.

    Nous avons la possibilité de choisir parmi quelques polices standard. Si vous souhaitez utiliser une police Typekit spéciale, cliquez sur le lien Gérer les polices Web.

  12. Dans l'onglet Toutes les polices Typekit, utilisez la zone de recherche pour trouver votre police et ajoutez-la à vos polices My Typekit (voir capture d'écran). Cliquez sur Terminé pour fermer la fenêtre contextuelle et revenir à Couleurs et police. Vous devriez voir votre nouvelle police répertoriée dans la liste des polices.

  13. Sélectionnez votre nouvelle police dans la liste et cliquez sur Terminé.

    Conteneur de site Web

  14. Ouvrez le panneau Conteneur du site Web (voir capture d'écran).

    Comme vous pouvez le voir, nous pouvons définir la largeur du contenu de la page, les marges gauche / droite, la largeur maximale de la page Web et l'alignement du contenu. Gardons les valeurs par défaut.

Dans le prochain didacticiel, nous terminerons la définition des options à l'échelle du site.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Adobe Made An AWESOME Portfolio Builder (Adobe Portfolio Tutorial) (Février 2021)



Tags Article: Adobe Portfolio - Choix d'un thème, Art et conception numériques, thèmes Adobe Portfolio, comment définir un thème pour Adobe Portfolio

Objectifs et votre PDA

Objectifs et votre PDA

des ordinateurs