CommunityImagegithub.com

SeaXen/guide-conception-logo

Principes de conception de logo et bonnes pratiques de génération d'images par IA pour créer des logos. Couvre les types de logos, les techniques de prompt, les règles d'évolutivité et les workflows d'itération.

Qu'est-ce que guide-conception-logo ?

Ce skill permet de concevoir des logos efficaces à l'aide de la génération d'images par IA, via l'outil CLI `inference.sh`. Il explique les différents types de logos (wordmark, lettermark, pictogramme, abstrait, mascotte, combinaison) et leurs cas d'utilisation. Une attention particulière est portée aux limites des IA génératrices d'images, notamment leur incapacité à produire du texte lisible – la stratégie recommandée consiste à générer uniquement l'icône puis à ajouter le texte manuellement dans un outil de design. Le skill fournit des modèles de prompts optimisés, des exemples concrets par type de logo, ainsi qu'une checklist d'évolutivité (du favicon 16px au panneau d'affichage). Il inclut également des workflows d'itération, des règles de couleur (max 2-3 couleurs, test en noir et blanc), et les formats de livraison (SVG, PNG, ICO). Ce skill est conçu pour les agents utilisant `belt` CLI et est compatible avec des modèles comme Flux, Seedream et Grok Imagine.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SeaXen/agentskills/tree/HEAD/library/101-skills-superpowers/skills/logo-design-guide

Installed? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Installer le skill belt CLI : npx skills add belt-sh/cli

Guide de Conception de Logo

Concevez des logos efficaces avec la génération d'images par IA via inference.sh CLI.

Démarrage Rapide

Nécessite l'interface en ligne de commande inference.sh (belt). Instructions d'installation

belt login

# Générer un concept de logo
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",
  "width": 1024,
  "height": 1024
}'

Types de Logo

TypeDescriptionQuand l'utiliserExemple
WordmarkNom de l'entreprise stylisé en logoNom de marque fort, court (< 10 car.)Google, Coca-Cola
LettermarkInitiales uniquementNom d'entreprise long, formelIBM, HBO, CNN
PictogrammeIcône/symbole reconnaissableMarque universelle, fonctionne sans texteApple, oiseau Twitter
AbstraitForme géométrique/non littéraleEntreprises tech, marques conceptuellesSwoosh Nike, Pepsi
MascotteIllustration de personnageMarques amicales, alimentation/sportColonel KFC, Pringles
CombinaisonIcône + wordmark ensembleNouvelles marques ayant besoin de reconnaissance et de nomBurger King, Adidas

Limitation Critique de l'IA

Les générateurs d'images par IA ne peuvent pas rendre le texte de manière fiable. Les lettres seront déformées, mal orthographiées ou brouillées.

Stratégie :

  1. Générer uniquement l'icône/le symbole avec l'IA
  2. Ajouter le texte/wordmark dans un outil de design (Figma, Canva, Illustrator)
  3. Ou utiliser une approche combinée : icône IA + typographie définie manuellement

Formuler les Prompts pour les Logos

Mots-clés qui fonctionnent

flat vector logo, simple minimal icon, single color silhouette,
geometric logo mark, clean lines, negative space design,
line art logo, flat design icon, minimalist symbol

Mots-clés qui échouent

❌ photorealistic logo (contradiction — les logos ne sont pas des photos)
❌ 3D rendered logo (trop complexe, ne se réduit pas bien)
❌ gradient logo (résultats incohérents, difficile à reproduire)
❌ logo with text "Company Name" (le rendu du texte échoue)

Structure du Prompt

flat vector logo of [sujet], [style], [contrainte de couleur], [arrière-plan], [détail supplémentaire]

Exemples par Type de Logo

# Abstrait géométrique
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"
}'

# Pictogramme nature
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"
}'

# Style mascotte
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"
}'

# Abstrait tech
belt app run xai/grok-imagine-image-pro --input '{
  "prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"
}'

Règles d'Évolutivité

Un logo doit fonctionner à toutes les tailles :

ContexteTailleCe qui doit fonctionner
Favicon16x16 pxSilhouette reconnaissable
Icône d'application1024x1024 pxTous les détails visibles
Avatar social400x400 pxClair en un coup d'œil
Carte de visite~1 pouceReproduction nette à l'impression
Panneau d'affichage10+ piedsPas de pixellisation, assez simple

Liste de Vérification pour l'Évolutivité

  • Reconnaissable en tant que favicon 16px (test du plissement des yeux)
  • Fonctionne en une seule couleur (noir sur blanc)
  • Fonctionne en inversé (blanc sur noir)
  • Pas de petits détails qui disparaissent aux petites tailles
  • Pas de lignes fines qui s'effacent au rétrécissement
  • Silhouette claire sans couleur

Directives de Couleur

  • Maximum 2-3 couleurs pour le logo principal
  • Doit fonctionner en une seule couleur (noir, blanc ou couleur primaire de la marque)
  • Tenir compte de la psychologie des couleurs :
    • Bleu : confiance, professionnel (finance, tech, santé)
    • Rouge : énergie, urgence (alimentation, divertissement, vente au détail)
    • Vert : croissance, nature (santé, développement durable, finance)
    • Orange : amical, créatif (startups, marques jeunes)
    • Violet : luxe, sagesse (beauté, éducation)
    • Noir : premium, élégant (mode, luxe, tech)
  • Tester sur des fonds clairs et foncés

Workflow d'Itération

# Étape 1 : Générer 5 à 10 concepts larges
for i in {1..5}; do
  belt app run falai/flux-dev-lora --input '{
    "prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"
  }' --no-wait
done

# Étape 2 : Affiner le meilleur concept avec des variations
belt app run falai/flux-dev-lora --input '{
  "prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
}'

# Étape 3 : Générer en haute résolution pour la version finale
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",
  "size": "2K"
}'

# Étape 4 : Mettre à l'échelle pour un usage en production
belt app run falai/topaz-image-upscaler --input '{
  "image": "path/to/best-logo.png",
  "scale": 4
}'

Erreurs Courantes

ErreurProblèmeCorrection
Trop de détailsPerte de clarté aux petites taillesSimplifier aux formes essentielles
Dépend de la couleurÉchec en contexte N&BConcevoir d'abord en noir
Texte dans la génération IALettres déformées/mal orthographiéesGénérer uniquement l'icône, ajouter le texte manuellement
Effets tendance (lueurs, ombres)Vieillit vite, problèmes de reproductionRester sur un design plat et intemporel
Trop de couleursDifficile à reproduire, impression coûteuseMax 2-3 couleurs
Asymétrie sans butSemble inachevéUtiliser une asymétrie intentionnelle ou rester équilibré

Formats de Livraison

FormatCas d'Usage
SVGVectoriel évolutif, web, édition
PNG (transparent)Usage numérique, présentations
PNG (fond blanc)Documents, signatures e-mail
ICO / FaviconFavicon du site web (16, 32, 48px)
PNG haute résolution (4096px+)Impression, panneaux d'affichage

Remarque : L'IA génère des images matricielles (PNG). Pour un véritable vecteur SVG, utilisez le résultat de l'IA comme référence et tracez-le dans un outil vectoriel, ou utilisez des outils de conversion IA vers SVG.

Compétences Connexes

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering

Parcourir toutes les applications : belt app list

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills associés