Como criar uma tela inicial estética no iOS 14 com ícones de aplicativos personalizados e widgets de fotos

Seu iPhone nunca mais será o mesmo!

Desde que a atualização do iOS 14 começou a ser lançada, as telas iniciais do Aesthetic são a mania entre os usuários do iPhone. As pessoas estão criando telas iniciais com widgets de fotos e ícones de aplicativos personalizados no iOS 14 em um estilo muito controlado, de forma que a tela inicial geral parece ser estética de um estilo específico.

Detalharemos tudo sobre a criação de uma tela inicial estética neste guia. Estaremos criando uma tela estética Neon completa com widgets relacionados e ícones de aplicativos.

Mas antes de começarmos, para inspiração, recomendamos que você dê uma olhada nas telas estéticas que outros usuários criaram em nossa página de ideias estéticas do iOS 14.

Limpe sua tela inicial

Antes de começarmos, você precisa desobstruir a tela inicial do seu iPhone. Faça isso ocultando todas as páginas atuais em seu dispositivo. Você ainda poderá acessar seus aplicativos da App Library em seu iPhone.

Ocultar todas as páginas da tela inicial

Para ocultar as páginas da tela inicial no iPhone, toque e segure em qualquer espaço vazio na tela inicial para entrar no modo jiggly. Em seguida, toque nos pontos na parte inferior da tela.

Agora, desmarque todas as páginas da tela inicial e mantenha apenas uma página.

Toque em ‘Concluído’ no canto superior direito ou vá para a tela inicial deslizando de baixo para cima ou pressionando o botão Touch ID para salvar suas alterações.

Remova todos os ícones de aplicativos para obter uma tela inicial limpa

Agora, esvazie a única página da tela inicial que você possui removendo todos os ícones de aplicativos dela (widgets também, se houver). Toque e segure em qualquer aplicativo até que a tela fique oscilante. Em seguida, toque no ícone ‘- menos’ no canto superior esquerdo de cada ícone do aplicativo.

Na interface pop-up exibida, toque na opção ‘Mover para biblioteca de aplicativos’ em vez de ‘Excluir’. Isso removerá o ícone do aplicativo da tela inicial, mas não o excluirá. O aplicativo ainda estaria acessível na ‘App Library’.

Remova com segurança todos os ícones de aplicativos para que você tenha uma tela inicial limpa, sem ícones de aplicativos além dos que estão no dock.

Defina um papel de parede que atenda aos seus requisitos estéticos

Assim que tivermos uma tela limpa, é hora de definir um papel de parede que seja estético para o que você está tentando construir. Como estamos criando uma tela inicial com estética neon, vamos escolher e selecionar um papel de parede que complemente a estética neon. Provavelmente, qualquer papel de parede com tema escuro (como o mostrado abaixo) servirá.

Crie ícones de aplicativos personalizados

Esta é a parte mais crítica. Criar ícones de aplicativos personalizados que correspondam à estética da tela inicial pode ser uma tarefa desafiadora, mas na verdade é mais fácil de fazer do que disse.

Para começar, precisamos baixar e salvar um monte de imagens estéticas que podemos usar como ícones personalizados para os aplicativos. Nossa estética para este guia é neon, então usaremos algumas imagens de neon para combinar com a estética.

Abaixo estão alguns dos ícones de néon que encontramos no Icons8. Criamos ícones com o tamanho de 512 × 512 pixels e colocamos um fundo preto atrás para que pareçam estéticos o suficiente quando usados ​​como ícones. Sinta-se à vontade para usá-los em suas próprias telas estéticas.

Depois de salvar as fotos que deseja usar como ícones de aplicativos em seu iPhone. Você pode continuar criando ícones de atalho para cada aplicativo que deseja personalizar.

Para criar ícones de aplicativos personalizados, estaremos usando o aplicativo de atalhos. Então, abra o aplicativo ‘Shortcuts’ no seu iPhone na App Library.

Toque no botão ‘Novo atalho’ (ícone +) no canto superior direito da tela.

Em seguida, toque em ‘Adicionar ação’ para criar o novo atalho.

Pesquise a ação "Abrir aplicativo" e toque naquele com as caixas coloridas como o ícone e selecione-o.

Agora, toque na opção ‘Escolher’.

