Fable: Logo für Fable und Fable-bezogene Projekte

Erstellt am 28. Mai 2017  ·  70Kommentare  ·  Quelle: fable-compiler/Fable

Wir (zusammen mit meiner Verlobten) haben uns überlegt, wie das Fable-Logo aussehen könnte ... mit Ideen zum Einarbeiten

  • das Konzept, dass Fable = F# |> Babel
  • zeige es in gelber Farbe (js Farbe)
  • machen Sie es anpassbar (wie fsprojects Logo-Vorlage), um eine Vorlage für Projekte wie fable-react und andere bereitzustellen
  • zeigen Sie @alfonsogarciacaro Ihre Wertschätzung mit einem Zeichen, dass das Projekt in Spanien geboren wurde.

Das haben wir bekommen und wir würden gerne die Rückmeldungen hören:
fullsizeoutput_7f7
fullsizeoutput_7f8
fullsizeoutput_7f9
fullsizeoutput_7f6
fullsizeoutput_7fa
fullsizeoutput_7f4
fullsizeoutput_7f5

Hilfreichster Kommentar

Wahrscheinlich die letzte Option von unserer Seite...

Kleinerer Drache, der F im Fabelwort ersetzt
screen shot 2017-06-02 at 15 28 30

und so kann ein Logo gebrandet werden
screen shot 2017-06-02 at 15 33 49
screen shot 2017-06-02 at 15 30 51

Alle 70 Kommentare

Ich stimme voll und ganz zu, dass Fable ein Logo braucht - ich denke, wir sollten mehrere Vorschläge bekommen, damit wir eine große Auswahl an Ideen haben!

Hier ist eine Idee von mir - das ist viel einfacher, also sollte es für Icons funktionieren und nicht nur für die Hauptseite. Es verwendet das HTML5-Shield mit aktuellen Fable.io-Farben. Sie können es auch mit anderen Logos kombinieren, obwohl ich denke, dass es etwas mehr Arbeit erfordert (das Elmish-Logo unten ist nicht super schön, zeigt aber die Idee).

Um einige weitere Optionen hinzuzufügen - ich dachte an etwas Originelles, das nicht auf bestehenden Logos im Javascript-Ökosystem basieren würde. Stattdessen habe ich mit dem Namen "Fable" angefangen, der an alle möglichen Fabelwesen erinnert. Hier also meine grobe Anfangsskizze eines Drachen als Logo. Wenn Sie Feedback haben, lassen Sie es mich bitte wissen und ich werde es richtig zeichnen.

fable

@evelinag Ich weiß, es ist ein Drache, aber ich sehe nur das :)
Jk natürlich, ich hoffe es gefällt den Leuten. (Vielleicht wenn der Drache etwas gerader ist, um wie ein "f" auszusehen?)

@ncave Haha, Logodesigns des 20. Jahrhunderts :)

Ich habe das Problem mit Drachen behoben! +💯 für Drachen!

dragon

@evelinag erinnerte mich eher an Rx Logo zuerst. Aber jetzt kann ich das von @ncave nicht

@tpetricek Es den Schwanz , aber es kommt dorthin.

+1 für ein Logo, das keinen Bezug zu Babel oder HTML hat. Wenn es bereits für Dinge wie React Native und Node verwendet wird, bedeutet dies, dass Fable das Potenzial hat, noch größer zu sein 😄

Gibt es eine Möglichkeit, den Drachen in Form eines F zu machen?

Ich mag das!

Wie wäre es damit, das "A" eher wie ein "#" aussehen zu lassen?

Hier haben Sie eine Zeichnung als Inspiration:

img_4689

All das sind tolle Ideen! Vielen Dank @sergey-tihon für die Einreichung des ursprünglichen Vorschlags. Eigentlich gefällt es mir sehr gut und ich finde es gut, dass das Fable-Logo eine Hommage an Babel ist, genauso wie der Name. (Übrigens wird Babel auch beim Kompilieren für React Native oder Node immer verwendet, da Fable selbst JS-Code nicht direkt ausgibt.)

