Primeiros passos em Tipografia - @Curso em Vídeo HTML5 e CSS3

e começa aqui nos nossos estudos sobre o Capítulo 14 que vai falar sobre tipografia [Aplausos] E aí [Música] o Olá tudo bem com você seja bem-vindo seja bem-vindo a mais uma aula aqui de html CSS cara olha Quantas vezes eu já falei essa frase Olha a quantidade de vídeos que a gente tem olha a quantidade de conteúdo que a gente está disponibilizando para você muito obrigado por apoiar o projeto ele ficou sem vídeo e continuamos nessa chegamos agora um capítulo que vai complementar o capítulo anterior lembra que eu falei no capítulo anterior que cores são

muito importantes que cores têm Sensações né levam as Sensações que você precisa se preocupar muito com corpo outra coisa que você precisa se preocupar bastante também é com as fontes é com as letras que você vai escolher para o seu projeto se você tá achando que não tem nenhuma importância o que você nem sabia que existia essa importância assistir todos os vídeos deste Capítulo do início ao fim nesse primeiro vídeo a gente vai mostrar como surgiu a tipografia te explicar o que que é typographia naqual necessidade Dessa arte essa ciência enfim eu vou te mostrar

a importância dos tipos dentro do nosso site Então vamos começar com algum conhecimento teórico Oi como você tá ferrado mas eu não gosto de conhecimento teórico a base teórica é importante para você dar continuidade e chegar na parte prática até no seu caderno Anota tudo que você achar interessante dessa aula a inclusive Da próxima também porque esse conteúdo teórico eu tive que dividir em duas partes mas Fique atento Fica atenta e anota o máximo possível promessa interrompemos a sua aula para mais um recadinho aqui da Record que é quem tá trazendo aqui para o nosso

curso em vídeo uma série de cursos que vão te preparar para o mercado de trabalho e hoje eu vim falar aqui de um consumo muito especial que é um curso de criação de aplicações para dispositivos móveis utilizando o evento o evento para quem não sabe foi uma aplicação criada pelo próprio Google e que hoje é mantido pelo Instituto de Tecnologia de Massachusetts o ET e nesse curso que a república oferecendo o completamente gratuitamente para todos os nossos alunos do curso em vídeo você vai aprender os primeiros passos da programação de uma maneira bem prática e

objetiva e utilizando o evento você vai ser capaz o seu primeiro aplicativo para celular então não perca tempo aponte a câmera do seu celular o aplicativo de câmera para esse código QR que tá aparecendo aqui embaixo e você vai ser desviado para nós a página especial onde a Record Vai disponibilizar todas as instruções para você poder fazer esse e muitos outros cursos que estão disponíveis na plataforma Obrigado pelo Patrocínio he could e a gente volta pra nossa aula 1 bom então como sempre eu preparei alguns slides caprichados aqui para você e a gente vai fazer

um estudo básicos sobre tipografia E como eu disse anteriormente vou dividir em duas partes a parte 1 da teoria na verdade está nesse vídeo daqui e aí eu vou te chamar para um raciocínio né Pensa aqui comigo que significa o termo tipografia o termo de fotografia ele surgiu lá no século 15 quando surgiu a imprensa na verdade não sei se você já parou para pensar não sei se você já parou para raciocinar hoje a gente tem livros livros e livros na verdade a gente já tá até partindo mais por digital eu particulamente lei muito mais

livro digital eu queria mas eu tenho bastante livro físico também só que você para para pensar o seguinte e antes de desistirem essas máquinas todas que geram livros bem antes de surgir as gráficas as grandes impressoras vamos livros eram feitos já parou para imaginar os negros resistiram mas como eles eram feitos se não existia uma máquina então o ponto de virada é o e nessa época chamada de idade média lá na Europa quem produzir né parte de quem produzia os livros eram o que a gente chama de monges copistas monge copista está fazendo aí é

um longe em longe mesmo Um clássico e a função dele ele se especializavam em copiar livro então eu tinha um livro original você vê ali do lado dele tem um livro original e ele está literalmente em copiando um livro tá você imagina um livro de celular 1.000 2.000 páginas quanto tempo um monge copista levava para copiar é essas páginas monge copista só como curiosidade os copistas também eram conhecidos como amanuense amanuense significa feito a mão né amanuense É alguma coisa feita a mão então o copista A Manu é esse é o cara que copiava tudo

