Fable: Logo pour les projets liés à Fable et Fable

Créé le 28 mai 2017  ·  70Commentaires  ·  Source: fable-compiler/Fable

Nous (avec ma fiancée) avons pensé à quoi pourrait ressembler le logo Fable... avec des idées à incorporer

  • le concept que Fable = F# |> Babel
  • montre-le en jaune (couleur js)
  • rendez-le personnalisable (comme le modèle de logo fsprojects ) pour fournir un modèle pour des projets comme fable-react et d'autres
  • montrer votre appréciation à @alfonsogarciacaro avec un signe que le projet est né en Espagne.

C'est ce que nous avons obtenu et nous aimerions entendre les commentaires :
fullsizeoutput_7f7
fullsizeoutput_7f8
fullsizeoutput_7f9
fullsizeoutput_7f6
fullsizeoutput_7fa
fullsizeoutput_7f4
fullsizeoutput_7f5

Commentaire le plus utile

Probablement la dernière option de notre côté...

Plus petit dragon qui remplace F dans le mot Fable
screen shot 2017-06-02 at 15 28 30

et voici comment le logo peut être marqué
screen shot 2017-06-02 at 15 33 49
screen shot 2017-06-02 at 15 30 51

Tous les 70 commentaires

Je suis tout à fait d'accord pour dire que Fable a besoin d'un logo - je pense que nous devrions avoir plusieurs suggestions, afin d'avoir un large éventail d'idées parmi lesquelles choisir !

Voici une idée de moi - c'est beaucoup plus simple, donc cela devrait fonctionner pour les icônes et pas seulement pour la page principale. Il utilise le bouclier HTML5 avec les couleurs actuelles de Fable.io. Vous pouvez également le combiner avec d'autres logos, même si je pense que cela nécessite un peu plus de travail (le logo Elmish ci-dessous n'est pas super sympa, mais montre l'idée).

Pour ajouter quelques options supplémentaires, je pensais à quelque chose d'original qui ne serait pas basé sur les logos existants dans l'écosystème Javascript. Au lieu de cela j'ai commencé par le nom "Fable" qui évoque toutes sortes de créatures mythiques. Voici donc mon croquis initial approximatif d'un dragon comme logo. Si vous avez des commentaires, s'il vous plaît laissez-moi savoir et je vais le redessiner correctement.

fable

@evelinag je sais que c'est un dragon, mais tout ce que je vois c'est ça :)
Jk bien sûr, j'espère que ça plaira aux gens. (peut-être si le dragon est un peu plus droit pour ressembler à un "f" ?)

@ncave Haha, eh bien, c'était l'un des logos les plus réussis du 20ème siècle :)

J'ai résolu le problème avec dragon ! +💯 pour les dragons !

dragon

@evelinag s'est souvenu de moi plutôt sur Rx Logo en premier. Mais maintenant, je ne peux pas ignorer cela de @ncave :))

@tpetricek Il ne se mord toujours pas arrive .

+1 pour un logo sans rapport avec Babel ou HTML. S'il est déjà utilisé pour des choses comme React Native et Node, cela signifie que Fable a le potentiel d'être plus grand que cela 😄

Existe-t-il un moyen de faire le dragon en forme de F ?

Je l'aime bien!

Que diriez-vous de faire en sorte que le « A » ressemble davantage à un « # » ?

Ici vous avez un dessin comme inspiration:

img_4689

Toutes ces idées sont géniales ! Merci beaucoup @sergey-tihon d'avoir soumis la proposition originale. En fait, je l'aime beaucoup et je pense que c'est bien. Le logo Fable rend un hommage à Babel de la même manière que le nom. (BTW, Babel est toujours utilisé même lors de la compilation pour React Native ou Node, car Fable lui-même ne produit pas directement le code JS.) Mais je suis également d'accord avec l'idée du dragon si les gens l'aiment plus

Peut-être pourrions-nous combiner la proposition de @sergey-tihon avec l'idée du dragon :)
Comme remplacer le symbole à gauche par un dragon :) (comme ça tout le monde est content)

La première chose à laquelle j'ai pensé en regardant le logo de @sergey-tihon était;

Waouh ! Furie fatale!

ff_logo

Alors ajoutez des dragons et Fable les battra tous ;)

Comme note très personnelle, je ne suis pas fan des couleurs, je préfère quand il y a plus de saturation, quand les couleurs sont plus chaudes.

@sergey-tihon Fable texte et couleurs + les dragons de @evelinag à gauche !

avec diamant
fa300x300
avec f-dragon
f-dragon

