Neues „professionelles“ Branding als „langweilig“ empfunden

Ich verwalte ein Open-Source-Projekt ( Rubberduck , ein Add-In für den VBA-Editor), und bis zur neuesten Version war dies das Splash-Formular:

v2.1.2 Splash

Seit 2015 drehte sich das Branding mehr oder weniger um wirbelnden VBA-Code und dieses Quietscheentchen-Archivbild mit dem „RUBBERDUCK“-Schriftzug in einer charakteristischen Showcard-Gothic-Schriftart, die ich seit Beginn des Projekts überall verwende und die ich nicht bin mental bereit loszulassen.

Um es kurz zu machen, gestern Abend habe ich Version 2.2 mit einer neuen Splash-Form veröffentlicht, die auf dem Branding von 2018 basiert, einem viel nüchterneren Design, von dem ich hoffte, dass es professioneller rüberkommen würde. Die Standardente wird durch eine "Schattenente" ersetzt, eine leicht unscharfe SVG-Version der Ente:

v2.2.0 Spritzer

Das Design basiert auf dem Community-Anzeigenmaterial von 2018 , das auf Code Review SE eigentlich recht gut läuft, aber da das Projekt auf dieser Seite entstand und ich dort seit 2015 Moderator bin, ist es möglich, dass dies eine verzerrte Wahrnehmung eines anständigen Designs ist.

Ich habe eine kurze Umfrage auf Twitter durchgeführt (es läuft die ganze Woche), und die bisherigen Ergebnisse (okay, bisher nur 7 Stimmen) zeigen, dass die neue Splash-Form als "eher langweilig" (57%) wahrgenommen wird, im Gegensatz zu "professioneller" (43 %) - Ich nehme Twitter-Umfragen keineswegs als wissenschaftliche oder genaue Messung, aber die Tatsache, dass die Hälfte der bisherigen Rückmeldungen den neuen Splash als "eher langweilig" einstuft, macht mir etwas Sorgen.

Ich bin kein Grafiker, aber es ist einer der vielen Hüte, die ich im Rahmen dieses Projekts tragen muss, also suche ich nach Feedback von dieser Community, um hoffentlich herauszufinden, wie das neue Design/Branding verbessert werden könnte, um zu reduzieren die "Dumpfheit" und verstärken die "Professionalität".

Was ich zu vermitteln versuche, ist, dass das Tool auf Profis abzielt und dass es den Code seiner Benutzer durchschaut , mit einem Design, das sich nicht so überladen/verspielt anfühlt wie das Original, dh ein Konzept, das ausgereift ist, aber es nicht tut. Es wirkt nicht "langweilig" oder langweilig (ich hatte gehofft, dass die charakteristische Schriftart Showcard Gothic dabei helfen würde).

Ich brauche Ihre Hilfe, um zu verstehen, wo und wie das neue Design seine Botschaft möglicherweise nicht vermittelt und was ich ändern kann, damit es nicht als "langweilig" wahrgenommen wird. Ich würde auch gerne wissen, ob ich gegen Designprinzipien verstoße, die mir nicht bekannt sind: Vielleicht sehe ich kein eklatantes Kontrastproblem, oder ich verwende eine schlechte Schriftart, die zu klein ist (Gill Sans MT). oder es gibt etwas, das im Layout unausgewogen ist (Platzierung von Schriftzügen vs. Ducky, Positionierung von Statusetiketten usw.) - ein Mitwirkender weist darauf hin, dass die Unschärfe nicht hilft und dass ein schärferes Ducky als weniger amateurhaft rüberkommen würde, ... Ich bin mir sicher, dass all dies von Designprofis objektiv quantifizierbar ist.

Wenn es sich um nützliche Informationen handelt, wird der Begrüßungsbildschirm beim Start etwa 3 Sekunden lang angezeigt, wenn der Visual Basic-Editor seine Add-Ins lädt.