Vielleicht könnten wir den Vorschlag von @sergey-tihon mit der Drachenidee kombinieren :)
Als würde man das Symbol links durch einen Drachen ersetzen :) (so sind alle glücklich)

Das erste, was ich dachte, als ich mir das Logo von @sergey-tihon ansah, war;

Wow! Fatale Wut!

ff_logo

Also füge Drachen hinzu und Fable wird sie alle besiegen ;)

Als ganz persönliche Randnotiz bin ich jedoch kein Fan von Farben, ich bevorzuge es, wenn es mehr Sättigung gibt, wenn die Farben wärmer sind.

@sergey-tihon Fabeltext und -farben + die Drachen von @evelinag links!

Mit Diamant
fa300x300
mit f-drache
f-dragon

Ich mag den Diamanten, es ist mein Favorit bis jetzt. Ich bin kein Fan davon, den Schriftstil von Babels zu verwenden, da es sich nur um ein Implementierungsdetail handelt. Obwohl sie toll aussehen, sehr schöne Arbeit!

Der schwierige Teil des Compilers ist das Kompilieren der .fs -> .js AST. Wenn man es so stark an Babel bindet, wird es noch schwieriger, es in Zukunft gegen etwas anderes auszutauschen. Ich mag auch die Drachenlogos.

Auch das erste von @tpetricek ist großartig und ich denke, es fängt die Essenz von Fable ein.

Habe mir heute Morgen aus gegebenen Beiträgen und Kommentaren etwas überlegt. Hier also das Startmodell:
mockup

Und hier ist ein Ergebnis:
fable

mit:

  • der schöne Drache von @vilinski , der Fable symbolisiert und aus dem Fsharp-Land in das Javascript-Reich auftaucht (Farbtransformationen)
  • Turm zu Babel
  • Diamant in seinem Kern/Zentrum
  • Wir können dann Symbole für fabelhafte Projekte wie @sergey-tihon hinzufügen, die auf jedem Dach vorgeschlagen werden

Ich habe es schnell gemacht, damit ich das Mockup nach Bedarf verfeinern kann (und natürlich bessere Proportionen machen).

[aktualisieren:]
fable

Ich habe SVG-Dateien für den Diamanten und den Drachen, wenn Sie damit spielen möchten! 😄

Und jetzt beginnt das Bikeshedding-Turnier! :stuck_out_tongue:

@Pauan das sind die Grenzen meines Englisch: Was bedeutet das? 😄

@whitetigle Hier ist eine Definition für "bikeshedding" und hier ist eine andere Definition . Und hier ist etwas über die Geschichte hinter dem Begriff .

Es bedeutet im Grunde, dass die Leute viel Zeit damit verbringen, sich darüber zu streiten, "Welche Farbe sollen wir den Fahrradschuppen streichen?", auch wenn es ein kleines unwichtiges Detail ist.

In diesem Fall bedeutet es, "über das Logo zu streiten, das Fable haben sollte".

Ein Turnier bedeutet, dass viele Leute gegeneinander antreten, um zu entscheiden, wer die stärkste Person ist. Es gibt nur einen Gewinner.

Ein Bikeshedding-Turnier ist also ein Wettbewerb, um die "beste" Farbe für den Schuppen (oder in diesem Fall das "beste" Fable-Logo) zu bestimmen.

Natürlich habe ich kein Problem mit Bikeshedding, mein Kommentar war nur der Humor halber.

@Pauan danke für die Erklärung! Ich fühle mich jetzt schlauer 😄

Erlauben Sie mir, angesichts der vielen Ideen in diesem Thread, den einzigen Designratschlag, den ich kenne (denn das hat mir ein Kollege vor langer Zeit einmal gesagt):

Ein gutes Logo ist eines, das Sie erkennen können, wenn es jemand mit einem Stock in den Sand zeichnet.

Natürlich gibt es dazu gute Gegenbeispiele, aber ich denke, es lohnt sich, auch im modernen digitalen Zeitalter daran zu denken. Dies bedeutet auch, dass das Logo in Schwarzweiß funktioniert und Sie es für das Favicon auf 16x16 Pixel ändern können.

