Seit 23 Jahren iterativ poliert, ist dies das “größte Produkt” von Apple.

iPhone 12 Pro Max ist wirklich schwer zu kaufen.

Als das iPhone 12 Pro Max vor einiger Zeit veröffentlicht wurde, beschwerte sich ein Freund bei mir, dass er die Waren über Offline-Stores abholen wollte, um die Maschine so schnell wie möglich zu erhalten. Daher ist es zur Routine geworden, die offizielle Website von Apple von Zeit zu Zeit zu aktualisieren, um den Inventarstatus zu überprüfen.

Es gibt viele Pinsel auf der offiziellen Website, und er fand viele interessante Phänomene. Die Produktdetailseite der offiziellen Apple-Website hat häufig offensichtliche interaktive Effekte beim Gleiten. Beispielsweise werden das iPhone, der Text und die Grafiken auf der Webseite alle mit der gleitenden Interaktion generiert. Vielfalt.

Das Handy, der Text und sogar die Grafiken auf der Webseite scheinen lebendig geworden zu sein, was sehr interessant ist.

Ich habe mein Handy nicht bekommen und es hat großen Spaß gemacht, im Internet zu surfen (Angeln).

Je rutschiger, desto interessanter

Die eben erwähnte Interaktionsmethode für Webseiten wird im Entwurfsbereich tatsächlich als "Parallaxen-Scrollen" bezeichnet. Sie umfasst eine Reihe recht komplexer Webtechnologien, ist jedoch in der Tat der am einfachsten zu erkennende Ort. Wenn die Maus oder der Finger auf und ab gleiten, wird die Webseite verschoben Der Inhalt in ändert sich entsprechend.

Nehmen Sie als Beispiel die Produkteinführungsseite für das iPhone 12 Pro auf der offiziellen Apple-Website. Die Hintergrundfarbe der gesamten Webseite ist schwarz. Wenn die Maus oder der Finger nach unten gleiten, werden das iPhone und der Text langsam nacheinander angezeigt und die Animation ist äußerst flüssig.

Wenn Sie das Material des mittleren Rahmens des iPhone 12 Pro einführen, ähnelt die Webanimation einer künstlichen Beleuchtung, die sich nacheinander von oben nach unten ändert, und der Text wird ebenfalls angezeigt. Das Edelstahlmaterial wird in visueller Form ausgedrückt und ermöglicht dies auch Menschen können die Farbe und den mittleren Rahmen des Mobiltelefons intuitiver beobachten.

Im Fokus dieses iPhone 12 Pro-the-Imaging-Systems werden die Änderungen in Schwarzweiß und Farbe durch visuelles Scrollen bis zum Äußersten angezeigt. Bei Nachtaufnahmen im Hochformat wird beim Kopieren die Kopie ebenfalls nach oben verschoben und die hochauflösenden Nachtaufnahmen werden aufgenommen Der schwarze Hintergrund erschien langsam, als wäre es eine echte Nachtaufnahme.

Natürlich trägt dieses hochwertige Nachtporträt auch zur visuellen Leistung bei.

Auf der AirPods Pro-Produkteinführungsseite wurde die interaktive Animation auf ein neues Niveau gebracht. Tatsächlich gibt es eine besondere Wechselwirkung bei der Produkteinführung. Um die Passform von AirPods Pro hervorzuheben, hat Apple speziell eine Animation einer Person hinzugefügt, die kopfschüttelnd AirPods Pro trägt.

Bei einem so großen Schwung fällt der AirPods Pro immer noch nicht ab. Dies ist eine sehr intuitive Verkörperung der Stabilität des AirPods Pro-Tragens.

Übrigens schließt die Animation die interaktive Aktion direkt ab, wenn Sie nach unten rutschen. Wenn Sie anhalten und auf dem Weg nach oben rutschen, kann die Animation zum vorherigen Zustand zurückkehren. Es scheint, dass es einige "Geistertiere" gibt, und es wird interessant, im Internet zu surfen. Oben.

Auf der AirPods Pro-Einführungsseite finden Sie viele ähnliche Animationen.