Ein Design könnte „professioneller“ und „eher langweilig“ sein. Ist dafür die vierte Umfrageoption da? (Ich würde dort beide verwenden, auch nicht )
@AndrewLeach Die letzte Option ist, weil mir eingefallen ist, dass ich die Dinge ein wenig neu verdrahten und eine Einstellung haben könnte, die bestimmt, welcher Begrüßungsbildschirm verwendet werden soll, und den Benutzer auswählen lässt, was auch immer =)
Kommentare sind nicht dafür da, Programmiersprachen zu verprügeln; Diese Konversation wurde in den Chat verschoben .
Bezieht sich der Name „Rubber Duck“ auf die „Rubber Duck“-Methode? Wenn ja, sollten Sie uns das erklären? Nicht alle Graphic Design SEs sind auch Programmierer.
@Ideogramm ist es ... na ja, irgendwie ! Das Tool parst VBA-Code und analysiert ihn und hilft seinen Benutzern, häufige Fehler zu vermeiden und allgemeine Codeinkonsistenzen und andere Probleme zu beheben. Beim „Rubber Duck Debugging“ geht es jedoch eher darum, ein Problem detailliert und laut zu beschreiben [vor einer Quietscheente, einem Kollegen oder Ihrem Bildschirm], und oft ergibt sich die Lösung einfach so. Ich bin mir nicht sicher, ob diese Kleinigkeit tatsächlich für das OP relevant ist ;-)
Danke für die klare Erklärung! Ich nahm an, dass dieses "Rubber Duck Debugging" der Grund für den Namen dieses Programms war. In diesem Fall könnte es interessant sein, sich bei der Gestaltung des Startbildschirms auf dieses Konzept zu beziehen. "Rubbente an der Wand, welcher Käfer ist der Schönste von allen?"
Haha, lesen Sie den ersten Satz als "Ich schaffe das ... bis zum letzten Splash-Formular:"
Eine Sache, die Sie beachten sollten, ist das Wort "stumpf" selbst - das neue Bild ist Graustufen, was per absoluter Definition völlig langweilig ist - in Farbe ... Ich habe nicht nach Ihrer Umfrage gesucht, aber wenn das das verwendete Wort ist, könnte es sein wegen der Konnotationen des Wortes gewählt, wobei "langweilig" die genauere Bedeutung von "langweilig" gewesen sein könnte ...
Und erwähnenswert ist, dass der Hintergrund, vor dem dies geladen wird, im Falle einer Anwendung, in der Excel ausgeführt wird, weiß/grau ist, was bedeutet, dass ein leicht verschwommenes weiß/graues Bild noch schwerer zu "verdauen" ist ...
@QHarr hmm, ich habe immer nur die Spritzlast gegen die Hostanwendung (Excel, Sage300 usw.) gesehen, bevor die VBE angezeigt wird.
Ich entschuldige mich, ich meine den Excel-Tabellenhintergrund, der sehr weiß mit grauen Linien ist.
Deine Umfrage macht keinen Sinn, "professionell" und "langweilig" sind in diesem Zusammenhang fast Synonyme. Der vorherige war ziemlich extravagant, du hast erreicht, was du wolltest. Ein Quietscheentchen ist ein Spielzeug, es kann nicht "professionell" gemacht werden, es sei denn, Sie verändern es bis zur Unkenntlichkeit (was Sie getan haben). Ich meine, Sie haben großartige Arbeit geleistet, indem Sie ein Wortspiel mit einem Spielzeug so professionell wie möglich aussehen ließen. "Dumpf" ist hier ein Kompliment, es ist schwer, das Spielzeug eines Kleinkindes ernst aussehen zu lassen!

Antworten (10)

Ich denke, die Wahrnehmung von Dumpfheit wird größtenteils dem Mangel an Farbe im neuen Startbildschirm zugeschrieben. Ich mag Ihren Ansatz der Epuration (ich habe dieses Wort heute gelernt), daher wäre mein Vorschlag, einfach wieder etwas Farbe hinzuzufügen.

Es ist schwierig, ein Logo zu entwerfen, das „Professionalität“ vermittelt, wenn Sie bei Showcard Gothic bleiben wollen, also würde ich persönlich einfach die Verspieltheit der Schriftart annehmen und dem Logo etwas Gelb und Blau hinzufügen. Hier ist mein schneller Schuss darauf:

Rubberduck-Startbildschirm

Ich würde auch den Hintergrund nicht einfach weiß lassen, eine subtile Textur kann viel bewirken. Ich habe mich dafür entschieden, Wirbel als Anspielung auf den ursprünglichen "Wirbelcode" zu integrieren, aber es könnte jede Art von subtiler Textur oder sogar ein weicher Farbverlauf sein.


Ducky-Silhouette mit freundlicher Genehmigung von Anthony über pexels.com

