Modo de Navegação Mobile - Grid e Swipe
Escrito por Arianna Testi na
Olá GoodBarbers,
Hoje é o dia do design aqui na GoodBarber, como tal vamos apresentar-vos 2 dos mais populares modos de navegação assim como os novos detalhes que acabámos de lançar para ambos.
Senhoras e senhores, a estrela de hoje é: O Modo de Navegação Grid e Swipe!
Hoje é o dia do design aqui na GoodBarber, como tal vamos apresentar-vos 2 dos mais populares modos de navegação assim como os novos detalhes que acabámos de lançar para ambos.
Senhoras e senhores, a estrela de hoje é: O Modo de Navegação Grid e Swipe!
Modo Swipe Nav
O modo de navegação Swipe é o mais popular da indústria de apps mobile.
É perfeito apenas para as apps com muitas seções uma vez que nas apps com poucas seções o app poderá ficar meio vazio.
Este verão estamos muito inspirados e por isso decidimos refrescar as ideias e atualizar alguns elementos do modo de navegação nav uma vez que é mais flexível para as necessidades de cada user.
1/ Primeiro que tudo, decidimos dar-te a opção de não apresentar o menu header, por outro lado, torná-lo mais visível ao aumentar o tamanho da fonte.
Não subestimes estes pequenos detalhes pois, eles fazem toda a diferença na tua app.
2/ A segunda alteração é a opção de mostrar ou não, a seção de ícones. Se tens uma excelente imagem de fundo, por vezes não é necessário elementos de design extra.
3/ Existem ainda novidades em relação ao tamanho da fonte na lista de seções. Suponho que se não optares por apresentar ícones, poderás querer aumentar o espaço alocado ao texto correcto? :)
4/ Este é o meu update preferido! Se não tens muitas seções no teu menu, podes centrá-los ao invés de os alinhar com o topo como um elemento standard. Isto dá ao teu app o twist perfeito.
5/ Por último mas não menos importante. Para os amantes do flat design: a possibilidade de desativar a sombra entre a lista da seção de conteúdo e o menu.
É verdade, perceber de elementos gráficos apenas lendo sobre eles não é fácil. Os teus olhos precisam de alguma atenção também!
Por isso mesmo, temos um vídeo para ti....
É perfeito apenas para as apps com muitas seções uma vez que nas apps com poucas seções o app poderá ficar meio vazio.
Este verão estamos muito inspirados e por isso decidimos refrescar as ideias e atualizar alguns elementos do modo de navegação nav uma vez que é mais flexível para as necessidades de cada user.
1/ Primeiro que tudo, decidimos dar-te a opção de não apresentar o menu header, por outro lado, torná-lo mais visível ao aumentar o tamanho da fonte.
Não subestimes estes pequenos detalhes pois, eles fazem toda a diferença na tua app.
2/ A segunda alteração é a opção de mostrar ou não, a seção de ícones. Se tens uma excelente imagem de fundo, por vezes não é necessário elementos de design extra.
3/ Existem ainda novidades em relação ao tamanho da fonte na lista de seções. Suponho que se não optares por apresentar ícones, poderás querer aumentar o espaço alocado ao texto correcto? :)
4/ Este é o meu update preferido! Se não tens muitas seções no teu menu, podes centrá-los ao invés de os alinhar com o topo como um elemento standard. Isto dá ao teu app o twist perfeito.
5/ Por último mas não menos importante. Para os amantes do flat design: a possibilidade de desativar a sombra entre a lista da seção de conteúdo e o menu.
É verdade, perceber de elementos gráficos apenas lendo sobre eles não é fácil. Os teus olhos precisam de alguma atenção também!
Por isso mesmo, temos um vídeo para ti....
Modo Grid nav
O modo Grid é outro dos templates que sofreu uma atualização.
Os ícones eram demasiado pequenos para os dispositivos com grandes dimensões, como tal, tornámo-los maiores para que possam ser melhor adaptados em cada dispositivo independentemente das suas dimensões e claro, tornar a tua app ainda mais Beautiful.
E sobre o header? Também é bastante pequeno.
Agora podes escolher o tamanho, ou melhor, fazer upload do teu logo.
Vejamos o vídeo e o que podes fazer com este Beautiful template.
Os ícones eram demasiado pequenos para os dispositivos com grandes dimensões, como tal, tornámo-los maiores para que possam ser melhor adaptados em cada dispositivo independentemente das suas dimensões e claro, tornar a tua app ainda mais Beautiful.
E sobre o header? Também é bastante pequeno.
Agora podes escolher o tamanho, ou melhor, fazer upload do teu logo.
Vejamos o vídeo e o que podes fazer com este Beautiful template.
Tenho a certeza que vais agora mesmo para o teu back office e adicionar estes detalhes que vão dar outro ar à tua app.
Bom trabalho ;)
Bom trabalho ;)