Pulido iterativamente durante 23 años, este es el “producto más importante” de Apple
El iPhone 12 Pro Max es realmente difícil de comprar.
Cuando se lanzó el iPhone 12 Pro Max hace algún tiempo, un amigo se quejó conmigo de que para obtener la máquina lo antes posible, quería recoger los productos en tiendas fuera de línea, por lo que actualizar el sitio web oficial de Apple de vez en cuando para verificar el estado del inventario se ha convertido en una rutina.
Hay muchos pinceles en el sitio web oficial, y encontró muchos fenómenos interesantes. La página de detalles del producto del sitio web oficial de Apple a menudo tiene efectos interactivos obvios cuando se desliza. Por ejemplo, el iPhone, el texto y los gráficos en la página web se generarán con la interacción deslizante. Variedad.
▲ Preste atención a la barra de desplazamiento al costado de la página
El teléfono móvil, el texto e incluso los gráficos de la página web parecen haber cobrado vida, lo cual es muy interesante.
No conseguí mi teléfono móvil y fue muy divertido navegar por la web (pesca).
El resbaladizo, el más interesante
El método de interacción de la página web que acabamos de mencionar se denomina "desplazamiento de paralaje" en el campo del diseño. Se trata de un conjunto de tecnología web bastante compleja, pero de hecho es el lugar más fácil de percibir para las personas. A medida que el mouse o el dedo se deslizan hacia arriba y hacia abajo, la página web El contenido de cambiará en consecuencia.
Tomemos como ejemplo la página de introducción del producto iPhone 12 Pro en el sitio web oficial de Apple. El color de fondo de toda la página web es negro. A medida que el mouse o el dedo se desliza hacia abajo, el iPhone y el texto aparecerán lentamente en secuencia, y la animación es extremadamente fluida.
Al introducir el material del marco medio del iPhone 12 Pro, la animación web es como iluminación artificial, cambiando de arriba hacia abajo a su vez, y el texto también aparece. El material de acero inoxidable se expresa de forma visual, y también permite Las personas pueden observar de forma más intuitiva el color y el marco medio del teléfono móvil.
Y en el foco de este iPhone 12 Pro, el sistema de imágenes, los cambios en blanco y negro y en color se muestran al extremo mediante el desplazamiento visual. En las tomas nocturnas de retrato, con la operación de deslizamiento, la copia también se deslizará hacia arriba y las imágenes nocturnas de alta definición El fondo negro apareció lentamente, como si fuera una verdadera toma nocturna.
Por supuesto, esta imagen de retrato nocturno de alta calidad también agrega muchos puntos al rendimiento visual.
En la página de introducción del producto AirPods Pro, la animación interactiva se ha llevado a un nuevo nivel. De hecho, existe una interacción especial en la introducción de su producto. Para enfatizar el ajuste de AirPods Pro, Apple agregó especialmente una animación de una persona que usa AirPods Pro sacudiendo la cabeza.
Con un swing tan grande, AirPods Pro aún no se caerá, que es una encarnación muy intuitiva de la estabilidad del uso de AirPods Pro.
Por cierto, la animación completará directamente la acción interactiva cuando se deslice hacia abajo, y si se detiene y se desliza hacia arriba en el camino, la animación puede volver al estado anterior, parece que hay algunos "animales fantasmas", y se vuelve interesante navegar por la web. Arriba.
▲ Desliza hacia arriba y hacia abajo rápidamente, la escena se convierte en "fantasma"
Hay muchas animaciones similares en la página de introducción de AirPods Pro.
En comparación con el contenido de visualización de la página web tradicional, con el soporte de desplazamiento de paralaje, animación interactiva y las imágenes y redacción de textos correspondientes, la belleza y la jerarquía de las imágenes se han mejorado y la experiencia de visualización se ha mejorado enormemente.
En la introducción del producto iPhone 12 Pro, a medida que el usuario se desliza, el contenido correspondiente aparecerá en secuencia. La diferencia en el reverso negro y la diferencia en el color del texto resaltan el nivel de información y hacen que los usuarios se vean más obvios inconscientemente Contenido para lograr el propósito de controlar la atención del usuario.
▲ Texto en diferentes colores y tamaños de fuente
Y deslizar hacia arriba también puede volver al estado de animación anterior, lo que permite que las personas observen cuidadosamente los detalles del producto. Por ejemplo, qué tan grande es el AirPods Pro, el tamaño real de una persona que lo usa y lo que está en sus diferentes lados pueden reflejarse en el desplazamiento de paralaje.
Al mismo tiempo, la sensación de participación de la retroalimentación deslizante también puede promover la inmersión del usuario y aumentar la tasa de finalización, lo que tiene ventajas obvias en comparación con los pequeños cambios en los gráficos y el texto.
Por supuesto, durante este período, también hay razones por las que es cada vez más difícil seguir leyendo en la era de la fragmentación, especialmente para que los usuarios comprendan las funciones y tecnologías abstractas y complejas de los productos.
Esta es también otra ventaja del desplazamiento de paralaje de paralaje y la tecnología de animación interactiva relacionada.Al igual que en el caso de la animación interactiva de personas que usan AirPods Pro sacudiendo la cabeza, las personas pueden comprender fácilmente la función extremadamente abstracta de la estabilidad de uso.
Con el apoyo de muchas tecnologías de Apple, animaciones, imágenes grandes de alta definición y redacción de textos publicitarios, los usuarios pueden sentirse más interesantes mientras navegan.
Para hacerte lucir mejor, Apple trabaja duro
El desplazamiento de Parallax es solo una pequeña parte de la tecnología utilizada por el sitio web oficial de Apple. Desde que Jobs regresó a Apple en 1997, como líder que prestó gran atención al diseño, naturalmente también mostraría exportaciones a la marca de la compañía en ese momento; el sitio web oficial estaba muy preocupado por
Desde 1997 hasta el presente, el sitio web oficial de Apple ha experimentado cambios trascendentales, desde los cuales también podemos ver los cambios y la herencia del diseño de Apple, y cómo hace que las personas se vean mejor.
Comparando los tres años del sitio web oficial de Apple en 1997, 1998 y 2001, podemos encontrar muchos cambios de diseño, en primer lugar, el diseño. El sitio web oficial de Apple en 1997 todavía está relativamente densamente organizado como la mayoría de las páginas web.
En 1998, el segundo año del regreso de Jobs, la página comenzó a prestar atención a la densidad del diseño. Se reveló el estilo de diseño basado en productos con redacción complementaria, y la disposición de los dos lados es en su mayoría simétrica. , Ordenado, que también está en consonancia con los hábitos de lectura de las personas.
Las personas son animales visuales y las imágenes siempre son más atractivas que las palabras. Especialmente cuando se exhiben productos electrónicos de consumo, las personas generalmente se enfocan primero en las imágenes y luego en las palabras. La belleza de la copia del título y la imagen de alta definición del producto simétrico hacen que sea más cómodo de leer.
En 2001, la cooperación entre redacción publicitaria y productos se ha vuelto cada vez más madura. El texto de los titulares y los productos no solo se corresponden con el diseño de la página, sino que la imaginación de la redacción publicitaria también se hace más grande y más adecuada para los productos. Posicionamiento.
Así es, en esta época también apareció el conocido producto de redacción de productos iPod "Pon mil canciones en tu bolsillo".
Incluso hoy, Apple sigue aplicando esta regla de diseño. En la página del producto iPad Pro, el ángulo de bisel de la pantalla del iPad Pro coincide con la inclinación de la disposición de apilamiento de la copia y la frase "Tu próxima computadora, ¿por qué debería ser La "computadora" es aún más elogiada por la mayoría de los usuarios, e incluso hay muchos "tallos" extendidos.
▲ El copywriting y el iPad Pro son relativamente simétricos
2013 fue un año de cambios. Con el lanzamiento de iOS 7, Apple pasó de un diseño casi materializado a un diseño plano. Confiando en las ventajas del iPhone y otros productos, trajo una ola de diseño plano. El sitio web oficial de Apple también está aquí. Cambio en una ola de cambio.
En la página de inicio del sitio web oficial de Apple en 2013, podemos ver que muchos botones se han vuelto planos. El botón de reproducción es solo una representación abstracta de un círculo con un triángulo en el medio. Ahora muchas páginas web todavía usan la reproducción con desplazamiento. Apple 2013 Lo usé en años.
Es posible que esté familiarizado con los cambios posteriores. La adición del paralaje de desplazamiento y varias animaciones interactivas ha llevado la experiencia de visualización de la página web a un nuevo ángulo. Durante este período, también puede ver la herencia del diseño de Apple, y Apple también ha utilizado la animación interactiva. En WeChat.
Para comprobar sus tweets anteriores, la mayoría de ellos utilizan la tecnología de animación SVG correspondiente para guiar a los usuarios paso a paso y mostrar el contenido. La fuerte creatividad y la belleza visual pueden atraer a los lectores a leer y comprender mejor el contenido.
Además, la adaptación del tamaño de varios dispositivos también es un foco de los cambios tecnológicos y de diseño de Apple. Si prestas atención, encontrarás que muchas de las páginas de introducción del producto MacBook Pro con la versión con chip M1 están rodeadas por un marco rectangular redondeado. Enmarcado.
Además del rectángulo redondeado que pertenece al estilo consistente de Apple, también puede desempeñar un papel en la adaptación a productos con diferentes tamaños de pantalla. Abra esta página en una Mac y ábrala en un iPhone. Aunque el contenido principal es básicamente el mismo, su disposición Ha cambiado.
▲ La izquierda es la página web del escritorio de la computadora, la derecha es la página web del teléfono móvil
De 1997 a 2020, la exploración de Apple del diseño y la tecnología web ha estado entre el grupo líder en el mundo, impulsando la visualización real y la experiencia interactiva a nuevas alturas.
¿Por qué Apple valora tanto los sitios web?
En comparación con la mayoría de las empresas de hoy en día, incluso Microsoft, que también es una de las principales empresas que cotizan en bolsa, no ha gastado tanta energía en su sitio web oficial como Apple, y casi no existe tecnología como el desplazamiento de paralaje en el sitio web oficial chino de Microsoft, y mucho menos. Habla de algunas empresas ordinarias.
Entonces, ¿por qué Apple dedica tanto esfuerzo a configurar un sitio web?
La primera es la diferencia entre los entornos de Internet chinos y extranjeros. Ahora puede encontrar que muchas interacciones de aplicaciones y diseños de páginas son extremadamente exquisitos, pero los sitios web de PC son muy rudimentarios. La razón es la prosperidad de Internet móvil nacional.
En comparación con empresas como Apple que han estado en el negocio durante mucho tiempo e incluso han sido testigos del auge de Internet, muchas empresas nacionales han surgido en la ola de Internet móvil, como Meituan y Didi. La mayoría de sus usuarios son de Internet móvil. Es el usuario del teléfono inteligente.
Por lo tanto, las aplicaciones móviles como las aplicaciones y los pequeños programas suelen ser más valoradas y las empresas gastan más recursos humanos y materiales en ellas.
La segunda es la marca. El sitio web oficial es un portal en línea para que muchos usuarios contacten y se conecten con la empresa. La primera impresión es muy importante. Si el sitio web oficial es muy simple, es posible que los usuarios no tengan una buena impresión de la empresa o incluso de sus productos.
Y mucho menos hacer un pedido para comprar un producto.
También se puede decir que el sitio web es la fachada de una empresa de tecnología. Ya sea el diseño del sitio web oficial de Apple, la alternancia de páginas en blanco y negro e incluso efectos de animación, se trata de crear una "alta calidad" que convenza a los usuarios. Esto es lo que hace la Web. Exquisito, el producto no debería ser mucho peor.
Como empresa de tecnología, los productos, tecnologías y funciones de Apple son relativamente avanzados, por lo que no es fácil interpretar al público los abstractos y complejos, especialmente en esta era de fragmentación y énfasis en la gratificación instantánea.
Si el contenido es estéticamente agradable y emocionante, el usuario cerrará la página.
Esta es la razón por la que la densidad y el orden, la buena redacción, el desplazamiento de paralaje, la animación interactiva, etc., mencionados anteriormente, son todos para que los comprenda rápidamente. La demostración de la función de reducción de ruido de AirPods Pro es el mejor de los casos, reducción de ruido Originalmente era una función extremadamente abstracta, pero se explicó muy bien a través de una animación de ondas sonoras reducidas.
Por último, el sitio web es importante para las ventas de Apple. Ya sea en casa o en el extranjero, el sitio web oficial de Apple es uno de sus canales de venta en línea más importantes, y su tráfico de usuarios tampoco es pequeño. Se ubicó en el sitio web de Alexa más popular a nivel mundial en 2019. En China, Apple ocupó el puesto 54.
Gracias a una animación visual extremadamente suave y estéticamente agradable, Apple no solo permite a los usuarios comprender el producto, sino que también construye una línea muy fina de experiencia de campo, la gente disfruta de lo bello al mismo tiempo que triste para rendirse, y lo teníamos en la línea " en el iPhone de Apple 12 La página de coincidencia de accesorios hace que el efecto "Asequible, no se puede dejar" mencionado en el "Festival de rutina" de Double Eleven, hace que el rostro pase .
Incluso en línea, existe una muy buena experiencia de visualización de productos y la gente realiza un pedido sin saberlo.
Desde 1997 hasta el presente, Apple nunca ha dejado de explorar el diseño web en los años 23. Solo ahora tiene el contenido visual exquisito y fluido que ha atraído a generaciones de personas. Este puede ser el producto más importante de Apple.
#Bienvenido a seguir la cuenta oficial de WeChat de Aifaner: Aifaner (ID de WeChat: ifanr), se le proporcionará más contenido emocionante lo antes posible.