Blog

A experiência imersiva do iPhone Xs

  2 min de leitura

Os dispositivos da Apple estão em constante evolução e ampliam os limites da experiência extraordinária do usuário. O final de 2017 marcou um ponto de viragem no design do smartphone da Apple com o lançamento do iPhone X, porque além de incrível resolução, este novo iPhone possui uma tela ultra-imersiva, cobrindo quase toda a superfície do smartphone.
Conforme anunciamos em março , nossa equipe iOS fez as atualizações necessárias para oferecer aos usuários aplicativos totalmente adaptados à tela do iPhone X. Dar a você a opção de aproveitar a tela Super Retina do modelo mais recente não era uma opção, e é por isso que a interface do usuário de nossos aplicativos iOS foi revisada e corrigida, de acordo com a documentação publicada pela Apple .
O verdadeiro desafio reside em respeitar as Áreas Seguras, que permitem uma renderização ideal e gerenciar aspectos particulares da forma e dos comandos da nova tela da Apple.

Aumentando o cabeçalho

O cabeçalho foi ampliado e o conteúdo foi movido para baixo, a fim de deixar espaço para o Notch (ou Sensor Housing, o entalhe na parte superior da tela contendo o reconhecimento facial, o viva-voz, os sensores de proximidade e a luz). Dessa forma, seu aplicativo pode preencher a totalidade da tela sem ser cortado.

Posicionamento do elemento na parte inferior da tela

Os elementos na parte inferior do aplicativo foram reposicionados para que o aplicativo não interfira no Indicador Inicial (o antigo botão Início, agora integrado à tela) e para que cada comando do aplicativo ou do iPhone fique claramente visível e acessível.

Desaparecimento da NavBar

A animação de desaparecimento de NavBar também foi modificada. Agora, ele desaparece totalmente para permitir que o aplicativo se propague até cada extremidade da tela, oferecendo uma experiência totalmente imersiva.
Aqui estão as principais modificações que permitem que seus aplicativos se adaptem ao iPhone X que você já pode aproveitar. Não hesite em testar seu app nesse tipo de dispositivo para explorar todas as alterações e ajustes feitos por nossos desenvolvedores.

Para finalizar, um pequeno vislumbre das modificações com este aplicativo da GoodBarber no iPhone 8 e iPhone X:

Continue lendo

  7 min de leitura

Como regular as bordas na minha app?

No GoodBarber, cada célula, widget e campo já tem a sua borda de 1 px. Dê-lhe uma cor, uma espessura de 1, 2 ou 4 px, ou um só lado sob um título.

  4 min de leitura

O novo back office da GoodBarber: mais clareza para criar seu app

Tudo começa pelo design. Uma nova tipografia, Plus Jakarta Sans, um azul para a interface, um verde reservado ao que publica e valida, cantos suavizados, sombras suaves e ícones redesenhados. O conjunto se lê com calma, e cada cor tem um papel: o azul guia, o verde confirma.Em My App, a pré-visualização do seu app ocupa o centro da tela e as configurações ficam reunidas em um painel à direita. Você edita de um lado, vê o resultado do outro, e seu app continua diante dos seus olhos durante todo o trabalho.