J'aime le diamant, c'est mon préféré jusqu'à présent. Pas fan de l'utilisation du style de police de Babels, car il ne s'agit que d'un détail d'implémentation. Bien qu'ils aient l'air incroyable, très beau travail!

La partie difficile du compilateur est de compiler le .fs -> .js AST. Le lier si fort à Babel rend encore plus difficile de l'échanger contre quelque chose d'autre à l'avenir. J'aime aussi les logos des dragons.

Le premier de @tpetricek est également génial et je pense qu'il capture l'essence de Fable.

J'ai pensé à quelque chose ce matin à partir des contributions et des commentaires donnés. Voici donc la maquette de départ :
mockup

Et voici un résultat :
fable

avec:

  • le beau dragon de @vilinski qui symbolise la Fable et émerge du pays Fsharp vers le royaume javascript (transformations de couleurs)
  • tour de babel
  • diamant en son noyau/centre
  • nous pouvons ensuite ajouter des icônes pour des projets liés à la fable comme @sergey-tihon proposés sur chaque toit

Je l'ai fait rapidement, donc je peux affiner la maquette au besoin (et bien sûr faire de meilleures proportions).

[mettre à jour:]
fable

J'ai des fichiers svg pour le diamant et le dragon si vous voulez jouer avec eux ! ??

Et maintenant, le tournoi bikeshedding commence ! :stuck_out_tongue:

@Pauan c'est les limites de mon anglais : qu'est-ce que ça veut dire ? ??

@whitetigle Voici une définition de "bikeshedding" , et voici une autre définition . Et voici une partie de l'histoire derrière le terme .

Cela signifie essentiellement que les gens passent beaucoup de temps à se disputer sur "de quelle couleur devrions-nous peindre l'abri à vélos?", même s'il s'agit d'un détail mineur sans importance.

Dans ce cas, cela signifie "se disputer sur le logo que Fable devrait avoir".

Un tournoi signifie que de nombreuses personnes s'affrontent pour décider qui est la personne la plus forte. Il n'y a qu'un seul gagnant.

Ainsi, un tournoi bikeshedding est une compétition pour décider de la "meilleure" couleur pour le hangar (ou dans ce cas, le "meilleur" logo Fable).

Bien sûr, je n'ai aucun problème avec bikeshedding, mon commentaire était juste par souci d'humour.

@Pauan merci pour l'explication ! Je me sens plus intelligent maintenant

Avec le foisonnement d'idées sur ce fil, permettez-moi de partager le seul conseil de conception que je connaisse (car un collègue me l'a dit une fois il y a longtemps) :

Un bon logo est un logo que vous pourriez reconnaître si quelqu'un le dessinait dans du sable avec un bâton.

Bien sûr, il existe de bons contre-exemples à cela, mais je pense que c'est quelque chose qu'il vaut la peine de garder à l'esprit même à l'ère numérique moderne. Cela signifie également que le logo fonctionnera en noir et blanc et que vous pourrez le redimensionner à 16x16 pixels pour le favicon.

Je pense que beaucoup d'idées ici ont une histoire assez élaborée derrière elles, ce qui est certainement amusant, mais elles ne seraient pas utilisables comme logos dans le sens ci-dessus d'un logo. Il n'y a rien de mal à cela - cela pourrait toujours être une illustration pour la page Web de la fable - mais je pense que si nous voulons un logo, cela vaut la peine de rechercher la simplicité (aussi parce que la simplicité signifie que cela peut être fait sans de très bonnes compétences artistiques :- ))

qu'en est-il d'un dragon en forme de , cela a une belle double signification car le ƒ met en évidence la nature fonctionnelle de la fable.

De plus, je pense que le fait de désigner les décisions de conception en tant que bikeshedding sape vraiment l'importance de la décision. Bikeshedding est strictement relégué aux décisions de faible importance, alors que le logo est d'une importance critique. De plus, il y a simplement une illusion qu'il faut peu d'habileté pour créer un bon logo, alors qu'en réalité, il faut beaucoup d'efforts pour créer un logo de qualité. Il pourrait même être utile de mettre de l'argent en commun pour payer quelqu'un pour créer un logo professionnel.

Petit rappel - l'utilisation du logo de la F# Software Foundation dans les couleurs d'origine dans un contexte "ce qui pourrait impliquer une représentation directe de la F# Software Foundation" n'est pas légale.

C'est la contribution de la FSSF à notre écosystème OSS, nous ne pouvons même pas utiliser le logo :)

J'ajoute juste quelques sources d'inspiration :