Ich würde die Basis der Ente verlieren, die unter dem Schriftzug erscheint, und sie so belassen, wie es durch die Wellen im Schriftzug angedeutet wird. Außerdem ist der ursprüngliche Umriss der Ente, der den teilweise geöffneten Schnabel bewahrt, weniger vage, was dazu beiträgt, ihn eindeutiger zu identifizieren.
@Stan guter Vorschlag für die Basis der Ente! Was die Erhaltung der Ente betrifft, stimme ich der Verwendung der ursprünglichen Entensilhouette voll und ganz zu. Ich habe gerade die erste CC0 Quietscheente verfolgt, die ich finden konnte :)
Das einzige, was mir beim Betrachten des Originals einfiel, war "braucht mehr Gelb", und das sah gut aus. Vielleicht könnten Sie sogar die Buchstaben ganz blau machen?
Wenn Homestar Runner eine Gummiente hätte – das wäre es.
Ich mag das wirklich – subtile, aber signifikante Verbesserungen.
@can-ned_food Nein, ich denke, diese Antwort ist ziemlich genau das, was ich dachte. Duplikate sind nicht erforderlich.
Liebe die Wasserlinie im Schriftzug. Inspiriert.
@TJCrowder Ja, und der Wasserstand sollte beim Laden steigen, als eine Art Fortschrittsbalken.
Ich stimme dem Vergilben der Ente sehr zu, aber bejaysus , das ist gelb! Vielleicht ist es nur mein beschissener Arbeitsmonitor, aber dafür brauche ich eine Sonnenbrille. Vielleicht würde eine etwas weniger aggressiv schattierte Ente ausreichen.
Vielleicht liegt es an meinem Monitor oder meinem Browser (Chrome), aber ich sehe keine Wirbel im Hintergrund ... oder vielleicht habe ich das falsch verstanden, und Sie deuten das nur an, anstatt es zu demonstrieren? (Es sieht toll aus, und ich stelle es mir mit der vorgeschlagenen Hintergrundtextur noch besser vor.)
Der Community beigetreten, nur um dies zu unterstützen.
Warum nicht ein echtes Quietscheentchen verwenden? Das sieht so aus, als ob die Grafik nicht vollständig geladen wurde oder so. Wie gesagt, der Schriftzug gefällt mir.
@ 1006a Ich denke, Ihr Monitor hat nur einen geringen Kontrast. Sie sind definitiv auf meinem Bildschirm sichtbar, wenn auch schwach (obwohl ich glaube, dass dies beabsichtigt ist)

Ich denke, diese Frage ist ein bisschen weit gefasst. Und Laien oder User zu "befragen" "was hältst du von meinem Logo" halte ich auch immer für eine sehr schlechte Idee. „Design by Committee“ führt oft zu vielen unterschiedlichen Meinungen und keiner klaren Richtung. Ein Team von wenigen ist großartig ... oder eine Zusammenarbeit ... aber eine Umfrage ist im Allgemeinen voll von denen, die niemals glücklich sein werden, unabhängig davon, was Sie ändern / erstellen.

Wie viele Designer braucht man, um ein Logo zu erstellen?
--- 100 ....
1, um es zu schaffen, und dann 99, um zu sagen: "Das hätte ich besser machen können." :)

Insgesamt finde ich es schade, dass du keine so tolle Grafik wie die Quietscheente verwendest. Es ist so ein sofort erkennbares Ding und macht sofort einen offenen, freundlichen, einladenden Eindruck. Ich würde wirklich die Ente mehr spielen.

Ich bin mir nicht sicher, was der Denkprozess war, um es über den Punkt hinaus zu minimieren, einladend zu sein, aber dennoch eine Schriftart beizubehalten, die ... naja ... einfach nicht mein Stil ist. Mein persönlicher Geschmack ist, dass ein Logotyp nicht nur eine eingebaute Schriftart im "Display-Stil" sein sollte. Am Ende sieht es weniger professionell aus. Vor allem, wenn Sie in einer Technologiebranche tätig sind, in der die Wahrscheinlichkeit hoch ist, dass Benutzer diese Schrift woanders sehen und wiedererkennen.

Ich habe zwar nicht viel Zeit damit verbracht, aber ich hatte ein zuvor erstelltes Gummientenbild, also konnte ich nicht anders, als ein bisschen damit zu spielen. Ich denke, wenn Sie sich mehr auf die Ente als auf den Typ konzentrieren, wird jede Splash-Karte oder Grafik von Natur aus einladender und verlockender.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Eine Standardschrift wird meiner Ansicht nach zu mehr "Professionalität" führen.

Auch hier war das Enten-Artwork etwas, das ich vor einer Weile erstellt habe, also hatte ich es herumliegen. Mit der Zeit könnte es besser funktionieren, die Ente mehr anzupassen und sie besser in den Typ zu integrieren ... eine Brille darauf zu setzen ... einen anderen Winkel zu verwenden ... sie irgendwie in den VBE-Code einzubinden. Das war alles nur aus der Spitze meines Kopfes unter Verwendung vorhandener Kunstwerke. Der obige Typ könnte mehr Zeit und Sorgfalt gebrauchen, aber ich denke, er vermittelt die Bedeutung der Ente selbst. (Das Blau, das ich verwendet habe, wurde aus Gründen der Kontinuität aus der Augenfarbe der Ente gezogen. Es könnte also lebendiger gemacht werden.)

Die Konzepte hier sind frei für die Aufnahme. Das eigentliche Kunstwerk ist es nicht .

