logo

Choix visuels

Style général

Les formes et les images du site sont arrondies pour donner un aspect plus inoffensif ce qui correspond à l’impression que donne Gudetama. En effet, notre public cible est le groupe de personnes qui veut connaître davantage sur Gudetama. Ainsi, les formes et l’aspect arrondis du site donnent avant tout une impression générale sur ce personnage.

exemple2

Choix de couleurs

Pour ce site, nous avons utilisé les couleurs suivante:

  1. Couleurs de base

    • BLANC
    • Le blanc est utilisé comme fond de notre contenu pour le faire ressortir de l’image de fond orange avec un motif. Cette couleur est aussi utilisée pour faire resortir le texte au-dessus d'une couleur d'accentuation.
    • NOIR
    • Le noir est utilisé pour faire ressortir le texte sur un fond blanc ou de d'autres couleurs d'accentuation.
  2. Couleurs d'accentuation

    • ORANGE FONCÉ:
      rgb(255, 174, 0)

    • Une couleur thème de Gudetama, utilisée pour faire ressortir certains éléments en premier plan, comme le titre de la page, certaines images, des liens dans le contenu menant à d’autres pages, surlignage de la page active et la barre de navigation.
    • ORANGE PÂLE:
      rgb(255, 222, 151)

    • Une couleur dérivée de la couleur thème orange, utilisée pour faire ressortir certains éléments en deuxième plan, comme les sous-sections des pages.
    • ORANGE-BEIGE PÂLE:
      rgba(247, 227, 185, 0.664)

    • Une couleur dérivée de la couleur thème orange, utilisée comme fond pour faire ressortir certains éléments en troisième plan (majoritairement pour les choix de styles et la bibliographie).

Remarque

Toutes les couleurs utilisées sont des couleurs thèmes qui composent Gudetama ou qui dérivent des celles-ci.

Choix de l'image de fond

Nous avons décidé de mettre une image de fond orange avec un motif composé de plusieurs Gudetama, puisque ce fond complexe permet de faire ressortir le contenu de notre site qui est situé dans un fond blanc. De plus, ce fond correspond à notre thème, Gudetama.

exemple3

exemple4

Choix de police

Pour les titres et les sous-titres, nous avons décidé d’utiliser la police Handlee, parce qu’elle ressemble à une écriture manuscrite. En effet, comme Gudetama est un personnage dessiné, les titres et les sous-titres qui sont « écrits à la main » vont de pair avec notre thème. Pour le reste des textes, nous avons utilisé Open san sans-serif puisque c'est une police conventionnelle qui permet de bien lire et distinguer le contenu des titres.

Remarque

Les titres et les sous-titres sont de plus grandes tailles que le reste des textes afin de permettre aux usagers de mieux repérer les sections qu’ils veulent utiliser.

exemple1

Choix du Logo

Nous avons décidé d’utiliser Gudetama sous l’apparence d’un œuf cru et une coquille d'œuf cassée pour former notre logo. En effet, Gudetama est le personnage principal de notre site de sorte que le logo doit être fait à son image. De plus, nous avons allongé son blanc d’oeuf pour pouvoir écrire le nom de notre site web « Gudetama Guds ». En arrière, nous avons ajouté des coquilles d'œufs brisés afin de faire ressortir le nom de notre site et le logo du fond complexe. De plus, cette addition est reliée à notre thème.

Remarque

Remarque: Le logo a été dessiné à l'aide d'Art Studio. L'image intégrée est celle du blanc d'oeuf de Gudetama provenant du site Pinterest. Le reste, comme la coquille en arrière, le long blanc d'oeuf et le texte, a été ajouté ou dessiné à la main sans avoir recours à des images externes. Nous nous sommes inspirés de la forme crue de Gudetama pour dessiner un logo à son image.

coldegg cuteegg flexibleegg mehegg sadegg toastegg