IOS Icon Shape Secret: Ist es ein Eichhörnchen? Parsing

Lassen Sie uns ein Spiel spielen. Wir haben zwei Reihen von Symbolen, die allen iOS-Benutzern bekannt sind. Auf den ersten Blick sind die Symbole oben und unten gleich. Aber das ist nicht so. In einer Zeile sehen Sie echte Symbole und in der anderen eine Fälschung. Können Sie erkennen, wo welche? Nehmen Sie sich Zeit, schauen Sie genau hin? Nun, hast du gewählt? Die echten Symbole befinden sich oben. Ich denke, viele von Ihnen haben bemerkt, dass etwas mit den unteren Symbolen nicht stimmt. Aus irgendeinem Grund sieht ihre Form schlampig aus, als ob irgendwo ein zusätzliches Pixel abgeschnitten worden wäre. Warum passiert es? Tatsache ist, dass gefälschte Symbole in der Form Quadrate mit abgerundeten Ecken sind, also ein Rechteck, wenn wir von einem grauen Hintergrund sprechen. Aber! Die iOS-Oberfläche hat kein einziges abgerundetes Quadrat. Alle Elemente in iOS sind keine Quadrate und Rechtecke - sie sind Superellipsen!



























Heute werden wir über Geheimnisse in Apple-Produktdesigns sprechen. Was ist eine Superellipse? Was ist die Magie der Symbolform? Und warum HomePod ein super Ei ist.











Apple-Produkte sind oft widersprüchlich und fehlerhaft. Aber ich denke, niemand wird argumentieren, dass Apple in Bezug auf das Design wahrscheinlich das störendste auf dem Markt ist. Und selbst die Form von Symbolen in iOS wird nicht von der Decke genommen, sondern mathematisch berechnet.



Es wird als Superellipse oder Lame-Kurve bezeichnet, nachdem der Mathematiker Gabriel Lame, der im 19. Jahrhundert einen großen Beitrag zur Elastizitätstheorie geleistet hatte, die allgemeine Theorie der krummlinigen Koordinaten entwickelte und Superellipsen erfand. Was ist es?



Dies ist eine geometrische Kurve, die unter Verwendung einer Gleichung wie der folgenden konstruiert wird: Diese Gleichung definiert eine geschlossene Kurve, die durch ein Rechteck begrenzt wird. Gleichzeitig können wir durch Ändern des Werts von n den Konvexitätsgrad jeder Ecke anpassen ( Sie können hier spielen







). Wenn n kleiner als eins ist, erhalten wir konkave Seiten und die Form ähnelt einem Stern. Mit zunehmendem n wird die Form immer konvexer. Für n = 2 wird ein gerader Kreis erhalten. Und mit n gleich 4 oder 5 erhalten wir die Symbolform, die jedem bekannt ist. Diese Form hat sogar einen eigenen Namen - Squirkle. Und nein, Spritzen ist nicht dein Lieblingsabschnitt auf PornHub. Es wird von Quadrat und Kreis abgeleitet. Jene. Auf Russisch ist ein Spritzer ein quadratischer Kreis oder ein quadratischer Kreis. By the way, die Formel beschreibt iOS Symbol sieht wie folgt aus : Das heißt, Ein Symbol in iOS ist weder ein Kreis noch ein Quadrat, aber mathematisch gesehen ist es etwas dazwischen.





























Ring und Super Ei



Historischer Bezug. Der dänische Wissenschaftler Pete Hain hat Superellipsen und Squirkles populär gemacht. In den 60er Jahren entwarf er den Stockholmer Transportring als Superellipse mit den Werten n = 2,5, a / b = 6/5. Die Verbindungsform war ein Hit. Und er fing an, Tische und Geschirr zu machen, aber der Höhepunkt seiner Kreativität war das Super-Ei. Wie Sie sich vorstellen können, handelt es sich um eine dreidimensionale Superellipse in Form eines Eies. 3D-Superellipsen sind übrigens Superellipsoide. Und alle unregelmäßigen Superellipsoide sind Superquadrics.

















Kontinuität der Krümmung