Verglichen mit dem herkömmlichen Inhalt der Webseitenanzeige wurden durch die Unterstützung von Parallaxen-Scrolling, interaktiver Animation und entsprechenden Bildern und Texten die Schönheit und Hierarchie der Bilder verbessert und das Seherlebnis erheblich verbessert.

In der Produkteinführung des iPhone 12 Pro wird der entsprechende Inhalt beim Gleiten des Benutzers nacheinander angezeigt. Der Unterschied in der schwarzen Rückseite und der Unterschied in der Textfarbe heben die Informationsebene hervor und lassen Benutzer unbewusst offensichtlicher aussehen Inhalt, um den Zweck der Kontrolle der Benutzeraufmerksamkeit zu erreichen.

Das Wischen nach oben kann auch zum vorherigen Animationsstatus zurückkehren, sodass die Benutzer die Details des Produkts sorgfältig beobachten können. Wie groß der AirPods Pro ist, wie groß die Person ist, die ihn trägt, und was sich auf seinen verschiedenen Seiten befindet, kann sich beispielsweise durch Parallaxen-Scrollen widerspiegeln.

Gleichzeitig kann das Gefühl der Teilnahme an gleitendem Feedback auch das Eintauchen des Benutzers fördern und die Abschlussrate erhöhen, was offensichtliche Vorteile gegenüber kleinen Änderungen in Grafik und Text hat.

Natürlich gibt es in dieser Zeit auch Gründe, warum es im Zeitalter der Fragmentierung immer schwieriger wird, weiterzulesen, insbesondere für Benutzer, abstrakte und komplexe Produktfunktionen und -technologien zu verstehen.

Dies ist auch ein weiterer Vorteil des Parallaxen-Parallaxen-Scrollens und der damit verbundenen interaktiven Animationstechnologie. Genau wie bei interaktiven Animationen, bei denen AirPods Pro kopfschüttelnd getragen wird, können Menschen die äußerst abstrakte Funktion der Tragestabilität leicht verstehen.

Dank der Unterstützung der zahlreichen Technologien, Animationen, hochauflösenden großen Bilder und Texten von Apple können sich Benutzer beim Surfen interessanter fühlen.

Damit Sie besser aussehen, arbeitet Apple hart

Das Parallaxen-Scrollen ist nur ein kleiner Teil der Technologie, die auf der offiziellen Website von Apple verwendet wird. Seit Jobs 1997 als führender Anbieter, der dem Design große Aufmerksamkeit schenkte, zu Apple zurückkehrte, zeigte er zu dieser Zeit natürlich auch Exporte zur Marke des Unternehmens – die offizielle Website war sehr besorgt

Von 1997 bis heute hat die offizielle Website von Apple weltbewegende Veränderungen erfahren, anhand derer wir auch die Änderungen und die Vererbung von Apples Design sehen können und wie es Menschen besser aussehen lässt.

Wenn man die drei Jahre der offiziellen Website von Apple in den Jahren 1997, 1998 und 2001 vergleicht, kann man viele Designänderungen feststellen, vor allem das Layout. Die offizielle Website von Apple im Jahr 1997 ist wie die meisten Webseiten immer noch relativ dicht angeordnet.

Im Jahr 1998, dem zweiten Jahr der Rückkehr von Jobs, begann die Seite, auf die Dichte des Layouts zu achten. Der produktbasierte Designstil mit ergänzten Texten wurde enthüllt, und die Anordnung der beiden Seiten ist größtenteils symmetrisch. , Ordentlich, was auch den Lesegewohnheiten der Menschen entspricht.

Menschen sind visuelle Tiere, und Bilder sind immer attraktiver als Wörter. Insbesondere bei der Anzeige von Produkten der Unterhaltungselektronik konzentrieren sich die Menschen im Allgemeinen zuerst auf Bilder und dann auf Wörter. Die Schönheit der Überschriftenkopie und das hochauflösende Bild des symmetrischen Produkts erleichtern das Lesen.

Bis 2001 ist die Zusammenarbeit zwischen Texten und Produkten immer ausgereifter geworden. Überschriftentexte und Produkte entsprechen nicht nur dem Seitenlayout, sondern die Vorstellungskraft des Texten wird auch größer und für Produkte besser geeignet. Positionierung.