Während "Design by Committee" vermieden werden soll, erhält ein Designer - egal wie angesehen oder sachkundig - letztendlich kein Vetorecht über die Meinung der Benutzer. Wenn 90 % der Menschen, die ein Design sehen, es als „langweilig“ beschreiben, ist es (für sie) langweilig, selbst wenn der Designer hoch und runter schwört, dass es das nicht ist. Sie können ihnen nicht die Hand halten und erklären: "Siehst du nicht, ich riffle auf René Lalique!". -- Der ganze Sinn des Brandings besteht darin, die Meinungen/Assoziationen der Benutzer zu beeinflussen, und wenn Benutzer eine unerwünschte Assoziation einbringen (z. B. "langweilig"), ist dies ein Problem, selbst wenn der Designer denkt, dass sie dies "nicht tun sollten".
Peer -Input ist immer großartig ... die allgemeine Öffentlichkeit oder Benutzer-Input ist oft ungebildet und schlecht informiert, und jede Präferenz wird in der Regel von persönlichen Erfahrungen bestimmt, weit mehr als von der tatsächlichen Ästhetik eines Stücks.
Das gefällt mir besser als die andere akzeptierte Antwort. Bezahle diese Typengrafik und nenne es erledigt.
@Scott Und doch sind es Benutzer, denen Sie eine Nachricht senden möchten. Wenn sie diese Botschaft nicht erhalten, ist Ihr Design wirkungslos; es spielt keine Rolle, wie schön du es findest. Stellen Sie sich vor, Sie wären Journalist und schreiben ein schönes Gedicht. Ihr Redakteur wird es immer noch nicht veröffentlichen, egal wie schön es ist, weil Ihre Aufgabe darin besteht, Nachrichten zu schreiben. Ebenso besteht die Aufgabe eines Logos darin, eine Botschaft zu vermitteln; wenn nicht , dann scheitert es.
Die Konzepte hier sind frei für die Aufnahme. Das eigentliche Kunstwerk ist es nicht. - Das eigentliche Bildmaterial kann unter der CC BY-SA 3.0- Lizenz kostenlos verwendet werden, was OP erlaubt, es (so wie es ist oder modifiziert) zu verwenden, solange der Autor genannt wird.
@Pipe Sie können meinem Bildmaterial ohne meine Erlaubnis keine Lizenz zuweisen . Es ist NICHT unter der Creative-Commons-Lizenz veröffentlicht. Es ist für mich urheberrechtlich geschützt und alle Rechte sind vorbehalten.
@Scott Es ist, sobald Sie es hier hochladen. Auf diese Weise stellen Sie sicher, dass jeder Beiträge bearbeiten kann, und stellen sicher, dass Sie Stack Exchange-Antworten weiterverteilen können. Dies wird auch explizit ausgedruckt, wenn Sie ein Bild über den eingebauten Editor hinzufügen: "Benutzerbeiträge lizenziert unter cc by-sa 3.0 mit Namensnennung erforderlich" .
Keine Pfeife, die Sie falsch lesen. Imgur erfordert, dass Sie Autoren zuweisen, wenn Sie ein Bild verwenden. Das bedeutet nicht , dass ein hochgeladenes Bild sofort eine CC-Lizenz erhält. SE, wie die meisten Websites. besagt, dass Sie gesetzliche Rechte haben müssen, um ein Bild zu verwenden. NICHT, dass es automatisch eine zusätzliche Lizenz für urheberrechtlich geschütztes Material gewährt. Sie haben die Absicht der SE-Urheberrechtsrichtlinien wirklich falsch interpretiert. Sie sind dazu da, Urheberrechtsinhaber zu schützen , nicht ihre Rechte zu verwässern.
@pipe wir können das hier weiter besprechen: meta.stackexchange.com/questions/309025/…
@Scott: Sie verwenden stack.imgur.comalso die Standard-imgur-Lizenz, die nicht gilt (Sie sind nicht einmal der Image-Hosting-Kunde, Stack Overflow, Inc. ist es). Als Sie sich für ein Konto angemeldet haben, haben Sie bestimmten Lizenzen für alle Inhalte zugestimmt, die Sie an SO übermitteln. Ich hoffe, Sie bekommen das in Ordnung, sowohl in Ihrem Kopf als auch in Bezug auf das Rückgängigmachen einer Lizenzgewährung, die Sie nie beabsichtigt haben.

Ich weiß, mein erster Post ist etwas "kontrovers", aber ich bin nicht der Typ, der einfach sagt "das geht nicht".

Hier ist ein grober Prozess, um zu zeigen, wie viele Entscheidungen getroffen werden müssen.

Das wird ein langer Beitrag.

  1. Um Urheberrechtsprobleme zu vermeiden, benötigen wir ein Originalwerk, daher sind hier die ersten Skizzen meiner Interpretation der Gummiente. Der erste sieht aus wie ein Pudel ... es ist nur, um die Grundgeometrie zu bekommen.

Geben Sie hier die Bildbeschreibung ein

  1. Lassen Sie uns einige Schriftarten untersuchen. Einige "solide" Schriftarten. Das Projekt brauchte eine "niedlichere" Schriftart, also kommen mir die runden in den Sinn.

Geben Sie hier die Bildbeschreibung ein

  1. Erkundung der Kombination Bild-Schriftart. Die Schwarz-Weiß-Version funktioniert nicht. Einige Korrekturen an der Stärke der Schriftart werden angewendet.

Geben Sie hier die Bildbeschreibung ein

  1. Die Ente kann nicht "so" flach sein. Hinzufügen einiger Schatten und einer schwarzen Version mit Highlights.