Ich denke, viele Ideen hier haben eine ziemlich ausgeklügelte Geschichte hinter sich, was sicherlich Spaß macht, aber sie wären nicht als Logos im obigen Sinne eines Logos verwendbar. Daran ist nichts auszusetzen - es könnte immer noch eine Illustration für die Fabel-Webseite sein - aber ich denke, wenn wir ein Logo wollen, lohnt es sich, nach Einfachheit zu streben (auch weil Einfachheit bedeutet, dass es ohne sehr gute künstlerische Fähigkeiten möglich ist :- ))

Was ist mit einem -förmigen Drachen, dies hat eine schöne doppelte Bedeutung, da das ƒ die funktionale Natur der Fabel hervorhebt.

Außerdem denke ich, dass Designentscheidungen als Bikeshedding bezeichnet werden, was die Bedeutung der Entscheidung wirklich untergräbt. Bikeshedding wird strikt auf Entscheidungen von geringer Bedeutung verwiesen, während das Logo von entscheidender Bedeutung ist. Es gibt auch nur die Illusion, dass es wenig Geschick braucht, um ein gutes Logo zu erstellen, während es tatsächlich viel Aufwand erfordert, um tatsächlich ein qualitativ hochwertiges Logo zu erstellen. Es kann sogar wertvoll sein, etwas Geld zusammenzulegen, um jemanden für die Erstellung eines professionellen Logos zu bezahlen.

Kleine Erinnerung: Die Verwendung des F# Software Foundation-Logos in Originalfarben im Kontext "was eine direkte Darstellung der F# Software Foundation bedeuten könnte" ist nicht legal.

Das ist der Beitrag der FSSF zu unserem OSS-Ökosystem, wir können nicht einmal ein Logo verwenden :)

Fügen Sie einfach einige Inspirationsquellen hinzu:

Ich mag die Idee eines Drachen wegen dem, was "Fabel" bedeutet. Wenn ich an eine Fabel denke, denke ich normalerweise an Aesops Fabeln ( https://en.wikipedia.org/wiki/Aesop%27s_Fables ), hauptsächlich die Schildkröte und der Hase ( https://en.wikipedia.org/wiki/ Die Schildkröte und der Hase ).

Außerdem +1 für ein Logo, das sogar als Favicon erkennbar ist :)

@sergey-tihon Kann ich eines Ihrer Logos in einem meiner Artikel verwenden? :Lächeln:

Spanisch inspirierter "fa-bull":

  1. Schlicht
    fable-spanish-bg-wab

2.
fable-spanish-bg-baw

  1. fable-spanish-bg

  2. Einfach mit Framework-Name (Framework-Schriftart ist Rajdhani )
    fable-spanish-plus-framework

  3. Mit spanischen Flaggenfarben (versehentlich erstellt!)
    fable-spanish-bg-accidental-yellow

  4. Spanische Flaggenfarben und Rahmenname (in Weiß)
    fable-spanish-plus-framework-accidental

  5. Einfaches Favicon
    fable-spanish-bull-fav

  6. Favicon in den Farben der spanischen Flagge
    fable-spanish-bull-fav-acc

Das habe ich beim Herumfummeln mit Inkscape zusammengetragen. Nichts Tiefgründiges und Sinnvolles; nur ein Wortspiel mit dem Wort „Fabel“ und eine Anspielung auf Spanien.

@psb Ich mag das Farbschema und den einfachen kubistischen Linien- / Flächenstil! Nummer 5 und 8 sind meine Favoriten. Ich frage mich, ob nur "F-Bull" eine gute Mischung aus 5 und 8 sein könnte? (Das ist auf jeden Fall eine sehr schöne Arbeit!)

@psb Ich mag die Kombination von F und |> . sehr

Ich mag den Bullenteil nicht so sehr, aber es ist ein nettes Wortspiel.

@Zaid-Ajaj ja, klar

