--- title: "Atualização de design: novo menu Estilo dos Elementos" description: "Nós nunca dizemos o suficiente: O design do seu app desempenha um papel vital no sucesso do mesmo. É claro que os recursos, desempenho e o próprio conceit" canonical_url: "https://pt.goodbarber.com/blog/atualizacao-de-design-novo-menu-estilo-dos-elementos-a1040/" lang: pt date: 2022-09-26 last_updated: 2022-09-26 --- # Atualização de design: novo menu Estilo dos Elementos [Voltar](/blog/make-it-r19/) # Atualização de design: novo menu Estilo dos Elementos Escrito por Marie Pireddu na Segunda-Feira 26 Setembro 2022 ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/67598412-47761401.jpg?v=1664182084.1791582) Nós nunca dizemos o suficiente: O design do seu app desempenha um papel vital no sucesso do mesmo. É claro que os recursos, desempenho e o próprio conceito são extremamente importantes para que um app móvel chame a atenção de seus usuários e tenha sucesso. No entanto, a primeira coisa que um usuário percebe, depois de iniciar um app, é o seu design. O design do seu app móvel causa a primeira impressão. E se o design não for atraente, adivinhem? O usuário irá procurar outro app. Para sua sorte, os designers da GoodBarber estão sempre desenvolvendo novos temas ou atualizando os modelos, mantendo-se atualizados sobre as últimas tendências de design para modernizar a aparência dos seus apps. Um dos nossos projetos mais recentes é o **Design System da GoodBarber**. Este é um projeto grande e você saberá mais sobre ele em breve ;) Fique ligado! Enquanto isso, estamos lançando novos elementos de design que modernizarão seus belos apps: Um **novo menu Estilo dos Elementos** e o **efeito redondo nas miniaturas e células**. Sem dar muita informação ainda, uma pequena explicação do **Desgin System da GoodBarber** será apresentada. A GoodBarber é um construtor de apps sem código desde 2011, permitindo que qualquer pessoa crie intuitiva e independentemente seu próprio app nativo ou Progressive Web App, independentemente das suas habilidades técnicas. Na época de seu lançamento, o design de UX não era democratizado como é hoje, e os designs eram feitos em bitmap, à medida que novos recursos surgiam. No entanto, desde então, os métodos e ferramentas dos designers evoluíram consideravelmente, colocando o usuário no centro do processo de design. Foi, portanto, necessário **redesenhar ou atualizar nossos templates de acordo com as diretrizes de layout reunidas neste sistema de design** e **trazer novos elementos de design** para **ganhar consistência visual entre plataformas** e **velocidade de desenvolvimento**. Deste jeito: - Os **desenvolvedores** têm acesso às **especificações técnicas** das páginas e componentes: seu tamanho, seu posicionamento, seus comportamentos e suas propriedades. - Os **designers** podem contar com um **conjunto de regras de espaçamento, tamanhos de fonte, proporções de imagem ou distribuição de cores** para a criação de novas páginas. ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/67598412-47761607.jpg?v=1664182881.649538) Em linha com este projeto, acabamos de lançar o novo menu **Estilo dos Elementos**. No back office do seu app, no menu **Meu app > Design > Design geral > agora você pode ver um novo bloco "Estilo dos elementos".** ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/67598412-47761629.jpg?v=1664182947.8114998) A partir deste painel, você poderá modernizar o design do seu app aplicando bordas arredondadas a widgets e seções. O primeiro bloco deste novo menu agora oferece **3 opções** para a forma de Miniaturas e células: **Quadrada, arredondada e redonda.** Agora cabe a você brincar e atualizar o design das suas miniaturas para uma aparência mais nova. Fique ligado para mais novidades sobre o Design System da GoodBarber.