Wie kann ich gestochen scharfe Symbole für Windows Store-Apps erstellen?

Ich bin ziemlich neu darin, Grafiken für eine bestimmte Plattform zu erstellen, aber nicht im Grafikdesign im Allgemeinen.

Ich habe ein Logo, das ich mit Illustrator erstellt habe, und habe es mithilfe der Save to WebFunktion von Illustrator entsprechend skaliert und es dann in Fireworks zu einer Leinwand hinzugefügt.

In Fireworks sieht das Symbol wirklich gestochen scharf aus, selbst wenn ich es in Windows über das integrierte Bildvorschau-Kontextmenü ansehe. Es ist ein quadratisches Logo, das auf 70x70Pixeln sitzt.

Wenn ich es jedoch zu meiner Anwendung hinzufüge und es an das Metro-Startmenü in Windows anhefte, sieht es verschwommen aus.

Was muss ich tun, damit mein Bild unter Windows Metro OS scharf, gestochen scharf und insgesamt korrekt aussieht?

Welche Illustrator-Version hast du? Neuere Versionen haben ein "Pixelraster", das nützlich sein kann, aber ältere Versionen sind auch geeignet.
@KromStern Ich verwende meine Adobe Creative Cloud-Version davon, also die CC-Edition. Eigentlich habe ich eine Problemumgehung gefunden ... also musste ich in Illustrator das Bild in hoher Qualität (300 PPI) in eine PNG-Datei exportieren, anstatt es für das Web zu speichern ... dann habe ich es in Fireworks geladen. In Fireworks habe ich die Schaltfläche „Bildgröße“ verwendet, um das Bild bilinear auf die gewünschte Größe herunterzuskalieren, und es kam wirklich scharf heraus! Knackiger als das Speichern für das Web ... nicht sicher warum. Vielleicht hat es mit der Art und Weise zu tun, wie Windows Store Apps Bilder rendern.
Was ist mit Icon-Fonts? Ist das eine Möglichkeit?

Antworten (2)

Vielleicht könnten Sie die Auflösung des Bildes gleich der Größe der Schaltfläche machen.

Windows XP:

  • Explorer-Ansichten:
    • Details / Liste: 16
    • Symbole: 32
    • Kacheln / Miniaturansichten: 48
  • Rechtsklick->Eigenschaften / neues Symbol wählen: 32
  • Schnellstartbereich: 16
  • Arbeitsplatz: 32

Windows 7:

  • Explorer-Ansichten:
    • Details / Liste / Kleine Symbole: 16
    • Alle anderen Optionen: 256 (Größe angepasst, falls erforderlich)
  • Rechtsklick->Eigenschaften / neues Symbol wählen: 32
  • An Taskleiste angeheftet: 32
    • Rechtsklick-Menü: 16
  • Schreibtisch:
    • Kleine Symbole: 32
    • Mittlere Symbole: 48
    • Große Symbole: 256 (bei Bedarf angepasst)
    • Zoomen mit Strg+Mausrad: 16, 32, 48, 256

Windows Runtime: ( von hier )

  • Hauptkachel: 150x150, 310x150 (breite Version)
  • Kleines Logo: 30x30
  • Abzeichen (für Lockscreen): 24x24, einfarbig
  • Splashscreen: 620x300
  • Laden: 50x50

Quelle: Daniel Rose

Aus dem MSDN-Forum

Geben Sie für das Symbol einer Desktop-App alle Größen an (16 x 16, 32 x 32, 48 x 48 und 256 x 256), und Windows wählt die am besten geeignete Version aus. Wenn die richtige Größe nicht verfügbar ist, versucht Windows, eine größere herunterzuskalieren. Wenn Sie nur kleine Größen einbeziehen und Windows es vergrößern muss, wird es verschwommen.

Siehe auch: https://msdn.microsoft.com/en-us/library/windows/desktop/dn742485.aspx

Wie kann ich gestochen scharfe Symbole für Windows Store-Apps erstellen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v