Anwendungs-Symbole in OS X Yosemite: eine detaillierte Übersicht

Im vergangenen Monat, Apfel präsentiert neue OS X Yosemite, die hinter bedeutende visuelle Innovationen erhalten haben iOS 7. Kupertinovtsy in Blur-Effekte und Transluzenz hinzugefügt haben wir die Schnittstelle mehr flach, machte die Systemschriftart und Symbole aktualisiert.

Neue Icons im Dock - mein Favorit Update Yosemite. Die ersten, was die Leute wollen das Aussehen diskutieren, aber es gibt viele Vergleiche Symbole Mavericks und Yosemite. Icons sind sauberere, Glanz verloren, aber es wurde heller und behalten haben einige Elemente skeuomorphismus. Ich denke, das Finder-Symbol und die Einstellungen sind schön, Safari-Symbol sieht besser aus als iOS und Rechner-Symbole, Game Center und Facetime schrecklich aussehen.

Ausgezeichnet. Lassen Sie uns weitermachen.

In der Tat, für die neuen Icons liegt etwas mehr als nur eine neue Farbe. Statt sie zu kritisieren, ich werde in der Tiefe die Symbole und konzentrieren sich auf kleine Details analysieren. Es verbrachte viel Zeit in den letzten paar Wochen. Also, was ich gefunden habe?

Dock

Die Form und Größe der Symbole sind das beste visuelle Erlebnis bieten angepasst. Es scheint, dass dies durch die Verwendung des Gitters erreicht worden ist, aber ich werde nach einem Gespräch Zahl das bekommen.

Die Figuren und die Gitter

Apple-Designer die Symbole System Yosemite kopiert. Es gibt drei Grundformen verwendeten Symbole zu erstellen: Kreis, Quadrat und Rechteck geneigt. Offensichtlich weicht von Apple von diesem System an einigen Stellen, aber das ist eindeutig nicht auffällig. Um besser zu verstehen, diese Formen, trat ich sie mit einem Raster von Ikonen aus iOS 7. Ich habe nicht die Stücke verschoben, so dass sie an den richtigen Stellen sind.

Ich bin nicht überrascht, dass der Kreis und das Quadrat deutlich in die Konturen passen. Nun wollen wir mit diesem Symbol auf dem Netz zusammen zu betrachten. Aus Gründen der Klarheit reduzierte ich die Opazität der Symbole.

Outlines iBooks Symbol und Systemeinstellungen nahezu perfekt mit dem Raster ausgerichtet. Ein Griff auf dem TextEdit Symbol zwischen den beiden Gemeinden befindet, kann es, dass nur mit großer Zurückhaltung geltend gemacht werden.

Sie werden feststellen, dass die Einstellungen Symbol eines wenig kleinen Maschenweite. Apple macht Gebrauch zwei Größen für den Platz. und Finder-Einstellungen sind die gleiche Breite, und das Terminal und Überwachung des Systems - andere.

Auf den App Store-Symbol Buchstaben „A“ etwas über die etablierten Grenzen, mit weniger schweren Form als im Buch. Geneigte Rechteck verdient besondere Aufmerksamkeit, da es die häufigste Art von Icons für Programme von Drittanbietern ist.

Wenn Sie starten Sie das Rechteck in der alten Version des Systems gemalt zu drehen, dann haben Sie es noch auf lange Sicht zu verfälschen, um die Form zu entsprechen. In Yosemite falsch genug Tiefe auf die Seiten eines Buches oder Schatten hinzuzufügen. Die Symbole in dem neuen System für den Benutzer einfacher und für den Künstler. Es ist schwer zu beschreiben, aber das Bild oben hilft, den Unterschied zu verdeutlichen. Für solche Symbole besteht keine Notwendigkeit für 3D-Regal.

zu WWDC 2014 es gab viele Spekulation über das Thema der Symbole in Yosemite. Es wurde angenommen, dass alle von ihnen in der Form einer Ellipse oder einen Kreis angezeigt. Glücklicherweise war es nicht so. Ich denke, Apple Designer hat einen tollen Job ein einzelnes Symbol von Stil zu schaffen, Entwickler verlassen ihre eigenen Versionen zu erstellen.