Die Dateien sind hier . Ich könnte ein paar kleinere Änderungen vornehmen, aber meine Inkscape- und künstlerischen Fähigkeiten reichen wahrscheinlich aus, um Verbesserungen vorzunehmen. Die Dateien stehen jedem zur Verfügung, um ihn zu verwenden, zu verbessern und zu professionalisieren, wenn er dies möchte.

Hallo zusammen, heute Abend ist mir noch eine Idee in den Sinn gekommen. 😆

big logo

sonstige Ideen: |>, JS gelb, fsharp blau (gibt es eine offizielle Farbe?), tunnel / babel tower, fsharp ist der Kern der JS-Struktur, die auf das Unendliche und Jenseits zielt (tm)

Zeichnen fühlt sich nach dem Codieren so gut für den Geist an 🌈

@psb Ich mag das Stier-Favicon sehr: einfach, warm, klar

Eine weitere Option von unserer Seite (mit Drachen)
logofablenew-02
logofablenew-01
screen shot 2017-06-01 at 15 41 11
screen shot 2017-06-01 at 15 51 14

Ich mag den Drachen, aber ich dachte, ich werfe eine andere Idee durch,
Japanisch für Fabel ist 寓話 , hier ist etwas, was man in den Sand zeichnen könnte (ich glaube, es bedeutet "Geschichte"):
Einfach:
tale
Spanische Ausgabe:
tale_red

@sergey-tihon Ich mag dieses neue Design sehr.
Einfacher, und wir könnten das Bibliothekslogo in den Drachenkörper einfügen :)

@et1975 Ich liebe Kanjis und ich mag dein einfaches abgerundetes Design. Das liebe ich an koreanischen / japanischen Schriftzeichen. Sie fallen sofort ins Auge und können je nach Bedarf neu gestaltet werden.

@sergey-tihon Ich mag das 3. Design sehr! (einfacher, keine Gliederung)

Ich mag kubistisches Design von @psb sehr. Vielleicht Variation von 5 mit voller FABLE anstelle von FA-bull_symbol ?

@sergey-tihon Die blauen sind wirklich schön, mit oder ohne Kontur, vielleicht mit einem Auge und etwas natürlicherer Körperhaltung in der Mitte, in etwa so:

  • Vage ein bisschen nach links schauen:
    image
  • Ich freue mich auf:
    image
  • Wenn Sie denken, dass das Auge zu ablenkend ist, dann einfach die natürlichere Haltung, ohne Umrisse:
    image

Meiner bescheidenen Meinung nach ist hier das beste Logo für Fable, das von @sergey-tihon erstellt wurde:
image
Einfach, flach und modern. Es ist großartig, ich habe mich in es verliebt!

Alle sind tolle Ideen, vielen Dank an alle für Ihre Vorschläge! :Klatsch Klatsch:

Aber ich habe mich auch in den Drachen verliebt, tolle Arbeit @sergey-tihon! 🔥 🐉 🔥 Vielleicht kann der Drache das F in Fable ersetzen?

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

@alfonsogarciacaro :+1: :shipit: :klatschen: :Tänzer: :shipit:

Persönlich finde ich den Drache etwas zu groß, wenn er auf 50-75% seiner aktuellen Größe geschrumpft wäre, wäre er perfekt.

Nun, der Vollständigkeit halber habe ich einige All-Text-Logos erstellt:

A: kleines 'e'
fable-compiler-logo-plain-all-text-no-bull-a

B: großes 'e'
fable-compiler-logo-plain-all-text-no-bull-b

C: mittleres 'e'
fable-compiler-logo-plain-all-text-no-bull-c

Favicon:
fable-compiler-logo-plain-all-text-no-bull-favicon

Und mit meinem besten Marketingspiel können sie angepasst werden, um alle Ihre Logo-Anforderungen zu erfüllen:
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 Ich mochte die farbigen Versionen! Sieht aus wie eine Picasso-Miró-Fusion ;)

Wie können wir uns hier überhaupt entscheiden, sie sind alle wunderschön und toll :heart: :clap: :clap: :clap:

Es fällt mir schwer die Logos von @psb zu lesen
Ich sage nicht, dass sie schlecht sind, aber ich muss mich zuerst konzentrieren, um das Fabelwort zu lesen.