Richtig, zu dieser Zeit erschien auch das bekannte iPod-Produkt Copywriting "Steck tausend Songs in die Tasche".

Bis heute setzt Apple diese Entwurfsregel fort. Auf der iPad Pro-Produktseite entspricht der Abschrägungswinkel des iPad Pro-Displays tatsächlich der Neigung der Stapelanordnung des Copywritings und dem Satz "Ihr nächster Computer, warum sollte das?" "Computer" wird von der Mehrheit der Benutzer noch mehr gelobt, und es werden sogar viele "Stiele" erweitert.

2013 war ein Jahr des Wandels. Mit der Veröffentlichung von iOS 7 wechselte Apple von quasi-materialisiertem Design zu flachem Design. Aufgrund der Vorteile des iPhone und anderer Produkte kam es zu einer Welle von flachem Design. Auch die offizielle Website von Apple ist hier. Veränderung in einer Welle der Veränderung.

Auf der Homepage der offiziellen Apple-Website im Jahr 2013 können wir sehen, dass viele Schaltflächen flach geworden sind. Die Wiedergabetaste ist nur eine abstrakte Darstellung eines Kreises mit einem Dreieck in der Mitte. Jetzt verwenden viele Webseiten immer noch die Bildlaufwiedergabe. Apple 2013 Benutzte es in Jahren.

Möglicherweise sind Sie mit den nachfolgenden Änderungen vertraut. Durch das Hinzufügen von Bildlaufparallaxe und verschiedenen interaktiven Animationen wurde das Seherlebnis der Webseite in einen neuen Blickwinkel gerückt. In diesem Zeitraum können Sie auch die Vererbung des Apple-Designs sehen, und die interaktive Animation wurde auch von Apple verwendet. Auf WeChat.

Um die vergangenen Tweets zu überprüfen, verwenden die meisten von ihnen die entsprechende SVG-Animationstechnologie, um Benutzer Schritt für Schritt zu führen und den Inhalt anzuzeigen. Die starke Kreativität und visuelle Schönheit können die Leser dazu bringen, den Inhalt besser zu lesen und zu verstehen.

Darüber hinaus steht die Anpassung der Größe mehrerer Geräte im Mittelpunkt des Apple-Designs und der technologischen Veränderungen. Wenn Sie darauf achten, werden Sie feststellen, dass viele der Produkteinführungsseiten der MacBook Pro-Version der M1-Chip-Version von einem abgerundeten rechteckigen Rahmen umgeben sind. Gerahmt.

Neben dem abgerundeten Rechteck, das zum einheitlichen Stil von Apple gehört, kann es auch eine Rolle bei der Anpassung an Produkte mit unterschiedlichen Bildschirmgrößen spielen. Öffnen Sie diese Seite auf einem Mac und öffnen Sie sie auf einem iPhone. Obwohl der Hauptinhalt im Wesentlichen derselbe ist, ist ihre Anordnung identisch Es hat sich geändert.

Von 1997 bis 2020 gehörte Apples Erforschung von Webdesign und -technologie zu der weltweit führenden Gruppe, die das tatsächliche Betrachten und interaktive Erleben auf ein neues Niveau brachte.

Warum schätzt Apple Websites so sehr?

Im Vergleich zu den meisten Unternehmen heutzutage hat sogar Microsoft, das ebenfalls zu den am besten gelisteten Unternehmen gehört, nicht so viel Energie für seine offizielle Website aufgewendet wie Apple, und es gibt fast keine Technologie wie Parallaxen-Scrollen auf der offiziellen chinesischen Microsoft-Website, geschweige denn Sprechen Sie über einige gewöhnliche Unternehmen.

Warum investiert Apple so viel in die Einrichtung einer Website?

Der erste ist der Unterschied zwischen der chinesischen und der ausländischen Internetumgebung. Jetzt können Sie feststellen, dass viele App-Interaktionen und Seitendesigns äußerst exquisit sind, PC-Websites jedoch sehr rudimentär. Der Grund ist der Wohlstand des inländischen mobilen Internets.