J'aime l'idée d'un dragon à cause de ce que signifie "fable". Quand je pense à une fable, je pense généralement aux fables d'Ésope ( https://en.wikipedia.org/wiki/Aesop%27s_Fables ), principalement la tortue et le lièvre ( https://en.wikipedia.org/wiki/ La tortue et le lièvre ).

Aussi, +1 pour un logo reconnaissable même en favicon :)

@sergey-tihon Puis-je utiliser l'un de vos logos dans un de mes articles ? :le sourire:

"fa-bull" d'inspiration espagnole :

  1. Plaine
    fable-spanish-bg-wab

2.
fable-spanish-bg-baw

  1. fable-spanish-bg

  2. Plain avec le nom du framework (la police du framework est Rajdhani )
    fable-spanish-plus-framework

  3. Aux couleurs du drapeau espagnol (créé par accident !)
    fable-spanish-bg-accidental-yellow

  4. Couleurs du drapeau espagnol et nom du cadre (en blanc)
    fable-spanish-plus-framework-accidental

  5. Favicon simple
    fable-spanish-bull-fav

  6. Favicon de couleurs du drapeau espagnol
    fable-spanish-bull-fav-acc

C'est ce que j'ai trouvé en tâtonnant avec Inkscape. Rien de profond et de significatif ; juste un jeu sur le mot 'fable' et un clin d'œil à l'Espagne.

@psb J'aime la cubiste simple ligne/zone ! Les numéros 5 et 8 sont mes préférés. Je me demande si juste "F-bull" pourrait être un bon mélange de 5 et 8 ? (en tout cas c'est du beau boulot !)

@psb j'aime beaucoup la combinaison de F et |>

Je n'aime pas autant la partie taureau, mais c'est un bon jeu de mots.

@Zaid-Ajaj oui, bien sûr

Les fichiers sont ici . Je pourrais faire quelques changements mineurs, mais mes compétences artistiques et artistiques sont probablement au maximum pour que je puisse apporter des améliorations. Les fichiers sont là pour que chacun puisse les utiliser, les améliorer et les professionnaliser, s'il le souhaite.

Bonjour, une autre idée m'est venue à l'esprit ce soir. ??

big logo

idées diverses : |>, JS jaune, fsharp bleu (y a-t-il une couleur officielle ?), tunnel / tour de babel, fsharp est le noyau, de la structure JS visant vers l'infini et au-delà (tm)

Dessiner, c'est tellement bon pour l'esprit après le codage 🌈

@psb j'aime beaucoup le favicon du taureau : simple, chaleureux, clair 👍

Une option de plus de notre côté (avec dragon)
logofablenew-02
logofablenew-01
screen shot 2017-06-01 at 15 41 11
screen shot 2017-06-01 at 15 51 14

J'aime le dragon, mais j'ai pensé lancer une idée différente,
Le japonais pour fable est 寓話 , voici quelque chose que l'on pourrait dessiner dans le sable (je pense que cela signifie "conte") :
Simple:
tale
Édition espagnole :
tale_red

@sergey-tihon J'aime beaucoup ce nouveau design.
Plus simple, et nous pourrions ajouter le logo de la bibliothèque dans le corps du dragon :)

@et1975 J'adore les kanjis et j'aime votre design simple et arrondi. C'est ce que j'aime avec les personnages coréens/japonais. Ils attirent immédiatement l'attention et peuvent être repensés en fonction des besoins.

@sergey-tihon J'aime beaucoup le 3ème design ! (plus simple, pas de contour)

J'aime beaucoup le design cubiste proposé par @psb. Peut-être une variation de 5 avec FABLE complet au lieu de FA-bull_symbol ?

@sergey-tihon Les bleus sont vraiment sympas, avec ou sans contour, peut-être avec un œil et une posture corporelle un peu plus naturelle au milieu, quelque chose comme ça :

  • En regardant vaguement un peu à gauche :
    image
  • Avoir hâte de:
    image
  • Si vous pensez que l'œil sera trop distrayant, optez simplement pour une posture plus naturelle, sans contour :
    image

A mon humble avis voici le meilleur logo pour Fable créé par @sergey-tihon :
image
Simple, plat et moderne. C'est super, j'en suis tombé amoureux !

Toutes sont de bonnes idées, merci beaucoup à tous pour vos propositions ! :Clap clap:

Mais je suis aussi tombée amoureuse du dragon, super boulot @sergey-tihon ! 🔥 🐉 🔥 Peut-être que le dragon peut remplacer le F dans Fable ?

screen shot 2017-06-02 at 10 02 48 am

@alfonsogarciacaro :+1: :shipit: :clap: :dancer: :shipit:

Personnellement, je pense que le dragon est un peu trop grand, s'il était réduit à 50-75% de sa taille actuelle, ce serait parfait.