Geben Sie hier die Bildbeschreibung ein

  1. Scotts Idee eines blauen Hintergrunds stehlen ... Autsch, die Ente schaut über den Rahmen hinaus.

Ich schummele auch, um den Raum zwischen dem Bild und der Ente zu füllen.

Geben Sie hier die Bildbeschreibung ein

  1. Die Ente umdrehen ... (Der Typ wollte etwas Frische ... funktioniert das Wort Quack?)

Geben Sie hier die Bildbeschreibung ein

  1. Zum Teufel mit der Doppellinie, lass uns einfach eine Linie machen...

Geben Sie hier die Bildbeschreibung ein

  1. Die Schatten auf der anderen Seite erkunden ... Nein, es funktioniert nicht ...

Geben Sie hier die Bildbeschreibung ein

  1. Erinnerst du dich an das schwebende k? Lassen Sie uns das noch einmal untersuchen und nicht einige Variationen ausprobieren ...

Geben Sie hier die Bildbeschreibung ein

Ich poste dies, um zu erklären, dass es nicht nur ein Rezept gibt ... Jeder Schritt, den ich hier gepostet habe, erfordert viel Erforschung und Untersuchung. Ich habe einige Copyright-Artikel über die Verwendung der Gummiente gelesen, einige Schriftarten untersucht, eine frei verwendbare Schriftart ausgewählt, Kontrastverhältnis, Stil, Anwendungen usw.

Ja, die Ente kann niedlicher gemacht werden oder einen anderen Stil haben. Es gibt keine Möglichkeit, es allen recht zu machen, aber der Ansatz ist mit etwas Glück etwas solider und weniger "dumpf".

Geben Sie hier die Bildbeschreibung ein


Bearbeitet für eine glücklichere Version und einen optimistischeren Blick in den Himmel ... nun, in den Himmel träumen ...

Geben Sie hier die Bildbeschreibung ein

Sehr schöne Antwort (und viel freundlicher als Ihre frühere :-P), ich mag die schrittweise Entwicklung, die Sie geteilt haben.
Was soll der krumme Buchstabe suggerieren? Eile?
Im Original-Logo schaut die Ente optimistisch in den Himmel, während deine nach vorne schaut... Für mich sieht es aus wie eine traurige Ente. :)
Liebe den Quacksalber.
Glücklichere Ente aktualisiert.
@Rafael - es sieht wirklich glücklicher aus :D

Bitte verzeih mir. Ich meine es nicht böse.

Das Tool richtet sich an Profis

So wie es ist... nein, ist es nicht.

Ich habe diesen Text als Kommentar gepostet, aber er ist wirklich gut, (aber ein bisschen sarkastisch ... ich weiß)

Wenn das Bild wichtig ist ... engagieren Sie einen Designer. Wenn die Programmierung nicht wichtig ist, beauftragen Sie einen Bäcker mit dem Schreiben des Codes.

Ein fertiges Softwareprodukt hat neben einem guten Code viele Gesichter: UX, Usability, Image, Wahrnehmung. Wenn es sich also an professionelle Benutzer richtet, sollten Sie wahrscheinlich einen professionellen Designer beauftragen, um ihm ein professionelles Aussehen zu verleihen.

Es bedeutet nicht, viel Geld zu bezahlen. Es kann auch eine gemeinsame Anstrengung sein. Aber scheuen Sie sich nicht, um eine Zusammenarbeit zu bitten.


Die Stumpfheit, wie JohnB beschreibt, wird sich durch die Verwendung von Farbe verbessern, das könnte eine naheliegende Frage sein, aber es ist auch nur eine Silhouette und ein allgemeiner Text, also braucht es in Wirklichkeit mehr als nur Farbe. Es braucht ein echtes Design: Abstraktion, Stil, Proportionen, Farbschema, typografische Auswahl ...


Nur einige Anmerkungen:

Ich weiß, das klingt unhöflich. Es ist einfach nicht. Ich bin kein Programmierer, daher kann ich die Qualität oder die Werthaltigkeit des Programms, den Nutzen, den Markt nicht beurteilen. Aber da die Frage erledigt wurde, um Kritik auf der Seite des Grafikdesigns des Begrüßungsbildschirms und irgendwie des Brandings zu stellen, liegt es in meiner Verantwortung, dies zu tun.

Wir leben in einer kollaborativen Welt, einer multidisziplinären. Und das ist eine großartige Sache. n_n