a mão que era a única opção da época Então os livros quando você comprava um livro A cópia podia levar meses para ser concluída Então você comprava um livro dois três quatro meses depois que você recebi esse livro ou o único precisar e antes de vender eu acho muito improdutivo e também não é possível né Não acredito que ele gerava um livro para vender depois eram por pedidos né os nobres solicitavam os livros que era quem tinha dinheiro para pagar e hoje o copista E alá tirando uma cópia de uma cobra com letra feia não

não lógico pistas eles eram especializados em copiar uma letra bonitinha desenhadinha para facilitar a leitura e foi em 1450 e esse cara aí deixou rasgar meu alemão ele era Alemão é um inventor alemão o nome dele pronunciado em alemão você é algo parecido com o Husky tem daqui a gente chama ele de Gutenberg na Aqui no Brasil é já brasileiro a parada Então a partir agora não vou falar Tu tem barra eu vou falar vou nem mesmo então que tem verme esse cara tá aparecendo aí se barbeia dividindo a metade tá fechado aí super no

estilo ele foi o cara que inventou essa máquina aí que a gente chama de prensa mecânica Que tipos móveis prensa mecânica de pitbulls Mouse presença a gente pensa em prensa mecânica porque precisa de braço para fazer né não tem um motor para fazer isso é porque e nada de motor agora tipos móveis é que eu entendi é porque eu podia levar a máquina para comprar não eu consegui um vídeo aqui não fui eu que criei tava na internet e eu consegui um vídeo que demonstra claramente Como funciona essa prensa mecânica é o seguinte voltei deve

ter uma ideia para ajudar os monges copistas Ele criou essa caixinha não é um ou vários dores pecinhas de metal com letras e o organizado essas letras da maneira que informassem palavras e essas letras eu colocava nessa máquina nessa prensa sujar de tinta você já vai ver funcionando coloca um papel fecha a portinha coloca numa prensa mecânica no negócio que vai apertar e aí saiu livro O mostrar na prática Esse é um vídeo de uma réplica que foi criada para você ver as letras ali embaixo ele tá sujando de tinta ele vai botar a tinta

em cima dessas letras que a gente chama de tipos tá então ela é porque tipo os móveis o movimento as letrinhas ele tá colocando na prensa vai apertar Olha a força que o cara tem que fazer tudo então sozinho mas tem que fazer bastante Força aí para poder aprender deixa alguns segundos depois ele abre tira abre a tampa e olha que tava dentro some o papel com as palavras isso funcionou duas páginas na verdade a Lena tá você tinha duas páginas copiadas tipo um cara embora lá na direita aparecendo os tipos de ali móveis os

papéis secando em cima porque é tinta né tem que secar e depois eles encaderna vão botar a coisa mais bonitinha e botava para vender cara olha o ganho de velocidade disso é claro que levava a mó tempão para você colocar as letras no lugar mas pensa comigo você leva um tempão botando as letras no lugar depois é só sujar de tinta prensa tira para essa outra você vai fazer a segunda página logo se tivesse lá 50 100 cópias daquela página depois você parte para outra página é demorado Sim hoje em dia você manda a uma

velocidade absurda Mas lembra a gente tá falando de século 15 cara então isso daí foi uma grande invenção tanto que o Gutemberg é conhecido como o pai da Imprensa na verdade deixa eu te dar um spoiler aqui na história da humanidade relatos depois muitos anos depois confirmam que quem inventou a prensa mecânica não foi o Gutemberg não foi um alemão e sim sim meses muitos anos antes mas isso só foi descoberta depois rotenberg já era considerado o pai da Imprensa certo então se por acaso relação curtem devem que fez a primeira prensa mecânica e não

foi bem ele ele hoje é considerado não é o pai da empresa mas os chineses já tinham inventado isso antes mas eu vou dizer que ele copiou a ideia deste mês provavelmente que na época não tinha um trâmite de informações como a gente tem hoje com internet tudo globalizado é uma outra coisa uma invenção bateu em duas cabeças em épocas diferentes que ficou mais conhecido tem que ficou mais conhecido que for Gutemberg que hoje é o pai da Imprensa Oi e aí tá gostando do curso tá achando legal a ideia desse curso Ele tá dando

