Entenda as regras de design do Apple Vision pro e domine facilmente os 4 principais princípios de design!

Algum tempo atrás, a Apple lançou seu primeiro dispositivo head-mounted display, o Apple Vision pro, que chamou a atenção das pessoas para o campo VR. Como designer, presto mais atenção ao design e ao desempenho visual do Apple Vision pro . A Apple tem experiência no desenvolvimento de macOS, iPadOS, watchOS, iOS e outros sistemas e tem vantagens inerentes no design do sistema operacional. Do ponto de vista do conceito de design, a Apple tem buscado um estilo extremamente simples e continuou na linguagem de design do Vision OS. Este novo campo de design se tornará uma tendência futura. O l1m0_ a seguir falará com você sobre o design profissional do Apple Vision especificações e princípios.

Comparado com o design de interface do usuário tradicional, o Apple Vision pro adiciona atributos de espaço. Para ajudar os usuários a se adaptarem à nova plataforma, a Apple criou um conjunto de linguagem de design familiar, que é consistente com as plataformas existentes, como o iOS. Ao mesmo tempo, alguns elementos são direcionados para as plataformas espaciais foram otimizados.

1. Design de ícones

Os ícones no Apple Vision pro ainda continuam o estilo de design no IOS, e os usuários podem começar rapidamente. Ao mesmo tempo, os ícones do Vision OS também foram otimizados de acordo.

  • A forma do ícone mudou de um retângulo arredondado para um círculo

O maior motivo dessa mudança é tornar o ponto de vista mais preciso, deixar o espaçamento entre os ícones mais claro e o espaço mais respirável.

  • Adicionado efeito tridimensional

O ícone do Apple Vision pro é tridimensional, a superfície elevada pode ser vista lateralmente e pode interagir dinamicamente com o ponto de observação. Quando você olha para um logotipo, ele se expande e mostra destaques e sombras para aprofundar o nível visual sutil .

2. Projeto de plano de fundo

O Apple Vision Pro usa um efeito de vidro fosco, que é uma imitação de vidro comumente usada no design. Esse estilo de imitação de vidro é executado em todas as séries da Apple, e até mesmo as lojas off-line da Apple também são casas de vidro.

No entanto, em comparação com outras imitações de vidro, a imitação de vidro no Apple Vision pro foi otimizada para aumentar a sensação de espaço da imitação de vidro. Os ícones e páginas no Apple Vision pro não são empilhados diretamente no fundo, mas fixados em blocos em o mimetismo de vidro da textura de vidro fosco. Esse tipo de design de fundo deixará a página mais clara e melhorará a sensação de espaço, para que os usuários tenham uma boa percepção do ambiente e experiência visual em diferentes ambientes.

3. Composição

Para melhorar a legibilidade e o reconhecimento do texto, a fonte padrão do Apple Vision pro adota o método de negrito, adicionando peso e aumentando o espaçamento do texto para garantir o reconhecimento do texto ao máximo. Ao mesmo tempo, considerando que o fundo usa imitação de vidro, a cor da caixa do documento mudará com o conteúdo do fundo. O Apple Vision pro usa um efeito dinâmico. Sob diferentes ambientes de fundo, o brilho do texto mudará dinamicamente. Ao ajustar o brilho do texto em tempo real, pode garantir que o texto seja claro e fácil de ler.

4. Design de cores

Em termos de design de cores, o padrão do Apple Vision pro é branco. Sob o fundo da imitação de vidro, a IU branca revelará a cor do plano de fundo, tornando-se cinza. O Apple Vision pro é calibrado para a legibilidade do texto branco e pode dinamicamente adapte-se ao tom e ao contraste da cor da janela de fundo.

Ao mesmo tempo, o Apple Vision Pro também lançou outros esquemas de cores, a maioria dos quais com saturação relativamente alta... Claro, algumas cores também foram calibradas e a saturação é um pouco menor. A riqueza de cores é para garantir que haja cores adequadas para escolher em cada cena, porque é uma cor do nível do sistema e precisa garantir versatilidade suficiente.

Além dos princípios de design acima, o Apple Vision Pro também fez avanços em design de interação, design visual e design de percepção de espaço. Por exemplo: posicionamento de gestos e olhos, controle do campo de visão, interação entre o conteúdo do head-mounted display e a realidade, otimização do antivertigem durante o movimento, etc.

Resumindo, os desenvolvedores da Apple nos deram uma boa interpretação da lógica de design do Apple Vision pro , para que possamos ver o pensamento da Apple no campo da RV. Acredito que muitos amigos mal podem esperar para experimentar e aprender o Apple Vision pro , mas a venda oficial ainda não foi lançada oficialmente, mas o editor oferece a você outro caminho de aprendizado.

Copie modelos profissionais do Apple Vision online gratuitamente

O Apple Vision pro pensou nas especificações e princípios de design da interface do usuário e fez ajustes de acordo com as características do dispositivo de exibição montado na cabeça para tornar os princípios de design mais universais. Um design excelente deve ter suas razões e significados de design. Precisamos entender a aparência do design do Apple Vision pro , mas também as regras do design do Apple Vision pro . Se você deseja entender o Apple Vision pro, primeiro deve começar aprendendo o Vision OS. Para esse fim, a biblioteca de recursos do Pixso preparou uma variedade de arquivos-fonte de design profissional do Apple Vision para você, incluindo :

Coleção de ícones profissionais do Apple Vision

interface do sistema de música

Kit de IU do Vision Pro

Esses arquivos de origem do Apple Vision Pro são gratuitos. Os usuários só precisam fazer login na comunidade de recursos Pixso, pesquisar Vision OS e clicar em [Copiar] na página para abrir os arquivos de origem para aprendizado ou enviar uma mensagem privada para l1m0_.

Acho que você gosta

Origin blog.csdn.net/l1m0_/article/details/131976191
Recomendado
Clasificación