Problem mit Logo-Design: lässt sich nicht gut verkleinern
Ich brauche einige Ratschläge/Meinungen zum angehängten Logo und was mein Designer hätte tun sollen, um es skalierbar zu machen. Bei hoher Auflösung und über 400 % Zoom in KI sieht es gut aus, aber bei 100 % und weniger wird die Sprechblase verpixelt und verliert an Schärfe. Hier auf der Testseite zum Beispiel sieht es aus wie eine dunkle pixelige Masse ohne Farbdetails hat hier. Da wir es für den Header brauchen, ist es offensichtlich ein Problem, das er nicht zu sehen scheint (oder vorgibt, nicht zu sehen), da er sagt, dass es gut skaliert.
Ich habe das Favicon angehängt, das er auch gemacht hat und das neben dem Twitter-Logo schrecklich aussieht.
Meine Fragen sind: Ist die Farbe und Definition der Sprechblase in der größeren Version etwas, das wahrscheinlich in der Größe erreicht werden könnte, die wir für die Kopfzeile benötigen, ca. 200px?
Irgendwelche Ideen oder Meinungen geschätzt. Vielen Dank im Voraus RMOS PVT LTD
Es gibt zwei große und beständige Prinzipien, die man hier immer im Hinterkopf behalten sollte:
"Skalierbar" ist es nicht wirklich; Und
Es gibt kein „ Logo “.
Das sind, wie ich hoffe, offensichtlich stark vereinfachte Aussagen, aber sie sind dennoch wahr. Designkunden sind sich ihrer nur selten bewusst und müssen oft von ihrer Wahrheit überzeugt werden, da sie sie sehr wahrscheinlich als Vorwand sehen, um mehr Geld zu verlangen. Designer können sich von Leuten unterscheiden, die eine Kopie (legal oder nicht) der Adobe-Suite, Zugang zu YouTube-Tutorials und „ein Auge für so etwas“ haben, weil sie sich dieser Wahrheiten bewusst sind. (Leider kann es auch jemandem signalisieren, der als Druckdesigner die ganze Lernskala durchlaufen hat, aber beim Übergang zum Web/Bildschirm einige wichtige Punkte verpasst hat. Das sollte wohl nur alte Dummköpfe wie mich einschließen, aber die Beweise deuten darauf hin das ist noch nicht ganz so.)
Wir reden vielleicht über Vektorgrafiken und wie wir sie verwenden, weil sie „skalierbar“ sind, aber das lässt sie wie ein Wundermittel klingen. Leider glauben viele Menschen an Wunderheilungen, darunter auch einige der Quacksalber, die sie verkaufen. Das einzige, was wirklich auf diese Weise skaliert, ist ein einfaches monochromatisches Quadrat, und selbst das funktioniert nicht mehr, wenn Sie es so klein machen, dass Bruchteile von Pixeln signifikant werden. Was wir wirklich meinen, ist, dass Vektoren nach oben skalierbar sind , jedoch mit einigen Einschränkungen. (Das Verkleinern endet selten gut, es sei denn, das Design ist riesigim Vergleich zum Koordinatensystem, in dem es enthalten ist.) Die Auflösung des Ausgabegeräts/Mediums spielt eine große Rolle; Es spielt überhaupt keine Rolle, wie gültig die mathematische Beschreibung der Grafik ist, wenn für die Wiedergabe siebzehntausendstel Pixel erforderlich sind, um eine bestimmte Farbe zu haben. In etwas geringerem Maße ist unsere Vision selbst involviert – Dinge können bei einer Größe wohlproportioniert und bei einer anderen einfach falsch aussehen (weshalb „eine“ Schrift eine verwirrend große Anzahl von Varianten in „gleicher“ Stärke haben kann, je nach vorgesehener Größe).
Also bauen wir Dinge in verschiedenen Größen für verschiedene Zwecke. Einige mögen "das Gleiche" sein, aber mit einigen Anpassungen der kleineren Versionen, damit sie in ihrer beabsichtigten Größe richtig angezeigt werden. Das kann bedeuten, Dinge manuell mit dem Pixelraster auszurichten, um „Knackigkeit“ zu erreichen – auf Kosten eines optimalen Abstands der Elemente, sodass eine größere Version der „knackigen“ kleinen Version sehr umständlich aussehen kann – und es kann die Verwendung beinhalten Abweichungen in der Linienstärke und verschiedene Versionen von Schriftarten. Einige können Elemente umher mischen (für vertikal oder horizontal eingeschränkte Räume) oder Elemente eliminieren, damit die Hauptelemente in dem ihnen zugewiesenen Raum richtig "gelesen" werden.
Nehmen Sie etwas ganz Einfaches: den Nike-Swoosh. Es kann auch den Nike-Namen anzeigen, der unter oder rechts vom Swoosh stehen kann oder nicht. Es kann auch das Motto / den Slogan enthalten, das sie zufällig verwenden, oder auch nicht. Das ist wirklich so einfach wie es nur geht, und doch gibt es mehrere Variationen des Themas für verschiedene Anwendungen. Das IBM-Logo ist ebenfalls sehr einfach und benötigt als Wortmarke kein separates Textelement, funktioniert aber nicht mehr, wenn die Streifen zu schmal werden. Es gibt eine Größe, unterhalb derer es einfach nicht mehr verwendet werden kann, und stattdessen wird eine alternative, nicht gestreifte Version verwendet.
Sie werden nicht feststellen, dass sich ein komplexes Design wie Ihres mit vielen winzigen Elementen bei kleinen Größen besser verhält. Sie können keine "Einheitsgröße"-Version dieses Designs haben. Möglicherweise haben Sie eine Reihe von Branding-Elementen, die in verschiedenen Größen und Ausrichtungen funktionieren, aber wenn Sie nicht diesen schmucklosen monochromen quadratischen Look anstreben oder Ihre minimale Logo-Anzeigegröße ziemlich groß ist, muss es sich um eine Reihe handeln. Das sollte Ihr Designer wissen. (Und wenn Ihr Designer einen High-PPI-Bildschirm verwendet, sollte er sich darüber im Klaren sein, dass der Rest der Welt möglicherweise etwas ganz anderes sieht, wenn das Bild skaliert wird.)
Ach so nebenbei: An dem Gerücht, dass ein Favicon eine ICO-Datei sein muss, ist nichts mehr dran. Alles, was favicon.ico
Sie kaufen, ist der Komfort, die Datei nicht von Ihrer Seite verlinken zu müssen (der Browser versucht, sie automatisch aus dem Dokumentenstammverzeichnis der Site abzurufen). Es muss natürlich immer noch die richtige Größe haben und ist daher nicht für die Verwendung auf der Seite geeignet, außer als so etwas wie ein alternatives Aufzählungszeichen.
Alin
Janus Bahs Jacquet
gehen-junta
Jorik
desiredPixels divided by 72
(z. B. 200 Pixel/72 dpi = 2,778 Zoll) und wählen Sie beim Exportieren „Zeichenfläche“ und dann „72 dpi“. Ich würde wahrscheinlich ein neues Dokument in der berechneten Größe erstellen und dann die ursprüngliche AI-Datei zu diesem Zweck "platzieren". Alternativ tun Sie dies Photoshop