Polido iterativamente por 23 anos, este é o “maior produto” da Apple

O iPhone 12 Pro Max é realmente difícil de comprar.

Quando o iPhone 12 Pro Max foi lançado há algum tempo, um amigo meu reclamou para mim que, a fim de obter a máquina o mais rápido possível, ele queria pegar as mercadorias em lojas off-line, então atualizar o site oficial da Apple de vez em quando para verificar o status do estoque se tornou rotina.

Existem muitos pincéis no site oficial e ele encontrou muitos fenômenos interessantes. A página de detalhes do produto do site oficial da Apple costuma ter efeitos interativos óbvios ao deslizar. Por exemplo, o iPhone, o texto e os gráficos na página da web serão gerados com a interação deslizante. Variedade.

O telefone celular, o texto e até os gráficos na página da web parecem ter ganhado vida, o que é muito interessante.

Não peguei meu celular e foi muito divertido navegar na web (pescar).

Quanto mais escorregadio, mais interessante

O método de interação da página da web que acabamos de mencionar é, na verdade, chamado de "rolagem paralaxe" no campo do design. Envolve um conjunto de tecnologia da web bastante complexa, mas é realmente o lugar mais fácil para as pessoas perceberem. Conforme o mouse ou o dedo desliza para cima e para baixo, a página O conteúdo em será alterado de acordo.

Veja a página de introdução do produto iPhone 12 Pro no site oficial da Apple como exemplo. A cor de fundo de toda a página da web é preta. Conforme o mouse ou o dedo desliza para baixo, o iPhone e o texto aparecem lentamente em sequência e a animação é extremamente suave.

Ao introduzir o material do quadro intermediário do iPhone 12 Pro, a animação web é como uma iluminação artificial, mudando de cima para baixo sucessivamente, e o texto também aparece. O material de aço inoxidável é expresso de forma visual, e também permite As pessoas podem observar de forma mais intuitiva a cor e a moldura intermediária do telefone móvel.

E no foco deste iPhone 12 Pro-o sistema de imagem, as mudanças em preto e branco e cores são exibidas ao extremo por rolagem visual. Em fotos noturnas de retrato, com a operação de deslizamento, a cópia também desliza para cima, e as imagens noturnas de alta definição O fundo preto apareceu lentamente, como se fosse uma foto noturna de verdade.

Claro, esta imagem de retrato noturno de alta qualidade também adiciona muitos pontos ao desempenho visual.

Na página de introdução do produto AirPods Pro, a animação interativa atingiu um novo nível. Na verdade, há uma interação especial na introdução do produto. Para enfatizar o ajuste do AirPods Pro, a Apple adicionou especialmente uma animação de uma pessoa usando AirPods Pro balançando a cabeça.

Com um balanço tão grande, o AirPods Pro ainda não cai, o que é um reflexo muito intuitivo da estabilidade do AirPods Pro usando.

A propósito, a animação completará diretamente a ação interativa quando você deslizar para baixo, e se você parar e deslizar para cima no caminho, a animação pode retornar ao estado anterior, parece que existem alguns "animais fantasmas" e torna-se interessante navegar na web. Acima.

Existem muitas animações semelhantes na página de introdução do AirPods Pro.

Comparado com o conteúdo de exibição de página da web tradicional, com o suporte de rolagem paralaxe, animação interativa e imagens e direitos autorais correspondentes, a beleza e a hierarquia das imagens foram aprimoradas e a experiência de visualização foi bastante aprimorada.

Na introdução do produto iPhone 12 Pro, conforme o usuário desliza, o conteúdo correspondente aparecerá em sequência. A diferença no fundo preto e a diferença na cor do texto destacam o nível de informação e fazem os usuários inconscientemente parecerem mais óbvios Conteúdo para atingir o objetivo de controlar a atenção do usuário.

E deslizar para cima também pode retornar ao estado de animação anterior, permitindo que as pessoas observem cuidadosamente os detalhes do produto. Por exemplo, o tamanho do AirPods Pro, o tamanho real da pessoa que o usa e o que está em seus diferentes lados podem ser refletidos pela rolagem paralaxe.

Ao mesmo tempo, a sensação de participação do feedback deslizante também pode promover a imersão do usuário e aumentar a taxa de conclusão, o que tem vantagens óbvias em comparação com pequenas alterações em gráficos e texto.