A lista de todos os aplicativos em seu telefone será aberta. Selecione o aplicativo cujo ícone você deseja alterar. Em seguida, toque no ícone ‘Mais’ (três pontos).

Digite o nome do atalho. Não é o que aparecerá como nome do aplicativo na tela inicial.

Em seguida, toque na opção ‘Adicionar à tela inicial’.

Na próxima tela, toque na caixa de texto sob o rótulo ‘Nome e ícone da tela inicial’ e digite o nome do aplicativo para o qual você está criando o ícone. Se você quiser alterar o nome do aplicativo também, sinta-se à vontade para usar qualquer nome de sua preferência para o aplicativo. Tipo, em vez de ‘Instagram’, você pode usar ‘Insta’.

Dica: Você pode até usar um teclado de fonte enquanto insere o nome do aplicativo para personalizar o ícone do aplicativo com uma fonte personalizada também.

Por fim, selecione uma imagem personalizada para o ícone do aplicativo. Toque na miniatura do ícone e selecione a foto ‘Escolher foto’ entre as opções disponíveis.

Selecione a imagem apropriada que deseja usar para o aplicativo de acordo com sua ideia estética de tela. Usaremos apenas a imagem neon do Instagram que salvamos no iPhone nas etapas acima.

Certifique-se de redimensionar e ajustar a imagem no quadro para que apareça melhor como um ícone de aplicativo. Depois de ajustar a miniatura da imagem, toque em ‘Escolher’.

Seu novo ícone de aplicativo está pronto. Você pode ver sua aparência final (com cantos arredondados) na seção Visualização. Se você estiver satisfeito com isso, toque na opção ‘Adicionar’ no canto superior direito da tela e ele será adicionado à tela inicial.

Toque em ‘Concluído’ no canto superior direito da tela para salvar o atalho.

Vá para a tela inicial do iPhone para verificar o novo ícone do aplicativo em ação. Você pode reorganizá-lo como qualquer outro aplicativo.

Se for satisfatório o suficiente, repita as etapas acima para criar ícones para todos os aplicativos para colocar em sua tela estética.

Adicionar widget (s) de fotos

A segunda parte mais crítica da criação de uma tela estética é o widget de fotos. Um widget que pode mostrar uma imagem específica. Não é o widget "Fotos" padrão que a Apple empacotou com o iOS 14.

Para isso, você pode usar o aplicativo Photo Widget simples ou o aplicativo Widgetsmith mais avançado. Para o propósito desta postagem, usaremos o aplicativo Photo Widget, mas temos um guia separado para adicionar um widget de fotos usando o Widgetsmith também (se você quiser dar uma olhada).

Baixe e instale o aplicativo Photo Widget da App Store e abra-o no seu iPhone.

No aplicativo ‘Widget de foto’, toque no ícone ‘+ mais’ e selecione a foto que deseja adicionar à tela inicial.

Você pode adicionar até 30 fotos no aplicativo Photo Widget e fazer com que ele gire automaticamente suas fotos em um intervalo de tempo fixo.

Feche o aplicativo após adicionar a foto que deseja que apareça no widget. Em seguida, na tela inicial do iPhone, toque e segure em um espaço vazio até que os ícones e widgets (se houver) comecem a balançar. Toque no ícone ‘+ mais’ no canto superior esquerdo da tela.

A tela do seletor de widget será aberta. Você pode pesquisar por ‘Widget de foto’ na barra ‘Pesquisar widgets’ ou rolar até ver a opção ‘Widget de foto’.

Dependendo do tamanho do widget que você deseja adicionar à sua tela inicial estética, selecione a opção de widget Pequeno, Médio ou Grande e ele será adicionado à sua tela inicial.

Reorganizar os ícones de aplicativos personalizados e widgets de fotos

Para obter a melhor aparência estética, reorganize seus ícones de aplicativos personalizados e widgets de fotos de uma forma que melhor complemente seu papel de parede.

Depois de fazer as personalizações acima, organizamos nossa configuração da seguinte maneira.

Se você quiser adicionar vários widgets de fotos (como fizemos acima), use o aplicativo Widgetsmith. Temos um guia detalhado sobre como adicionar um widget de fotos usando Widgetsmith.

Esta é a maneira mais básica de criar uma tela inicial estética para o iPhone. Você pode misturar vários outros widgets legais que os widgets Widgetsmith e Color oferecem para aperfeiçoar ainda mais sua estética.