![\"\"](\"http:\/\/blog.mozilla.org\/press-de\/files\/2018\/08\/firefox-logo-300x310.png\"){kind=logo}
<\/a>Firefox Quantum Browser Icon<\/p><\/div>\n
Der schnelle Fuchs mit flammendem Schwanz bietet als Icon nicht gen\u00fcgend Design-Werkzeuge, um die gesamte Produktfamilie darzustellen. Das Logo einfach neu einzuf\u00e4rben oder den Fuchs auseinanderzunehmen, hat uns auch nicht weitergebracht. Wir mussten also ganz neu anfangen.<\/p>\n
Ein Team aus Produkt- und Markendesignern bei Mozilla hat sich nun eine neue Systematik ausgedacht, die alle Firefox-Produkte integriert und sogar diejenigen mit einbezieht, an denen unser Emerging Technologies Team gerade noch arbeitet. Wir umgehen die traditionellen Silos und entwerfen ein Konzept, das die Menschen nahtlos von unserem Marketing zu unseren Produkterfahrungen leitet.<\/p>\n
Nun teilen wir unsere beiden Ans\u00e4tze eines neuen Designsystems und m\u00f6chten Sie um Feedback bitten.<\/p>\n
Wie es funktioniert.<\/b><\/p>\n Wer sich an den Open-Design-Prozess erinnert, mit dem wir unsere Mozilla-Markenidentit\u00e4t entwickelt haben, dem wird unser Ansatz bekannt vorkommen:<\/p>\n Wie leben nach unseren Open-Source-Grundwerten der Transparenz und Teilhabe und wenden uns daher an unsere Community, um die Einsch\u00e4tzung der Leute kennenzulernen. Verraten Sie uns Ihre Meinung, indem Sie diesen Blog Post kommentieren.<\/b><\/p>\n Eine wichtige Einschr\u00e4nkung: Auch wenn die Produkte und Projekte tats\u00e4chlich existieren, sind diese Designsysteme immer noch Theorie. Es handelt sich nicht um die finalen Icons. Jedes einzelne Icon wird bis zur Markteinf\u00fchrung in mehreren Abstimmungsrunden verfeinert oder kann sich nochmal komplett \u00e4ndern. Unser Fokus liegt an dieser Stelle ausschlie\u00dflich auf dem System.<\/p>\n Wir bewerten unsere Arbeit anhand der folgenden Kriterien:<\/p>\n Alle Details.<\/b><\/p>\n Die Markenarchitektur beider Systeme besteht aus vier Ebenen.<\/p>\n Jedes System wird von einem neuen Firefox-Masterbrand-Icon angef\u00fchrt – ein Dach, das unsere Produktlinien vereint.<\/p>\n Aktuell experimentieren wir noch mit Typografie, grafischen Mustern, Bewegung, Namensgebung, Events, Partnerschaften und anderen Elementen des Systems, die gemeinsam mit der Konsistenz des Produkts das gesamte Markenerlebnis bilden werden.<\/p>\n Verfolgen Sie auf diesem Blog, wie wir unser endg\u00fcltiges System in den n\u00e4chsten Monaten verfeinern. Was wir einf\u00fchren, basiert auf dem Feedback, das wir hier erhalten sowie auf den Erkenntnissen, die wir aus formalen Anwendertests gewinnen und auf unserem Produktwissen und unserer Sensibilit\u00e4t f\u00fcr Design.<\/p>\n Mit Ihrem Input werden wir ein System entwickeln, das Firefox-Produkten einen Wiedererkennungswert in der Welt verschafft, selbst wenn kein Fuchs in Sicht ist. Au\u00dferdem entwickeln wir auf diese Weise ein einheitliches Erlebnis – von der Werbeanzeige bis zum Button auf einer Webseite. Danke, dass Sie uns auf dieser Reise begleiten.<\/p>\n Madhava Enros, Sr. Director, Firefox User Experience<\/p>\n Tim Murray, Creative Director, Mozilla<\/p>\n","protected":false},"excerpt":{"rendered":" Wenn sie \u201cFirefox“ sagen, denken die meisten Leute an den Webbrowser auf ihrem Laptop oder Smartphone – das war\u2019s. Das ist aber noch lange nicht alles und genau deshalb ist … Mehr lesen<\/a><\/p>\n","protected":false},"author":495,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[323,30,5],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2530"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/users\/495"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/comments?post=2530"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2530\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/media?parent=2530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/categories?post=2530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/tags?post=2530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a>\u00a0 <\/a><\/p>\n\n
\n
<\/a>Das Masterbrand-Icon wird in unserem Marketing, bei Veranstaltungen, im Co-Branding mit Partnern und an Orten wie dem Google Play Store, wo unsere Produkte zu finden sind, auftauchen. Und wer wei\u00df – eines Tages wird dieses Symbol vielleicht das sein, woran die Leute denken, wenn sie das Wort „Firefox“ h\u00f6ren.<\/p>\n<\/a><\/a>F\u00fcr unsere Allzweck-Browser haben wir uns \u00fcberlegt, das Desktop-Icon von Firefox Quantum zu aktualisieren. Wir m\u00f6chten das Symbol weiter vereinfachen und modernisieren, was bei den Firefox-Nutzer*innen sehr gut ankommt. Die Firefox Developer Edition und Firefox Nightly werden als Farbvarianten des Quantum-Icons dargestellt.<\/p>\n<\/a><\/a>Browser mit einem speziellen Fokus – wie etwa Firefox Reality f\u00fcr VR-Anwendungen und unser datenschutzorientierter Mobilbrowser Firefox Klar – teilen einen gemeinsamen Designansatz f\u00fcr ihre Icons. Diese sollen sich direkt auf die Masterbrand beziehen und auf gleicher Ebene mit dem Browser-Icon von Firefox Quantum stehen.<\/p>\n<\/a><\/a>Icons f\u00fcr neue Anwendungen und Dienste zeigen die einzigartige Funktion jedes Produkts auf. Durch ihre Farbgestaltung und ihre grafische Bearbeitung wird eine Verbindung zur Masterbrand hergestellt. Dabei ist die Form jedes Icons einzigartig, sodass Nutzer*innen die verschiedenen Optionen, die nebeneinander auf einem Bildschirm zu sehen sind, unterscheiden k\u00f6nnen.<\/p>\n<\/a><\/a><\/p>\n