Eh bien, pour être complet, j'ai fait quelques logos tout texte :

A : petit « e »
fable-compiler-logo-plain-all-text-no-bull-a

B : grand « e »
fable-compiler-logo-plain-all-text-no-bull-b

C : moyen « e »
fable-compiler-logo-plain-all-text-no-bull-c

Icône de favori :
fable-compiler-logo-plain-all-text-no-bull-favicon

Et, en utilisant mon meilleur baratin marketing, ils peuvent être personnalisés pour répondre à tous vos besoins en matière de logo :
fable-compiler-logo-plain-all-text-no-bull-c-conf
fable-compiler-logo-plain-all-text-no-bull-c-elm
fable-compiler-logo-plain-all-text-no-bull-c-react

@psb J'ai aimé les versions colorées ! On dirait une fusion Picasso-Miró ;)

Comment pouvons-nous même décider ici, ils sont tous beaux et impressionnants :heart: :clap: :clap: :clap:

J'ai du mal à lire les logos de @psb
Je ne dis pas qu'ils sont mauvais mais je dois d'abord me concentrer pour lire le mot de la Fable.

A part ça, la version colorée est vraiment cool

@Zaid-Ajaj Comme je l'ai dit : tournoi bikeshedding. :stuck_out_tongue:

Probablement la dernière option de notre côté...

Plus petit dragon qui remplace F dans le mot Fable
screen shot 2017-06-02 at 15 28 30

et voici comment le logo peut être marqué
screen shot 2017-06-02 at 15 33 49
screen shot 2017-06-02 at 15 30 51

Tu as mon vote @sergey-tihon
J'aime beaucoup le logo. C'est propre et les couleurs sont vraiment cool

Je vote aussi pour le logo final de @sergey-tihon. Nous aurons également besoin d'un logo de taille favicon, je pense.

Peut-être que l'icône favorite peut être le "dragon" ?

Oui, c'est ce que je pensais, juste redimensionné en un petit carré/cercle.

Un dragon sur une mise en page transparente serait la meilleure option pour un petit logo pour github/fav, je pense. Beau travail, @sergey-tihon !

Icône de favori pour le site :
favicon_01_Tsx_icon.ico.zip

Version carrée pour l'organisation github/twitter (l'arrière-plan de l'en-tête dans twitter peut être jaune, par exemple) :
github-01
screen shot 2017-06-12 at 21 06 44 copy

Grande option transparente pour les impressions
transparentfable-01

C'est génial :sourire:

@psb Ça te dérange si on utilise ton logo pour FableConf ?

@alfonsogarciacaro Pourquoi pas ceux de @sergey-tihon ? N'était-ce pas celui-ci que nous avons choisi ?

Sergey logo est celui de Fable, oui, le compte Twitter utilise déjà 😄 je pensais que ce serait agréable d'utiliser @psb proposition FableConf , il convient tellement bien avec les couleurs de la France et le style Picasso me rappelle quelque chose de partagé entre l'Espagne et la France :wink:

dbecc9de-4786-11e7-8801-1ec1ffb1107b

Hum ah oui

Salut!
Je voudrais proposer une palette de couleurs un peu plus saturée/punchy 😄

antes_despues

fable_logo_newblue

@alfonsogarciacaro Bien sûr. Tous les fichiers sont ici . Le bleu et le rouge du logo sont les couleurs officielles utilisées dans le drapeau français, mais il est facile de les changer si vous en avez besoin.

Pour être honnête, je préfère le vrai bleu :) Que le punchy.

@MangelMaxime Je pense que les avoir côte à côte rend la version saturée mauvaise. Essayez de couvrir le côté gauche avec votre main, puis le côté droit semble beaucoup mieux.

Belle astuce @Pauan ! La version saturée est en fait meilleure, spécialement pour Twitter, je vais l'utiliser ! Merci @whitetigle !

Juste si besoin voici le logo utilisé pour le repo Github avec uniquement le symbole :)

fable_logo_github

Il existe une version svg découpée et optimisée du logo fable conf ici . Il est plus petit que le png et devrait être plus beau (c'est-à-dire pas flou) dans toutes les tailles.

Merci @psb , j'allais te demander ça ;) Je suis content que tu

De rien. J'espère que la conférence se passe très bien. Malheureusement, je ne peux pas le faire cette année, mais peut-être l'année prochaine.

La version SVG
fablelogo_copy.svg.zip

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

funlambda picture funlambda  ·  4Commentaires

et1975 picture et1975  ·  3Commentaires

MangelMaxime picture MangelMaxime  ·  3Commentaires

jwosty picture jwosty  ·  3Commentaires

stkb picture stkb  ·  3Commentaires