um trabalhão para a gente desenvolver eu vim aqui te pedir um e-mail por favor para divulgar esse curso e eu creio jeito bem legal de também talvez divulgar o seu trabalho isso porque no repositório que eu vou falar várias vezes no curso além do nosso material de apoio todos os exercícios também vai ter uma pasta chamada ajude na divulgação se você quiser pode entrar lá baixar essa parte inteira e aí você vai encontrar várias imagens em vários formatos para ajudar na divulgação Eu particularmente vou fazer uma versão mas você que artista Você que sabe desenhar

que sabe ilustrar o que manja muito de Photoshop no Estreito pode criar uma arte baseada nos tamanhos né gente vai ter o tamanho deitado o tamanho pé e o tamanho quadradinho você pode criar essas Artes e mandar para gente Para esse e-mail aqui ó que é arte@curso em video ponto com não tem ponto br no final e as artes selecionadas vão ser divulgadas no meu Instagram pessoal e no Instagram do Conselho Egipto aparecendo aqui embaixo o artista pode ajudar a gente querendo Artes pode produzir o seu conteúdo que a gente ajuda a divulgar e se

você não é bom com artes não tem problema é só se essa pasta ajude na divulgação do nosso repositório escolher um ou mais imagens e divulgar nas suas redes sociais grupos e tudo mais valeu mesmo já agradeço antecipadamente pela sua divulgação o que vai tornar Com certeza esse curso muito grande que vai ajudar muitas pessoas e aí é o seguinte beleza ótima invenção de Gutenberg as coisas ficavam Claras fáceis de ler eu tinha lá o desenho da letra uma outra curiosidade aqueles tipos em imóveis aqueles quadradinhos com as letras e se podiam ser de metal

mas tiveram versões de madeira e de a argila então a sua casa jardim ela provavelmente Jurava bem menos e tinha de rolha cortiça também mas acho que ficaram mais conhecidas foram de metais porque não tinha distorção na hora que ele que fazia a presença mesmo então daí surgiu a necessidade de criar letras que fossem mais fáceis de então assim as letras ela pro a igreja letras da prensa de Gutenberg era um bom hoje mas não eram tão boas assim e agora começou a estudar formas de desenhar letras melhores que fossem mais cômodas mais fáceis de

serem lidas e com aproveitamento de espaço também surge Então a nossa arte os nossos estudos de tipografia basicamente a tipografia surgiu nesse momento em que eles estavam querendo melhorar a visualização a visibilidade a legibilidade das letras e o termo de fotografia vem de duas palavras gregas ó vende Ai puxa tipos significa impressão justamente impressão colocar coisas no papel Então vamos de impressoras né e precisou ela falar uma coisa no papel mas impressão é o ato de colocar alguns igrafia vende grafia o termo também grego e quer dizer escrita então basicamente tipografia é um estudo de

como eu vou escrever coisas no papel fechou a Claro que a tipografia evoluir hoje não é só no papel principalmente escrever em telas é muito mais internas do que em papéis e isso é uma tendência daqui pra frente tipografia também atende essa galera então como eu disse basicamente tipografia é o estudo dos tipos ao estudo de como desenhar essas letrinhas que estão aparecendo aí e a forma de escrever ela transmite também emoções assim como eu falei lá no capítulo de cores né que a cor também pode transmitir Uma emoção pelo simples fato do seu cérebro

perceber aquela imagem aquela cor e falaram eu tô me sentindo dessa maneira tipos também são assim eles são uma ótima conjunção com as cores na verdade você profissionalmente vai tem design as pessoas pensam muito em juntar três coisas boas imagens boas cores e boas letras boas representações gráficas então imagem cor e representação gráfica a gente já viu esses três são três coisas muito importantes do Design é claro que você também tem que se preocupar muito com conteúdo não adianta fazer um site muito lindo se o conteúdo não pode ser passado mas por outro lado também

