Designer, sind Schatten völlig in Ordnung in einer flachen UI

Dieses Mal, vor einem Jahr wusste, dass sehr wenige Menschen die Begriffe "Skeumorphismus" und "flat Design." Wir beschwerten sich über die Art der ledrigen Gestaltung von einigen apps für iOS und OS X, aber in der Regel die UI von Apples mobilen Betriebssystem war in Ordnung. Dann, in nur wenigen Wochen alles verändert – und plötzlich flache Bauweise war der neue Stil alle reden.

Google hat einen tollen Job Pionier dieser neuen Design-Bewegung, aber was ist mit Apple? Apple in Panik, den König der Skeumorphismus Scott Forstall gefeuert und ersetzte ihn durch Jony Ive, eine minimale und flache Design, iOS zu bringen.

Apples iOS 7 Einführung wurde die größte Veränderung seines mobilen Betriebssystems seit dem ersten Erscheinen des iPhone. Vorbei sind die stark gestylte apps, texturierte Hintergründe, reiche Schlagschatten und große Tasten. Das neue iOS 7 zeichnet sich durch bunte leichte Steigungen, keine Schatten, viel Leerraum und das Fehlen von Reich, Presskeramik Tasten. Während ich Apple für ein paar Änderungen (keine weitere Leder-Texturen) begrüßen kann, bekomme ich nicht wirklich viele Design-Entscheidungen von Jony Ive (und seinem Team).

Schatten

Apple hat iOS 7 alle (Tropfen) Schatten komplett zerlegt. Teilweise ist das eine gute Sache, da Apple wirklich Schatten überstrapaziert hat. Das Kalender-Icon ist ein Paradebeispiel für eine Verbesserung über iOS 6.

Zu. Viel. Schatten.

Aber Apple hat beschlossen, alle Schatten aus das gesamte Betriebssystem zu Streifen. Und das ist das Problem. Ich weiß nicht, wie sie mit der Idee kam, die Schatten "flache Benutzeroberflächen untersagt ist". Schatten Hilfe zwischen zwei Objekten und in einigen Fällen zu unterscheiden verstehen, dass man über den anderen. Sie helfen, um die Hierarchie der Elemente für den Benutzer zu kommunizieren. Bei das Kalender-Symbol ist die rote Fahne zum Beispiel deutlich über dem weißen Papier.

Die neue Home-Bildschirm

Schauen wir uns die neue home-Bildschirm. Früher waren Schatten app-Symbole aus dem benutzerdefinierten Hintergrund zu trennen. Dies ist wichtig, die Idee der austauschbar, maßgeschneiderte Hintergründe. Da Benutzer ihre home-Bildschirme auf ein beliebiges Bild, was, die Sie wollen ändern können, ist es die Pflicht des Betriebssystems entsprechend anpassen. Pre-iOS 7, Schatten wurden verwendet, um dieses Ziel zu erreichen. Wenn ein Symbol versehentlich die gleiche Farbe wie der Hintergrund hat, geholfen (Licht) Dropshadows zu unterscheiden. Mal sehen, was passiert in iOS 7, haben Sie einen weißen (oder sehr hell) und schwarz (oder sehr dunkel) Hintergrund.

Versuchen Sie einen weißen (oder schwarzen) Hintergrundbild in iOS7.

Ja, das stimmt. Dank der neuen "kein Schatten"-Politik von Apple, Symbole wie das Kalender-Symbol oder die Uhr zu verschwinden scheinen, Schmelzen in den Hintergrund. Es ist nicht klarer oder sichtbarer Unterschied zwischen dem Symbol und dem Hintergrund. Auf den ersten das wie ein riesiges Problem, da scheint nicht, wer in der Welt einen festen weißen oder schwarzen Hintergrund rechts verwendet? Sicher. Aber ich habe festgestellt, dass dies der Hauptgrund dafür ist die neue home-Bildschirm sieht und fühlt sich so komisch.

Ein Benutzer muss in der Lage, schnell zu finden und konzentrieren sich auf die app er oder sie öffnen will. Die neue home-Bildschirm macht diesen Prozess sehr viel schwieriger, das Fehlen von Schatten und Differenzierung zwischen dem app-Icon und Hintergrund-Bild Dank. Dies betrifft nicht nur Einfarbige Hintergründe, aber auch sehr lebhafte Hintergrund Bilder welche Aktie Farben mit den neuen Symbolen.

Es wäre nicht schwer, dieses Problem zu lösen. In der Tat, löste es Apple vor einigen Jahren mit Schatten (Drop-down-). Fügen Sie einfach eine subtile (graue) Leuchten an den Rändern, und es ist schon viel einfacher für den Anwender, die Schnittstelle zu verstehen.

Viel besser. Und um zu sehen, wie nützlich ein subtile Schatten mit Fotohintergründe ist, werfen wir einen Blick auf das folgende Modell.

Eine kleine Änderung, aber eine große Wirkung. Es ist viel einfacher zu finden und konzentrieren sich auf Symbole in das Mock-up auf der rechten Seite. Ich habe auch die gleichen feinen Schatten zu den app-Namen hinzugefügt, weil sie auch sehr schwierig, in einigen Situationen zu lesen sind.

Karten

Auch in apps wie Apples eigenen Maps app sind Schatten vollständig verschwunden. Der weiße Balken unten steht ganz oben auf der Karten-Layer. Da die Karte selbst sehr helle Farben verwendet, ist es schwierig für unser Gehirn zu unterscheiden zwischen der Karte und die Bedienelemente. Wenn Sie den gleichen Schatten, die, den wir auf dem Homescreen benutzt habe hinzufügen, allerdings wird es viel einfacher, sehen die Zeile, wo die Karten Ende und das Control Panel beginnt.

Ich habe die Adresse/Sucheingabe auch einen Schatten hinzugefügt, da ohne es nicht wie etwas aussieht, mit denen Sie interagieren können. Es sieht nicht wie Sie können klicken Sie darauf und geben Sie Text ein.

Dies waren nur zwei sehr grundlegende Änderungen in wenigen Minuten erledigt und Sie können die Auswirkungen selbst sehen.

Unterm Strich

Ich verstehe wirklich nicht, warum Apple Schatten vollständig aus ihren neuesten UI geschnitten hat. Während Google und andere subtile Schatten verwenden, um ihre Benutzeroberfläche zu verbessern und machen es einfacher für den Anwender zu verstehen, Apple über diese einfache, aber leistungsfähige Technik vergessen zu haben scheint.

Was denkst du? Haben Sie etwas hinzufügen? Senden Sie mir eine Tweet oder einen Kommentar unten.

Dieser Beitrag erschien ursprünglich auf Fabian Pimminger Blog. Fabian ist ein Programmierer mit einer Design-Hintergrund UI und alle digitalen Aktivitäten interessiert. Er hat seinen Sitz in Österreich, und seine Website finden Sie hier.