É claro que, durante esse período, também existem razões pelas quais é cada vez mais difícil continuar lendo na era da fragmentação, especialmente para os usuários compreenderem funções e tecnologias de produtos abstratos e complexos.

Essa também é outra vantagem da rolagem de paralaxe e da tecnologia de animação interativa relacionada. Assim como no caso de animação interativa de pessoas usando AirPods Pro balançando a cabeça, as pessoas podem entender facilmente a função extremamente abstrata de usar estabilidade.

Com o suporte das muitas tecnologias, animações, imagens grandes de alta definição e direitos autorais da Apple, os usuários podem se sentir mais interessantes enquanto navegam.

Para fazer você parecer melhor, a Apple trabalha muito

A rolagem paralaxe é apenas uma pequena parte da tecnologia usada pelo site oficial da Apple. Como Jobs voltou para a Apple em 1997, como um líder que dava grande atenção ao design, ele naturalmente também mostrava exportações para a marca da empresa na época – o site oficial estava muito preocupado com

De 1997 até o presente, o site oficial da Apple passou por mudanças terríveis, a partir das quais também podemos ver as mudanças e a herança do design da Apple, e como ele faz as pessoas parecerem melhores.

Comparando os três anos do site oficial da Apple em 1997, 1998 e 2001, podemos encontrar muitas mudanças de design, em primeiro lugar, o layout.O site oficial da Apple em 1997 ainda é relativamente densamente organizado como a maioria das páginas da web.

Em 1998, o segundo ano de retorno de Jobs, a página começou a prestar atenção à densidade do layout. O estilo de design baseado em produto com redação suplementada foi revelado, e o arranjo dos dois lados é basicamente simétrico. , Orderly, que também está de acordo com os hábitos de leitura das pessoas.

As pessoas são animais visuais, e as imagens são sempre mais atraentes do que as palavras.Especialmente ao exibir produtos eletrônicos de consumo, as pessoas geralmente focam primeiro nas imagens e depois nas palavras. A beleza da cópia do título e a imagem de alta definição do produto simétrico tornam a leitura mais confortável.

Em 2001, a cooperação entre direitos autorais e produtos tornou-se cada vez mais madura.O texto do título e os produtos não estão apenas correspondendo ao layout da página, mas a imaginação dos direitos autorais também está se tornando maior e mais adequada para os produtos. Posicionamento.

Isso mesmo, o conhecido copywriting do produto iPod "Coloque mil músicas no seu bolso" também apareceu nessa época.

Até hoje, a Apple ainda dá continuidade a essa regra de design. Na página do produto iPad Pro, o ângulo de chanfro da tela do iPad Pro é, na verdade, compatível com a inclinação da disposição de empilhamento dos direitos autorais e a frase "seu próximo computador, por que deveria ser "Computador" é ainda mais elogiado pela maioria dos usuários, e há até muitos "talos" estendidos.

2013 foi um ano de mudança. Com o lançamento do iOS 7, a Apple mudou do design quase materializado para o design plano. Contando com as vantagens do iPhone e outros produtos, trouxe uma onda de design plano. O site oficial da Apple também está aqui. Mudança em uma onda de mudança.

Na página inicial do site oficial da Apple em 2013, podemos ver que muitos botões ficaram planos. O botão de reprodução é apenas uma representação abstrata de um círculo com um triângulo no meio. Agora, muitas páginas da web ainda estão usando a reprodução de rolagem. Apple 2013 Usei há anos.

Você pode estar familiarizado com as alterações subsequentes. A adição de paralaxe de rolagem e várias animações interativas trouxe a experiência de visualização da página da web a um novo ângulo. Durante este período, você também pode ver a herança do design da Apple, e a animação interativa também foi usada pela Apple. No WeChat.

Para verificar seus tweets anteriores, a maioria deles usa a tecnologia de animação SVG correspondente para guiar os usuários passo a passo e exibir o conteúdo. A forte criatividade e beleza visual podem atrair leitores para uma melhor leitura e compreensão do conteúdo.

Além disso, a adaptação do tamanho de vários dispositivos também é um foco do design e das mudanças tecnológicas da Apple.Se você prestar atenção, verá que muitas das páginas de introdução do produto MacBook Pro da versão com chip M1 estão circundadas por uma moldura retangular arredondada. Emoldurado.