não adianta o conteúdo maravilhoso e não sabia apresentá-lo de forma gráfica de forma cômoda de forma coerente com seu visitante ficar lá e consumir você quando eu eu vou dar um exemplo dessa coisa de Emoção da tipografia na verdade vai ficar três exemplos preste atenção aqui ó eu vou te colocar hoje Mostrar três slides aqui daqui para frente no primeiro eu vou representar a palavra amor vamos imaginar que eu estivesse fazendo uma Peça uma imagem com um site que eu precisasse representar a palavra amor em destaque certo não tô falando de texto corrente não tem

corrente a gente vai falar depois eu quero botar a palavra amor ainda está eu vou tirar duas opções A partir de agora você vai escolher qual delas é a melhor forma de representar seria a melhor forma entre dois que representar a palavra amor tá preparar um dois três e aí palavra amor qual das duas seria melhor para representar a grande maioria das pessoas eu não digo todos porque eu não sei a cabeça de todos mas a grande maioria das pessoas utilizaria a leitura a representação de cima e isso porque amor tá relacionada coisas suaves e

delicadas duradouro É sim a letra de cima ela tem esses traços mais suaves eles têm esses traços mais scriptado Sá que a gente vai ver o que que é um traço espectador Então seria a melhor opção a parte de baixo tem uma coisa muito dura muito retrô muito antiga então provavelmente você não escolheria essa segunda maneira para representar a palavra amor vamos a um segundo teste aqui agora eu quero representar a palavra importante eu quero dentro de um site dentro de um jornal ou dentro de um anúncio de revista última propaganda que apareceu na televisão

eu tenho que escrever uma coisa importante eu vou escrever a palavra importante para chamar atenção mim tá lembro o tirar duas opções a partir de agora e aí qual delas você escolheria provavelmente A grande maioria também escolheria a opção de baixo isso porque uma coisa importante é uma coisa que vai chamar a atenção uma coisa que requer a sua seriedade num determinado momento a letra de cima ou não traz muita seriedade ela foi escolhida ela é uma boa escolha quando eu quero alguma coisa mais leve uma coisa e solto enfim a de baixo ela tem

linhas mais retas mas imponentes Então você entende que essa palavra trouxe emoção pra você se você não entendeu você vai entender essa terceira exemplo aqui esse exemplo não é uma palavra é um termo eu quero também uma peça numa propaganda em qualquer o que quer que seja eu quero utilizar o termo conceito a mão é representada pela um produto que foi feito a mão então eu quero mostrar demonstrar ele foi feito qual das duas seria melhor maneira de escrever na sua opinião não tem a primeira e a segunda Provavelmente você também escolheu a parte de

baixo isso porque parte de baixo a letra de baixo ela simula alguma coisa escrita à mão só tem uma coisa escrita Parece que foi feita a mão também dá uma ideia que meu produto foi feito a mão também a letra de cima é muito boa na fonte que escolha de cima é muito boa mas ela não passa o sentimento de que algo foi feito a mão fica claro isso eu espero que você tenha entendido essa coisa da emoção das fontes assim como você a promoção das cores e você não viu os vídeos de cores e

pulou direto preço de fonte assista o capítulo anterior o capítulo 3 que eu falei sobre emoções das cores agora eu tô falando sobre emoções das Fontes é a que eu espero que você também tenha entendido o que que a tipografia como nós chegamos até aqui e a necessidade de que se estude tipografia tipografia está evoluindo constantemente a moda muda existe uma moda de tipografia ela constantemente está em mudanças ela está em mudanças no momento e eu tô gravando esses vídeos mas vou tentar trazer aí o máximo possível aqui esse vídeo seja atemporal sua funcione mesmo

que a moda mude o próximo vídeo a gente vai falar sobre anatomia do tipo vai entender cada partezinha desse desenho de uma letra Na hora que um artista vai criar uma fonte nova ele estuda essas partes esses conceitos inclusive também no próximo vídeo a gente vai aprender a categorizar as fontes que aí é muito importante para a gente vai desenvolver site porque na hora de procurar uma fonte que você vai procurar ela a categoria então nós temos Encontro Marcado Para você tem anotado tudo aí bonitinho no próximo vídeo Tem mais informações que a gente vai

chegar na segunda parte dessa aula teórica sobre tipografia um grande abraço a nossa bonitinha aí Bons estudos e até a próxima E aí [Aplausos] [Música]