---
title: "Modo de Navegação Mobile - Grid e Swipe"
description: "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"
canonical_url: "https://pt.goodbarber.com/blog/modo-de-navegacao-mobile-grid-e-swipe-a613/"
lang: pt
date: 2015-08-17
last_updated: 2015-08-18
---

# Modo de Navegação Mobile - Grid e Swipe

[Voltar](/blog/make-it-r19/)

# Modo de Navegação Mobile - Grid e Swipe

Escrito por Arianna Testi  na Segunda-Feira 17 Agosto 2015· Última atualização: Terça-Feira 18 Agosto 2015

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/8149054-12716447.jpg?v=1439819968.8037605)

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 e**m 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 ;)

- [#Atualização](https://pt.goodbarber.com/blog/tags/atualiza%C3%A7%C3%A3o)
- [#Design](https://pt.goodbarber.com/blog/tags/design)
- [#Grid](https://pt.goodbarber.com/blog/tags/grid)
- [#Navegação](https://pt.goodbarber.com/blog/tags/navega%C3%A7%C3%A3o)
- [#Swipe](https://pt.goodbarber.com/blog/tags/swipe)