Zugegeben, die Benutzeroberfläche muss möglicherweise überarbeitet werden, dies ist OSS - Beiträge sind in allen Bereichen willkommen!
Das heißt ... "Software, die 'fertig' ist, ist wie Rasen, der 'gemäht' wird"
Sollten einige Teile dieser Antwort nicht ein Kommentar zu der Frage sein?
"wenn es auf professionelle Benutzer abzielt ... beauftragen Sie einen Entwickler, um ihm ein professionelles Aussehen zu verleihen." Ich widerspreche respektvoll, dass Rubberduck nicht als "für Profis" angesehen werden kann, weil es nicht so aussieht . Ich habe in meinem Leben unzählige Tools!/Software explizit für Profis verwendet, die sicherlich etwas Input für die Grafik hätten gebrauchen können ... Aber das Tool funktioniert für den Job, also wird es verwendet ... Süßes Wasserzeichen oder nicht.
@BruceWayne In der Tat kann dies ein Unterschied zwischen dem sein, was zwei verschiedene Branchen als "professionell" betrachten. In der Softwareentwicklung gilt: Je "professioneller" ein Tool ist (Nginx, Postgres etc.), desto schlechter sieht es aus (Branding, UI etc.)
@BruceWayne, Wenn ich eine Software habe und zu Stack Overflow gehe, um eine Frage zu stellen, erwarte ich eine Antwort bezüglich des Codes. Wenn ich nach User Experience frage, erwarte ich einen UI-Standpunkt ... Wenn Sie nach Grafikdesign fragen ... Welchen Standpunkt erwarten Sie?
@slebetman Die nginx-Website ist ziemlich professionell. Die Postgres-Website ist jetzt veraltet, aber als sie zum ersten Mal gestartet wurde, konkurrierte sie mit Oracle , Sybase und Informix . Ich glaube nicht, dass Ihre Argumentation stichhaltig ist.
@can-ned_food: Nein. Kommentare dienen der Bitte um Klärung.
„Jemanden dafür bezahlen“ ist keine Antwort.
"Es kann auch eine gemeinsame Anstrengung sein."

Beim Vergleich Ihrer "stumpfen" Version mit dem von Ihnen verlinkten Community-Werbematerial von 2018 denke ich, dass ein Großteil der "Dumpfheit" durch die Verwendung von Unschärfe verursacht wird, die den Eindruck von Dumpfheit erweckt. Ich denke, ein Wahrnehmungspsychologe könnte das tatsächlich erklären. Mal sehen, was Dumpfheit eigentlich ist: Etwas durch Nebel zu sehen würde einen stumpfen Eindruck machen, denke ich.

Beim Vergleich der Bilder hat das aktuelle Logo eine unscharfe Ente, und auch die Schriftart hat viel weniger Kontrast.

Versuchen Sie, der Ente einen Umriss zu geben, wie die Schriftart. Es gibt einen starken Kontrast.

Es macht es auch ähnlich wie die Schriftart, reduziert die Komplexität und verbessert wahrscheinlich die Professionalität erheblich.

Um den professionellen Eindruck zu verstärken, würde es helfen, die Ente im Logo weniger hervorzuheben. Nicht zentriert und nicht überwältigend groß. Es könnte klein und auf der rechten Seite sein, nicht hinter, sondern über dem Produktnamen. Probieren Sie auch eine Schriftart aus, die immer noch "lustig" ist, aber nur halb so lustig wie die aktuelle Schriftart.

Ich finde es langweilig, weil es auf den ersten Blick nicht annähernd etwas zu erkennen gibt. Ihre Hauptbotschaft dieses Logos lautet : „Wir sind genauso wie alles andere, nichts Besonderes, wonach man suchen muss. Wir können uns unsichtbar machen, und wenn Sie unsere Marke kennenlernen möchten, müssen Sie genauer hinschauen . “ Einige halten es für "professionell", andere sehen es als "dieses Element ist deaktiviert". Der alte Spritzer schreit nur „ WOW RUBBER DUCK!!! “, noch bevor man überhaupt Zeit hat, die Buchstaben zu lesen. Und dann folgt " Hey! Es spielt mit etwas Code! ". Es sieht für mich anders aus als die beiden Arten von Verbesserungen, die ich in diesem Absatz verwendet habe. Und quess, was würde jemand lesen, der gerade herumgeht? Italica im ersten Teil oder das Fett darunter?

In der Zeit, als ich mit dem Programmieren anfing, gab es auf PCs (fast) nur eine Textschnittstelle, aber im Menü waren alle Shotcuts zur besseren Lesbarkeit hervorgehoben - zuerst auf invertiertem Schwarzgrund (auf Schwarzweiß-Monitoren), später in Gelb oder Rot auf Blau oder so ähnlich. Und der Startbildschirm bekommt zumindest große ASCII-Kunst des Programmnamens, um stolz zu sagen "das sind wir". Später kam die grafische Oberfläche hinzu und Spritzer waren voller Farben und Symbole waren leicht erkennbar, selbst wenn nur wenige Pixel groß und wenige Farben verfügbar waren. Deaktivierte Elemente im Menü waren dunkelgrau, aber immer noch deutlich sichtbar.

Im Laufe der Zeit kamen größere Auflösungen, mehr Farben auf dem Bildschirm und mehr Rechenleistung hinzu. Aber mit all diesen verfügbaren Farben fielen die Programme langsam auf grau auf grauem Thema, wo selbst hervorgehobene Elemente WENIGER lesbar sind als deaktivierte Elemente vor einigen Jahren. Es sieht alles gleich aus, passt mit der Farbe Ihres Hemdes und Ihrer Socken und was, aber es ist nicht gut lesbar.

