Nicht wenige Webanwendungen verwenden inzwischen Graustufen-Symbole (schwarz), z. B. Github, neue Google Analytics usw. Sogar Anwendungen wie Firefox 4, Chrome , IE9, iTunes und Mac OS haben farbenfrohe Symbole entfernt.
Was ist der Grund für die Umstellung von farbigen Symbolen auf Graustufen- / Monochrom-Symbole?
Beispiele:
- Google Analytics-Einstellungssymbol
- Github (Sehen Sie sich die Symbolschaltflächen oben rechts an.)
- iTunes 10 hat zu monochromen Symbolen
gewechselt
Update: Apple hat es anscheinend erstmals in Aqua unter Entwerfen von Symbolen für Steuerelemente in der rechteckigen Symbolleiste eingeführt:
Symbole, die in rechteckigen Symbolleistensteuerelementen gut aussehen, sind optimierte, schwarze Bilder, die durch Umrisse und Konturen Bedeutung vermitteln, nicht durch interne Details. Verwenden Sie die vom System bereitgestellten Vorlagenbilder als Richtlinie, da Ihre Symbole das Erscheinungsbild der vorhandenen Mac OS X-Bilder in rechteckigen Symbolleistensteuerelementen wiedergeben sollen. Beachten Sie beim Entwerfen eines Symbols für ein Steuerelement im rechteckigen Stil die folgenden Punkte:
- Machen Sie den Umriss scharf und klar.
- Verwenden Sie eine direkte Perspektive
- Verwenden Sie Vollschwarz und einige Graustufen, um Dimensionalität zu suggerieren.
- Verwenden Sie Anti-Aliasing
- Stellen Sie sicher, dass das Bild im Steuerelement visuell zentriert ist (beachten Sie dies visuell zentriert ist möglicherweise nicht dasselbe wie mathematisch zentriert.)
Symbole für Steuerelemente in rechteckiger Symbolleiste mit normaler Größe sollten nicht mehr als 19 x 19 Pixel messen.
Kommentare
- Können Sie ein Bild von dem liefern, worüber Sie sprechen? Ich habe mir gerade Google Analytics angesehen und ' sehe so etwas wie das, was Sie sagen.
- Entschuldigen Sie das. Der Beitrag wurde mit zwei Links aktualisiert! Hier noch ein paar mehr: Firefox 4 mozilla.com/en-US/firefox/features Chrome (siehe hinten / vorwärts / home / Favoriten) google.com/chrome Itunes apple.com/itunes/what-is/player.html
- Gute Frage und danke für das Update. +1 und ein weiteres +1 Sie schneiden das Update aus und fügen es in eine neue Antwort ein. 🙂
Antwort
Ich glaube, dieser Trend ging mit der Idee der Trennung von Inhalt und Präsentation einher. Symbole sind Teil des Chroms / der Benutzeroberfläche und sollten nicht zu auffällig sein, um nicht mit dem Inhalt selbst zu konkurrieren.
Ein weiterer Grund kann sein, dass es einfacher ist, die Aufmerksamkeit auf ein Element zu lenken, wenn es das ist Nur eines mit einem farbenfrohen Symbol und alles andere ist Graustufen. Zum Beispiel ein grünes Anmelde-Vorhängeschlosssymbol in Kombination mit Graustufen-Menüsymbolen. Das Erstellen eines Popups in einer Gruppe farbenfroher Elemente erfordert viel mehr Geschick und Zeit Denken Sie an viel mehr als nur an Farbe (die nicht mehr die Hauptrolle spielt, um die Aufmerksamkeit des Benutzers auf sich zu ziehen).
Kommentare
- Genau das, was ich wollte sagen. Google Chrome ist insofern ein perfektes Beispiel, als es entwickelt wurde, um aus dem Weg zu gehen. Die obere Leiste, Schaltflächen und Symbole sind alle monochrom und gut komprimiert. Die Chrome-Benutzeroberfläche ' stiehlt der Webseite, die Sie ' anzeigen möchten, nicht zu viel Aufmerksamkeit. Und ich ' habe festgestellt, dass Microsoft eine ähnliche Philosophie wie IE9 hat.
- Der Teil, der mich wütend macht (angesichts von Microsoft ' s neueste Ankündigung blogs.msdn.com/b/visualstudio/archive/2012/02/23/… ) ist, dass dies nur für bestimmte Arten von Benutzeroberflächen funktioniert, insbesondere für solche, die ' nicht über hundert Schaltflächen, Baumansichten und Bedienfelder auf der gesamten Benutzeroberfläche verfügen. Wann werden UI-Designer erkennen, dass dies nur eine sehr spezifische Designmetapher ist und keine coole Modeerscheinung? Farbige Symbole funktionieren, wenn viele Symbole zu sehen sind.
Antwort
- Sie sehen oft gut aus Unabhängig vom Layout können Sie sie beibehalten, wenn sich das Layout ändert.
- Sie können Symbole aus verschiedenen Quellen kombinieren (The Noun Project, Symbolschriftarten, vorhandene Symbole, die auf Plattformen wie dem iPhone usw. verwendet werden). , da sie meistens ähnlich aussehen.
- Es ist einfach, eigene zu machen.
Persönlich denke ich, dass es im Allgemeinen ein schlechter Trend ist. Unser Gehirn verarbeitet Farben vorsichtshalber (bevor wir sie überhaupt bewusst sehen); Wir sind wirklich gut in Aufgaben wie „Finden des roten Symbols in einer Liste farbiger Symbole“. Wir sind nicht so gut in Aufgaben wie „Finden des Symbols, das wie ein kleiner Lastwagen in einer Liste schwarzer Symbole aussieht“. Wenn alle Symbole dieselbe Farbe haben, ist die Verwendung Ihres Produkts schwieriger.
Es gibt natürlich Ausnahmen.