I angepasst IOS 7 grid ein aktualisiertes Netz zu Yosemite zu erstellen:

Hierarchie Figuren

Es ist leicht, durch die Versuche zu mitreißen, wenn der neuen visuellen Stil eingeführt wird. Stop für einen Moment und denken Sie daran, was Ihre Anwendung macht und zu welcher Kategorie. Schließlich kann eine Figur eine Kategorie besser als die anderen darstellen.

Runde

Vielleicht sind die Kreis-Symbole für Anwendungen eingesetzt werden, die Bestandteil der Basissoftware sind, oder für die Unterhaltung gedacht. Sie sind angenehm zu sehen, aber es ist fraglich, ob ein solches Programm wird an Fachleute richten.

Platz

Es scheint, dass in dem Hauptplatz Symbole für Systemprogramme verwendet werden. Der Finder, Terminal, Systemkonfiguration und Systemüberwachung passen das Styling. Einige Symbole können tatsächlich geneigt sein, aber sie verwenden auch eine quadratische Form.

geneigte Rechteck

Diese Symbole sind seit jeher das Markenzeichen von OS X. Geneigte Rechteck wird die am häufigsten verwendete Form aller erwähnt sein. Diese Symbole sind Anwendungen, die helfen, jede Arbeit zu verrichten. Sie haben die größte Flexibilität Optionen in zeichnen, damit sie besser den Zweck des Programms mit seinem einzigartigen Aussehen verstehen.

Lichteffekte und Materialien

Neue Icons Yosemite ist nicht einfach in bestimmten Farben gemalt. Wenn wir sie näher betrachten, wird deutlich, dass wir die Reflexion der Umgebung sehen. Zum Beispiel kann es klar, indem man den Metallgriff zu sehen, oben gezeigt.

Craig Federighi beschrieb das neue Regal Dock durchlässiges Material, wenn Apple den Yosemite eingeführt. Viele dachten, es war eine einfache Unschärfe und Transparenz-Effekte. Allerdings sieht es wirklich, als ob aus dem wirklichen Material erstellt, während ein flacheres Aussehen beibehalten wird. Wir können diese Idee in vielen Ikonen verfolgen. Zum Beispiel haben die Metallkanten der Terminal-Symbole, Systemeinstellungen und Überwachungssystem.

Im Bild unten 3D-Kugeln auf einer ebenen Fläche angeordnet und die Umwelt zu reflektieren, wird dazu beitragen, besser zu verdeutlichen, was ich meine.

Umfang der linken Seite ist nicht aus reflektierendem Material. Sie können jedoch nach wie vor den orangefarbenen Schatten sehen, die die Farben grün, gelb und braun, auf der Kugel reflektiert. Das ist, wie sie einige „flach“ Objekte in Yosemite verhalten.

Der Umfang des Rechts ist aus Chrom, so reflektiert, was wie ein Spiegel herum geschieht. Dies ist vergleichbar mit dem Bild von Metallobjekten in Yosemite. In dem System, erscheinen sie auf Aluminium, auf diesen diffusen aufgrund aufweisen und subtilen Effekt der Reflexion.

Dies sind die feinen Details in Symbolen OS X Yosemite überall verfolgt.

Du bist dran

Abbildung Raster, Beleuchtung und die Details sind wichtig, aber es ist wichtig, sich daran zu erinnern, dass es nur Richtlinien ist. Ein guter Designer weiß, wann eine kleine Pause von dem System zu nehmen. Wenn Sie ein Anfänger in Icondesign sind, empfehle ich Ihnen, sich strikt an die Grundsätze dieser Regeln zu folgen. Achten Sie auf die Gesamtform des Symbols, denken über die Materialien, die zu schildern versuchen.

Die Kombination aller Symbole mit einigen Zahlen macht Sinn. Allerdings sind nicht alle Anwendungen werden oder müssen mit diesem Prinzip entsprechen. Third-Party-Symbole sind sehr leicht zu erkennen, so vergessen Sie nicht über den Neigungswinkel, Beleuchtung und die Gesamtgröße. Jetzt können Sie arbeiten auf eigenes Symbol für OS X Yosemite starten! In kann als Ausgangspunkt verwendet werden, PSD-Dateien mit den Figuren und das Netz geschaffen von mir.

über Martiancraft