Modo de Navegação Mobile - Grid e Swipe

Escrito por Segunda-feira 17 Agosto 2015

Modo de Navegação Mobile - Grid e Swipe
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! 

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.... 

 

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. 

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 ;) 



Insira seu endereço de e-mail