Ansonsten ist die farbige Version echt cool

@Zaid-Ajaj Wie gesagt: Bikeshedding-Turnier. :stuck_out_tongue:

Wahrscheinlich die letzte Option von unserer Seite...

Kleinerer Drache, der F im Fabelwort ersetzt
screen shot 2017-06-02 at 15 28 30

und so kann ein Logo gebrandet werden
screen shot 2017-06-02 at 15 33 49
screen shot 2017-06-02 at 15 30 51

Du hast meine Stimme @sergey-tihon
Das Logo gefällt mir sehr gut. Es ist sauber und die Farben sind wirklich cool

Ich stimme auch für das endgültige Logo von @sergey-tihon. Wir brauchen auch ein Logo in Favicon-Größe, denke ich.

Vielleicht kann das Lieblingssymbol der "Drache" sein?

Ja, das habe ich mir gedacht, nur in ein kleines Quadrat/Kreis verkleinert.

Ein Drache auf transparentem Layout wäre die beste Option für ein kleines Logo für github/fav, denke ich. Tolle Arbeit, @sergey-tihon!

Favicon für die Website:
favicon_01_Tsx_icon.ico.zip

Square-Version für Github/Twitter-Organisation (Header-Hintergrund in Twitter kann zum Beispiel gelb sein):
github-01
screen shot 2017-06-12 at 21 06 44 copy

Große transparente Option für Drucke
transparentfable-01

Das ist toll :smile:

@psb Stört es dich, wenn wir dein Logo für FableConf verwenden?

@alfonsogarciacaro Warum nicht die von @sergey-tihon ? Haben wir uns nicht für diesen entschieden?

Sergeys Logo ist das für Fable, ja, der Twitter-Account verwendet es bereits 😄 Ich dachte nur, es wäre schön, @psb- Vorschlag für FableConf zu verwenden , es passt einfach so gut zu den französischen Farben und der Picasso-Stil erinnert mich daran etwas zwischen Spanien und Frankreich geteilt :wink:

dbecc9de-4786-11e7-8801-1ec1ffb1107b

Hm ah ja

Hi!
Ich würde gerne eine etwas gesättigtere / druckvollere Farbpalette vorschlagen 😄

antes_despues

fable_logo_newblue

@alfonsogarciacaro Klar. Alle Dateien sind hier . Blau und Rot im Logo sind die offiziellen Farben der französischen Flagge, die jedoch bei Bedarf leicht geändert werden können.

Um ehrlich zu sein, bevorzuge ich das tatsächliche Blau :) Als das druckvolle.

@MangelMaxime Ich denke, sie nebeneinander zu haben, lässt die gesättigte Version schlecht aussehen. Versuchen Sie, die linke Seite mit der Hand abzudecken, dann sieht die rechte Seite viel besser aus.

Schöner Trick @Pauan! Die gesättigte Version sieht tatsächlich besser aus, speziell für Twitter, ich werde sie verwenden! Danke @whitetigle!

Nur bei Bedarf ist hier das Logo, das für das Github-Repo verwendet wird, nur mit dem Symbol :)

fable_logo_github

Es gibt eine getrimmte und optimierte svg Version des Fabel conf Logo hier . Es ist kleiner als das PNG und sollte bei allen Größen besser (dh nicht verschwommen) aussehen.

Danke @psb , das wollte ich dich gerade fragen ;) Ich freue mich, dass du das Web mit dem Log gesehen hast, es sieht sehr gut aus :clap:

De nada. Ich hoffe, die Konferenz läuft sehr gut. Leider schaffe ich es dieses Jahr nicht, aber vielleicht nächstes Jahr.

Die SVG-Version
fablelogo_copy.svg.zip

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

krauthaufen picture krauthaufen  ·  3Kommentare

forki picture forki  ·  3Kommentare

MangelMaxime picture MangelMaxime  ·  3Kommentare

stkb picture stkb  ·  3Kommentare

et1975 picture et1975  ·  3Kommentare