Processus de conception de logo FS – Symbole

Après plus de 4 ans, j’ai décidé de commencer à travailler sur un nouveau site personnel. La dernière fois que j’ai fait des mises à jour, c’était en 2009 et depuis lors, je n’y ai pas prêté trop d’attention, mais je pense qu’il est temps pour moi d’essayer différentes choses en termes de conception Web, responsive, mobile d’abord et autres tendances de ce genre. La première chose dont j’avais besoin était bien sûr un logo. Aujourd’hui, je partage avec vous le processus créatif derrière le logo.

Inspiration/Références

Le logo est inspiré d’un logo d’équipe universitaire, je voulais qu’il ait cette référence car l’idée est que le site sera un laboratoire créatif de choses que je veux apprendre et expérimenter dans le domaine du HTML, du CSS et du Javascript.

Une autre référence est le logo des Giants de San Francisco, j’adore l’angularité et la façon dont les lettres ont été superposées.

Esquisses

Quelques explorations pour le plaisir

Illustrateur

Une fois que j’ai eu quelques croquis, j’ai commencé à créer la version numérique. Le logo est essentiellement composé de rectangles et de triangles et, comme vous pouvez le voir sur les images ci-dessous, j’ai commencé à ajouter des formes de base et à les améliorer.

Grille

Ombres spatiales négatives

En utilisant les mêmes triangles des coins du « S », j’ai créé des ombres de base, puis je les ai faites sous forme d’espace négatif.

Compositions

Couleurs

Symbole final

Après un après-midi de plaisir, je me suis retrouvé avec un joli symbole, très aligné avec les principes de conception que j’avais en tête, en particulier pour avoir l’apparence d’une équipe sportive universitaire. Je veux encore faire quelques ajustements optiques pour m’assurer que les proportions sont correctes. La prochaine étape sera alors de vous montrer le site web 🙂