Blog

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

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.