Im Vergleich zu Unternehmen wie Apple, die schon lange im Geschäft sind und sogar den Aufstieg des Internets miterlebt haben, sind viele inländische Unternehmen wie Meituan und Didi in der Welle des mobilen Internets aufgetaucht. Die meisten ihrer Benutzer stammen aus dem mobilen Internet. Es ist der Smartphone-Benutzer.

Daher werden mobile Anwendungen wie Apps und kleine Programme häufig höher bewertet, und Unternehmen geben mehr personelle und materielle Ressourcen dafür aus.

Die zweite ist die Marke. Die offizielle Website ist ein Online-Portal, über das viele Benutzer Kontakt mit dem Unternehmen aufnehmen und sich mit ihm verbinden können. Der erste Eindruck ist sehr wichtig. Wenn die offizielle Website sehr einfach ist, haben Benutzer möglicherweise keinen guten Eindruck vom Unternehmen oder seinen Produkten.

Ganz zu schweigen von einer Bestellung zum Kauf eines Produkts.

Man kann auch sagen, dass die Website die Fassade eines Technologieunternehmens ist. Ob es sich um das Layout der offiziellen Website von Apple, den Wechsel von Schwarzweißseiten oder sogar die Animationseffekte handelt, es geht darum, eine „hohe Qualität“ zu schaffen, die die Benutzer überzeugt. Dies ist, was das Web tut. Exquisit, das Produkt sollte nicht viel schlechter sein.

Als Technologieunternehmen sind die Produkte, Technologien und Funktionen von Apple relativ fortschrittlich. Es ist nicht einfach, die abstrakten und komplexen für die Öffentlichkeit zu interpretieren, insbesondere in Zeiten der Fragmentierung und der Betonung der sofortigen Befriedigung.

Wenn der Inhalt ästhetisch ansprechend und aufregend ist, schließt der Benutzer die Seite.

Aus diesem Grund können Sie die oben erwähnte Dichte und Ordnung, das gute Texten, das Parallaxen-Scrollen, die interaktive Animation usw. schnell verstehen. Die Demonstration der Rauschunterdrückungsfunktion von AirPods Pro ist der beste Fall, die Rauschunterdrückung Es war ursprünglich eine äußerst abstrakte Funktion, die jedoch durch eine Animation reduzierter Schallwellen sehr gut erklärt wurde.

Schließlich ist die Website für den Umsatz von Apple von Bedeutung. Ob im In- oder Ausland, die offizielle Website von Apple ist einer der wichtigsten Online-Vertriebskanäle, und auch der Nutzerverkehr ist nicht gering. Sie wurde 2019 auf der weltweit beliebtesten Website von Alexa eingestuft . In China belegte Apple den 54. Platz.

Durch extrem flüssige, ästhetisch ansprechende visuelle Animationen ermöglicht Apple den Benutzern nicht nur, das Produkt zu verstehen, sondern konstruiert auch eine sehr feine Linie von Felderfahrungen. Die Menschen genießen das Schöne und sind gleichzeitig traurig, aufgeben zu müssen, und wir hatten es in der iPhone-Linie von Apple 12 Auf der Zubehör-Matching-Seite wird der Effekt "Erschwinglich, kann nicht abgelegt " erwähnt, der im Double Eleven "Routine Festival" erwähnt wird .

Selbst online gibt es ein sehr gutes Produktbetrachtungserlebnis, und die Leute geben eine Bestellung auf, ohne es zu wissen.

Von 1997 bis heute hat Apple in den 23 Jahren nie aufgehört, sich mit Webdesign zu beschäftigen. Erst jetzt verfügt es über exquisite und reibungslose visuelle Inhalte, die Generationen von Menschen angezogen haben. Dies ist möglicherweise das wichtigste Produkt von Apple.

#Willkommen Sie, wenn Sie Aifaners offiziellem WeChat-Konto folgen: Aifaner (WeChat ID: ifanr). Weitere aufregende Inhalte werden Ihnen so schnell wie möglich zur Verfügung gestellt.

Ai Faner | Original Link · Kommentare anzeigen · Sina Weibo