Blog

Gerenciando as configurações de fontes

  Atualizado em   2 min de leitura

Há algum tempo, a Lesia, nossa Product Design Manager, definiu o objetivo de aprimorar as fontes no Construtor e a gestão delas. Hoje, vamos apresentar uma série de melhorias que foram feitas em relação a esta tarefa. Essas melhorias são um bom exemplo do que eu mais aprecio na GoodBarber: atenção aos detalhes e à perfeição.

Claridade e precisão — estas são as duas palavras que orientaram a equipe ao repensar a forma como você aplica uma fonte ao texto em seu aplicativo.

Painel otimizado

Para implementar essas melhorias (e também para permitir que outras atualizações venham), mudamos a organização do painel. De agora em diante, tudo está à vista, o que significa que não necessidade de buscar nos menus suspensos o recurso que você precisa. Se você deseja alterar a fonte dos títulos do artigo, a ferramenta para fazer isso está direto no painel e imediatamente acessível.

Pré-visualização das fontes

Agora, cada texto é exibido com a mesma fonte no aplicativo e no Construtor. A exibição no painel de pré-visualização e configuração é a mesma. Gerenciar fontes se tornou muito mais claro.

Da mesma forma, uma vez que você abra o menu suspenso para modificar uma fonte, cada nome é exibido com a fonte correspondente. Você não precisa mais aplicar a fonte para ver o como se parece na pré-visualização. Você poderá saber qual fonte é ideal para o design do seu aplicativo, apenas observando no menu suspenso.

Peso e estilo da fonte de acordo com o dispositivo (celular, tablet, área de trabalho)

Você pode escolher entre mais de 150 fontes do catálogo do Google Fonts. Certas fontes no catálogo são oferecidas em diferentes pesos (negrito, leve...) e estilos (itálico). Quando estão disponíveis, você pode aplicar essas diferentes variações ao texto em seu aplicativo.

Um cursor permite que você ajuste facilmente o tamanho da sua fonte. A visualização é atualizada em tempo real para mostrar imediatamente seus resultados e permitir que você encontre rapidamente o tamanho certo.

Também é possível escolher diferentes tamanhos e estilos de exibição, dependendo de onde seu conteúdo está sendo exibido. Por exemplo, você pode aplicar um tamanho maior para tablets e PC, e um menor para dispositivos móveis.
Use as configurações avançadas para acessar estas opções (não está disponível para a maioria dos textos no aplicativo, com exceção de alguns selecionados).
Esta nova organização do painel para gerenciamento de fontes servirá como uma ótima ferramenta para economizar tempo e trazer um novo nível de conveniência e facilidade para o processo de criação dos aplicativos.

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.