Aber zurück zu den Ikonen! Wie unterscheidet sich ein quadratischer Kreis von einem abgerundeten Quadrat? Und wie missfiel er Apple-Designern? Werfen wir einen Blick darauf!



Wenn wir echte Symbole mit gefälschten vergleichen, werden wir feststellen, dass die Rundung des quadratischen Kreises früher beginnt und der Rundungsgrad allmählich zunimmt. Dies kann am besten mit diesen Krümmungskämmen sichtbar gemacht werden. Es scheint, dass der Unterschied ein paar Pixel beträgt. Durch sanfte Übergänge können Sie jedoch die sogenannte Krümmungskontinuität erreichen. Und dies ergibt einen atemberaubenden Effekt - die Form eines künstlichen Objekts, als ob es aus verschiedenen Formen zusammengesetzt wäre, wird natürlich und vollständig. Aus diesem Grund verwendet Apple Superellipsen nicht nur in der Benutzeroberfläche, sondern auch im Design aller seiner Produkte sehr aktiv.

































Mac Mini, Apple TV, iPhone, iPad, MacBook und natürlich der HomePod sind Superellipsen. Selbst ihr neuer Campus hat keine einzige gerade Wand.



Der reibungslose Fluss der Formen und das Fehlen abrupter Übergänge machen Apple-Produkte nicht nur attraktiv. Zu diesem Thema gibt es einen ausgezeichneten Artikel von Nikolai Gellar, den ich zitieren werde:



Anstatt uns an industrielle Lieferketten, Montagelinien und chemische Labors zu erinnern, erinnern diese milderen Formen an die Schönheit der Natur. Es fühlt sich organisch an und fühlt sich gut an.



Wenn wir beispielsweise HomePod und Yandex.Station von Natur aus vergleichen, wird deutlich, warum die Station weniger attraktiv aussieht, als wäre sie gerade ab Werk freigegeben worden. Und HomePod schien in seinem Garten einen japanischen Meister des Suiseki gefunden zu haben - die Kunst, Steine ​​zu bewundern. Obwohl Yandex.Station selbst ein ausgezeichnetes Gerät ist. Und HomePod ist schön, aber langweilig (kann kein Russisch).













Beispiele von



Aber natürlich kam Apple auch nicht sofort dazu. Beispielsweise wurden Symbole und andere Elemente der Benutzeroberfläche erst ab iOS 7 zu Superellipsen. Die gleiche Geschichte mit der Apple Watch. In Serie 4 wurde nicht nur das Display vergrößert, sondern auch die Form aktualisiert. Ja, Apple Watch aus der vierten Version ist auch eine Superellipse (wie der Bildschirm selbst).

















Andere Unternehmen



Natürlich spielt nicht nur Apple mit Superellipsen. Dieselben Symbole in One UI auf Samsung-Smartphones, viel offensichtlichere quadratische Kreise als bei Apple. Meiner Meinung nach funktioniert das ausgewählte Formular jedoch nicht für Samsung.



Erstens, weil die Symbole zu abgerundet sind, wodurch sie instabil aussehen, als könnten sie jederzeit vom Desktop rollen. Übrigens macht in der physischen Welt die Spalte von Mail.ru den gleichen Fehler, sie ist einfach instabil. Dies ist jedoch nicht das Wichtigste. Das Hauptproblem ist die Samsung-Oberfläche. Ich spreche von einem Mangel an Einheit. Glatte Superellipsen hier neben grob gerundeten. Sowohl innerhalb der Schnittstelle als auch im Design der Geräte selbst.















Die Einheitlichkeit des Ansatzes, vom einfachsten Schnittstellenelement bis zum Design der gesamten Produktlinie, macht Apple-Geräte so attraktiv und reaktionsschnell. Ja, es klingt wahrscheinlich nach Werbung. Aber es ist mir egal, ich möchte nur die akribische Herangehensweise der Jungs aus Cupertino würdigen.



Diese Typen zeigten der Welt, dass nicht nur Autos und Luxusgüter schön sein können, sondern auch gewöhnliche Laptops und Telefone. Daher sieht die gesamte Ausrüstung jetzt so cool aus.



All Articles