Es sieht gut aus auf Anzeigen, wo alle Reflektoren auf ein nettes Model scheinen, das vorgibt, „High-Tech-Profi-Dinge“ zu verwenden, da es das Image der Schauspielerin/des Schauspielers nicht stört, das die Aufmerksamkeit möglicher Käufer auf sich ziehen soll. Viel schlimmer, wenn Sie es tatsächlich verwenden möchten und wenn Sie tatsächlich versuchen, etwas im Menü zu finden.

Vergleichen Sie dieses Grau-in-Grau-Design mit Logos großer Unternehmen in der realen Welt. Jede große Marke ist auf den ersten Blick leicht zu erkennen, sei es McDonald, CocaCola, Linux, Windows, Adidas, Nike, nennen Sie es einfach. Schauen Sie sich die Favicons verschiedener Bereiche hier auf Stackexchange an (sei es im Seitentitel oder in der rechten Spalte "Hot Network Questions" - wieder auf den ersten Blick erkennbar. Sogar Benutzersymbole sind bunt und Sie können Ihre Freunde wahrscheinlich in Sekundenschnelle ohne erkennen Lupe und/oder Lesen des zugehörigen Namens.

Warum also sollte sich Ihr Spritzer nahtlos in den Hintergrund einfügen, ohne eine erkennbare Botschaft zu senden, was es ist und wenn Sie es bereits kennen, oder wenn es nur ein generischer Füller des Raums ist? Meiner Meinung nach macht der Spritzer und das Logo viel in der Firmen-/Produktmarke/Identität/Wiedererkennung. Und es kann stolz sagen „ WIR SIND HIER “ oder es kann nur leise flüstern „ Bitte erwähnen Sie uns nicht, wir sind nichts Wichtiges oder Interessantes “.

Vielleicht bin ich zu alt für diese Zeit, aber ich ziehe Lesbarkeit und Erkennbarkeit jedem "so dezent, dass es schwer zu lesen ist" immer vor (als zweiter Marker nach Benutzerfreundlichkeit und Funktionalität natürlich, aber Sie haben nicht nach dem Programm gefragt, sondern nach dem Logo)

Ich denke, dass die Wahrnehmung der Dumpfheit hauptsächlich auf die gräulichen Farben und auf die Tatsache zurückzuführen ist, dass das Dock sehr dunkel schattiert ist.

Einige Dinge zum Ausprobieren:

  • Wenn Sie das Gesamtbild heller machen und lustige / sommerliche / helle Farben verwenden, sieht es viel "aufregender" aus.

  • Es hilft auch, den Grauanteil im Bild insgesamt zu reduzieren.

  • Schreiben Sie nicht nur schwarze Buchstaben, sondern denken Sie an Grautöne (es mag wie ein Widerspruch zu meiner vorherigen Aussage erscheinen, aber es muss offensichtlich ein Gleichgewicht geben).

Die Kreation von @JohnB erreicht das, was ich beschreibe, sehr gut.

Mathieu, als ein Kollege und Ingenieur, der zu einem Geschäftsinhaber wurde, müssen Sie über einige Dinge nachdenken:

Was Sie für Ihren Markt halten (professionelle Entwickler) und was Sie für Ihr Produkt halten (ein professionelles Werkzeug), ist zunächst nur das, was andere Menschen aufgrund ihrer Wahrnehmung davon halten.

Ich habe mir Ihr Projekt/GitHub angesehen, ich kann bestätigen, dass Ihr Projekt tatsächlich ein professionelles Projekt ist und dass professionelle Entwickler es verwenden möchten, aber ich habe 18 Jahre gebraucht, um Wissen aufzubauen, und 15 Minuten, um Ihre Ressourcen zu durchsuchen.

Sie sind in der Tat ein sehr professioneller Ingenieur (nach oben und Ihrer Online-Präsenz zu urteilen), aber sind Sie auch ein professioneller Designer? ein Markenmanager? Du denkst vielleicht nicht, aber diese Berufe sind auch Dinge, die Menschen ihr Leben lang perfektionieren, schau dir nur den erstaunlichen Rundown von @Rafael an

Als Ingenieur sind wir voreingenommen zu denken, dass wir alles selbst machen können, das ist eine gute Sache, aber Sie müssen loslassen und einige Aufgaben delegieren, wenn Sie Ihr Geschäft/Projekt ausbauen, dies ist eine davon.

Jede einzelne schreckliche Marke/Image für OSS und proprietäre Tools da draußen ist ausnahmslos das Ergebnis des Projektbesitzers, eines Ingenieurs, der denkt, er könnte Gimp an einem Wochenende starten und ein nettes Logo entwickeln, seine Psyche übernimmt und er kann es nicht loszulassen, und dann wundern wir uns, warum Geschäftsinhaber es (unser Tool/OSS) nicht kaufen. Nun, Geschäftsinhaber sind (größtenteils) keine Ingenieure. Alles, was sie brauchen, um Ihre Professionalität zu bewerten, ist Ihr Cashflow, Ihr Logo und Marke, genau zu Dingen, die OSS-Projekte nicht haben.

Mein Vorschlag an Sie: Delegieren Sie!, stellen Sie @JohnB oder @Rafael ein, oder gehen Sie hier: https://99designs.com.au Erstellen Sie einen „Wettbewerb“, legen Sie die 350 Dollar hin, lassen Sie die Branding-Ingenieure ihr Ding machen, Sie werden es tun LIEBEN Sie Ihr neues Logo und konzentrieren Sie sich dann auf die Aufgaben, bei denen Sie Ihre Fähigkeiten effizienter einsetzen können.


Leider, ja, Ihr neues Logo ist langweilig, generisch und nicht einprägsam.

Warum um alles in der Welt würdest du eine Quietscheente grau und nicht gummiartig machen? Eine Gummiente ist ein Spielzeug für Kinder, das ist die Macht des Images, die Leute erwarten bestimmte Dinge, oder sie sind verwirrt und rennen unbewusst von Ihrem Produkt weg.

Das alte Design war eigentlich besser, weil es eine Botschaft vermittelte: Innerhalb von 5 Sekunden konnte man verstehen, dass es ein Werkzeug ist, um das Codieren zu vereinfachen, wenn man mit VBA zu tun hat, die Farbe ist lebendig und jeder liebt einen Smiley, eine gelbe Gummiente, die einen nimmt schwimmen, es sendet ein Bild von "frisch", "verspielt" und "leicht".

Sehen Sie das Problem? Sie haben all die guten Dinge aus Ihrem alten Logo weggenommen, jetzt bleibt Ihnen ein generisches Wort mit einer generischen Schriftart mit einer generischen Silhouette, ohne Bedeutung, Botschaft oder Farbe (was noch schlimmer ist, die Farbe Grau wird mit Depressionen in Verbindung gebracht, es ist die einzige Farbe, die kein Signal an unser Gehirn sendet, deshalb werden die Leute "stumpf" sagen).

Und Sie nähern sich dem Problem als Ingenieur und denken, Sie könnten den Designprozess "objektiv quantifizieren", das können Sie nicht, es ist eine Form der Kunst, es gibt "Methoden", aber keine Designmethode basiert auf Mechanik, es ist wie Musik schreiben (im Gegensatz zum Lesen von Noten aus dem Pentagramm).

Ich entschuldige mich, wenn ich unhöflich rüberkomme, ich versuche objektiv zu sein, Design/Branding/Farbe/Psychologie sind Bereiche, die ich gerne lese/lerne, aber es ist besser, den Experten zu beauftragen, wenn Sie die Arbeit erledigen müssen .

Dir ist klar, dass das Bewerben dieser "Wettbewerbs"-Sites hier ähnlich ist wie das Bewerben aller Rindfleisch-Hotdogs bei einem veganen Treffen, richtig? Wettbewerbe tun nichts anderes, als Designer abzuzocken.
@Scott Sie vermissen den Punkt, der lautet: "Stellen Sie einen Designer ein", die Mechanik, wie, wo, wer usw. irrelevant ist, heißt "Beispiel und Preisreferenz bereitstellen".

Ich denke, Sie können das Logodesign in Graustufen halten und vermeiden, dass es langweilig wird. Das graue Design könnte von mehr Tiefe und stilisierter Behandlung im Entensymbol profitieren. Im Moment ist es zu verblasst und geht hinter der Schrift verloren.

Ich würde auch gerne wissen, ob ich gegen Designprinzipien verstoße, die mir nicht bekannt sind: Vielleicht sehe ich kein eklatantes Kontrastproblem, oder ich verwende eine schlechte Schriftart, die zu klein ist.



In diesem Zusammenhang möchte ich über Regeln der Typografie sprechen.



Eine Linie eines Zeichens, die nach rechts zeigt, möchte dicker sein als eine vertikale Linie.

Denken Sie an den unteren rechten Teil Ihres K.

Dies geschieht – nicht – in Ihrer Schriftart.



Eine horizontale Linie möchte dünner sein als eine vertikale Linie.

Nicht – fertig in Ihrer Schriftart.



Was Ihre Schrift zeigt, ist die Regel über Spitzen von Dreiecken und Kreisen.

Wenn sie nach oben oder unten zeigen, gehen sie höher – niedriger – als die Grundlinie der Schriftart.

Schau dir dein B an.

Der obere Teil geht höher.



Zu den Großbuchstaben sage ich, Großbuchstaben am Anfang eines Wortes erhöhen die Lesbarkeit.

All caps tut das – nicht – unbedingt.

Und geht ein bisschen in die Richtung des Schreiens.