e fala galera nessa aula a gente vai aprender a trabalhar com ferramentas de estilização aqui dentro do Google data Studio beleza Desde o peço a você que esse vídeo estiver te ajudando me ajude também deixando o seu like e compartilhando e se inscrevendo no canal e se me ajuda bastante e deixa aqui nos comentários se você tá conseguindo acompanhar o curso está dando tudo certo isso Me ajuda a planejar as próximas aulas não esquece de me seguir no Instagram porque lá eu posso todas as novidades tudo que ocorre aqui no canal Beleza então vamos começar
a criar um header aí para o nosso a para nossa ferramenta para o nosso desco para demonstrar realmente com que a gente faz a estilização dos nossos Então pessoal antes de mais nada acaba a gente dizer que a tudo a parte de utilização vai muito da criatividade também do desenvolvedor aí né da criatividade que ele tem para criar elementos para misturar cores e aqui eu vou mostrar algumas ferramentas que ela plataforma disponibiliza para dar um toque mais interativo aí para o seu relatório para o seu dashboard Então vamos lá aqui a primeira coisa quero falar
que a gente tem o ícone temer layout igual já mostrei anteriormente a gente tem opção que de layout e de tema você pode mudar facilmente aqui o seu tema então você pode escolher um tema mais Dark um tema umas bordas escuras é um fungo um pouco mais cinza você tem um um termo mais dourado e assim por diante vou colocar esse aqui por enquanto e aqui você vai ter opção também de layout então você pode colocar a visibilidade cabeçalho né é questão de posição de navegação o tamanho você pode definir o tamanho Ah eu quero
um tamanho de tela cheia né Eu quero tamanho de wide-screen então ele vai ajustando aqui o tamanho que você quer não deixar que por enquanto de carta de paisagem mesmo tamanho das grades que são esses quadradinhos de fundo né é a melhor visualização e aqui também você tem a opção de personalizar mais esse template então reparei que ao plano de fundo dele tá com esse cinza clarinho Se eu quisesse por exemplo colocou um cinza um pouco mais escuro aí ó ele já ajusta para mim então Além de eu ter os temas pronto se eu posso
personalizar também um pouco mais cada tema que a gente tem aqui você vai ter que ir ao estilo de destaque né você vai ter estilo de caixa de texto o estilo dos dados né e várias outras opções aqui a para o seu tenha Mack para você tem os temas principais e ainda pode personalizar e sistemas além do tema Geral do seu relatório você ainda tem a opção de estilizar cada elemento Então quando você clica sobre o elemento a gente tem aqui três tipos de opções a direita Então a primeira coisa que você pode selecionar é
clicar aqui em cima repare que ele já vai abrir as opções e cada elemento vai ter as suas opções particulares né aqui você tem uns dados né o canal anterior e aqui você tem aba de estilo onde você pode utilizar mais e desse determinado elemento então anteriormente a gente viu utilização do tema como um todo e agora a gente tem entrando nas propriedades de cada elemento não vê que algumas propriedades são você tem que você pode mostrar ou esconder o cabeçalho né Você tem o tamanho da fonte aí eu quero uma fonte maior então aqui
ó repare que o meu cabeçalho já fica com uma fonte maior as cores da tabela também ó que eu tenho acordo o cabeçalho então se eu quisesse vermelho tá aí vermelho né é outra coisa que a gente tem aqui também ó aquele efeito zebrado não sei se vocês já viram que isso é feito aqui ó cada linha né alternados pares e ímpares né com uma cor diferente o rótulo da tabela Eu quero uma fonte maior também ó repare que aumenta a fonte Então a gente tem várias opções aqui ó o número das Linhas né que
esses números laterais aqui se você não quiser que eles apareçam também basta você clicar e é mostrar a paginação que essa parte de baixo se eu tirar não aparece a paginação né aqui a gente pode alterar o redimensionamento dela né é dados ausentes você quer exibir como nulos 10 e assim por diante a questão de alinhamento das colunas né as métricas alinhamento das métricas você também tem um plano de fundo da tabela onde você pode colocar presente Branco você pode colocar ele transparente ó ou você pode deixar ele Branco aí assim por diante então aqui
você tem várias opções para sinalização de se referido alimento então cada elemento por exemplo se eu viesse aqui adicionar um gráfico Então vou adicionar um gráfico aqui de barras colocar ele aqui em cima é a mesma forma você clica que você tem as opções detalhadas de outras opções para esse elemento você vai ter que os dados que estão sendo exibidos por esse elemento né que a parte de dados e o estilo relativo a esse gráfico então aqui ó tem opção de colocar as barras horizontais ou verticais né E aí por diante cada elemento vai ter
as suas particularidades vamos agora Então pessoal criar um cabeçalho personalizado aí para separar os nossos só para gente treinar um pouquinho aqui essa parte do estilo de utilização Vamos criar aqui um cabeçalho aqui na parte superior a gente usar algumas ferramentas de utilização tanto que a gente tem as formas geométricas retângulos círculos vou pegar esse retângulo e vou ocupar parte superior aqui deira é né com essa cor aqui e aí eu vou utilizar aqui a opção de selecionar uma imagem então vou fazer o cloud uma imagem no meu computador vou pegar essa logo a marca
aqui ó Oh e vamos jogar lá aqui ó o local aqui agora repare pessoal que entra logomarca e o fundo deu uma diferença de cor como que a gente pode resolver isso você pode usar qualquer programa de design que a maior parte deles tem essa opção Inclusive tem extensões do Chrome também que trazem essa opção que é o conta-gotas Então conta gotas você consegue pegar a cor hexadecimal desse fundo da minha logomarca com essa cor hexadecimal posso retornar aqui ó aí eu selecionar o elemento ele já vai cair nas propriedades ele aqui de estilização vou
pegar aqui o fundo ó vou vir no maizinho aqui e aí eu jogo a cor hexadecimal aqui ó o conclui então repare que agora os dois estão na mesma cor hexadecimal aqui também a gente pode escrever um texto qualquer né então posso vir aqui na opção de texto selecionar que um texto qualquer Vamos aumentar que o dimensionamento dele eu posso colocar aqui por exemplo relatório da empresa Olá eu sou daqui vamos colocar uma fonte aqui em qualquer vamos centralizar ela aqui ó e aí eu vou selecionar a fonte dela uma fonte parecida com da minha
logo a marca ali Vamos colocar ela centralizada aqui então o que eu já tenho um relatório da empresa a logomarca aqui a esquerda né E aí eu posso até mesmo fazer um menu aqui também ó aqui embaixo Então vou pegar aqui a ferramenta retângulo novamente vou fazer um pequeno menu aqui embaixo olha aqui ó Oi tá aqui o meu a parte de menu deixou de ser um pouquinho essa tabela Oi e aí eu parei aqui isso aqui que é um conteúdo que a gente vai ver possuir ao menos que adicionar o controle Então posso adicionar
um controle de lista suspensa aqui ó poderia fazer vários controles aqui já associado ao meu layout aqui ó só que eu tenho meu layout E aí novamente partindo para Pati lização como eu falei anteriormente cada elemento tem a sua própria utilização vou vir aqui na opção aqui em cima a gente tem as opções disponíveis tá vendo ó e eu posso ver quem estilo também ó eu posso vir aqui ao segundo plano dela e coloca um cinza reparo que ficou um cinza ali posso colocar até um Cinza Mais Escuro ó Então tá aqui ó a ouvir
aqui visualizar repare que eu já tenho a parte superior com cabeçalho aqui eu tenho uma parte de controles né então eu já consigo fazer uma utilização básica aqui E para finalizar toda essa parte de utilização vamos ver um pouquinho também sobre linhas e sobre a URL incorporada como funciona isso aí na parte visualização do Google data Studio nessa parte utilização também pessoal a gente vai ter que a opção de linhas certas e várias outras questões e que apresenta posso pegar essa linha de isso aqui um pouquinho na minha apresentação e coloca ela aqui ó para
delimitar algum assunto que vem aqui embaixo né algo desse tipo a gente também poderia fazer designs mais interessantes por exemplo pegar um timbrado colocar aqui ó na sua apresentação né e assim por diante Então você tem várias opções aqui para poder explorar Então aqui tem um timbrado repare linha timbrado os nossos dados né e a gente ainda tem a opção aqui também de utilizar URL incorporado então o que que você pode fazer utilizando URL incorporado ao arrastar um pouquinho para cá essa tabela de dados E aí presa é porque você tem um vídeo institucional da
sua empresa ou você tem uma url de um formulário do Google forms que você quer que as pessoas que acessem o seu 10 pote possam preencher um formulário ali você pode colocar aqui então por exemplo eu posso vir aqui copiar Compartilhar esse vídeo é o vídeo de abertura do canal do Web Design foco e aí eu colocar o RL incorporado aqui ó eu coloco o link aqui um toque já buscou o vídeo aqui para gente ó e aí eu arrasto aqui ó para ele ajustar Ah tá aqui ó Oi e aí quando eu for visualizar
o meu relatório pessoa que for visualizar ele vai ter que um cabeçalho né com os dados da empresa o título de que se trata o relatório alguns menos aqui né de filtros a uma planilha de dados com a paginação aqui embaixo e aqui ao lado ela pode também ver um vídeo institucional algo desse tipo não é ver algum vídeo institucional uma linha um timbrado com a marca da sua empresa e assim você vai construindo toda a utilização não é do seu dashboard aqui então é isso moçada por hoje é só espero que tenham gostado de
mais essa aula do Google data Studio esteja ajudando vocês né Na próxima aula a gente continua sucesso nos códigos e na vida acesse agora mesmo a nossa plataforma de ensino Web Design foco.com essa plataforma possui todos os códigos explicações para sua vídeo aula assim você aprende de forma mais fácil inscreva-se agora