Além do retângulo arredondado que pertence ao estilo consistente da Apple, ele também pode desempenhar um papel na adaptação a produtos com tamanhos de tela diferentes. Abra esta página em um Mac e abra em um iPhone. Embora o conteúdo principal seja basicamente o mesmo, sua disposição Isso mudou.

De 1997 a 2020, a exploração de web design e tecnologia da Apple esteve entre o grupo líder mundial, levando a visualização real e a experiência interativa a novos patamares.

Por que a Apple valoriza tanto os sites

Em comparação com a maioria das empresas hoje em dia, até mesmo a Microsoft, que também é uma empresa cotada no topo, não gastou tanta energia em seu site oficial como a Apple, e quase não existe tecnologia como a rolagem de paralaxe no site oficial chinês da Microsoft, muito menos Fale sobre algumas empresas comuns.

Então, por que a Apple despende tanto esforço na criação de um site?

O primeiro é a diferença entre os ambientes de Internet chinês e estrangeiro. Agora você pode descobrir que muitas interações de aplicativos e designs de página são extremamente requintados, mas os sites para PC são muito rudimentares. O motivo é a prosperidade da Internet móvel doméstica.

Em comparação com empresas como a Apple, que estão no mercado há muito tempo e até testemunharam a ascensão da Internet, muitas empresas nacionais surgiram na onda da Internet móvel, como Meituan e Didi. A maioria de seus usuários são da Internet móvel. É o usuário do smartphone.

Portanto, os aplicativos móveis, como aplicativos e pequenos programas, costumam ser mais valorizados e as empresas gastam mais recursos humanos e materiais com eles.

A segunda é a marca. O site oficial é um portal online para muitos usuários entrarem em contato e se conectarem com a empresa. A primeira impressão é muito importante. Se o site oficial for muito simples, os usuários podem não ter uma boa impressão da empresa ou mesmo de seus produtos.

Muito menos fazer um pedido de compra de um produto.

O site também pode ser considerado a fachada de uma empresa de tecnologia. Seja o layout do site oficial da Apple, a alternância de páginas em preto e branco e até mesmo efeitos de animação, é tudo sobre a criação de uma "alta qualidade" que convence os usuários. É isso que a web faz. Requintado, o produto não deve ser muito pior.

Como uma empresa de tecnologia, os produtos, tecnologias e funções da Apple são relativamente avançados.Não é fácil interpretar os abstratos e complexos para o público, especialmente nesta era de fragmentação e ênfase na gratificação instantânea.

Se o conteúdo for esteticamente agradável e emocionante, o usuário fechará a página.

É por isso que a densidade e a ordem, a boa redação, a rolagem paralaxe, a animação interativa, etc. mencionadas acima são todas para você entender rapidamente. A demonstração da função de redução de ruído do AirPods Pro é o melhor caso, redução de ruído Era originalmente uma função extremamente abstrata, mas foi muito bem explicada através de uma animação de ondas sonoras reduzidas.

Finalmente, o site é importante para as vendas da Apple. Seja em casa ou no exterior, o site oficial da Apple é um dos seus canais de vendas online mais importantes, e seu tráfego de usuários também não é pequeno. Ele foi classificado no site global mais popular do Alexa em 2019. Na China, a Apple ficou em 54º lugar.

Com uma animação visual extremamente suave e esteticamente agradável, a Apple não apenas permite que os usuários entendam o produto, mas também constrói uma linha muito fina de experiência de campo, as pessoas apreciam o belo ao mesmo tempo, tristes por desistir, e tínhamos isso no " na linha de iPhone da Apple 12 A página de correspondência de acessórios cria o efeito "Acessível, não posso largar " mencionado na varredura facial do Double Eleven "Routine Festival" .

Mesmo online, a experiência de visualização do produto é muito boa e as pessoas fazem um pedido sem saber.

De 1997 até o presente, a Apple nunca parou de explorar o web design nos últimos 23 anos, só agora tem o conteúdo visual requintado e suave que atraiu gerações de pessoas. Este pode ser o produto mais importante da Apple.

#Bem-vindo a seguir a conta oficial do WeChat da Aifaner: Aifaner (WeChat ID: ifanr), um conteúdo mais interessante será fornecido a você o mais rápido possível.

Ai Faner | Link original · Ver comentários · Sina Weibo