Transcrições
1. As 8 melhores extensões do Chrome para designers: na classe curta, vou mostrar as oito melhores extensões de crescimento para designers. Como designer, não
queremos ser bloqueados quando estamos criando onde estamos projetando algo. Então, por exemplo, onde você está projetando um site e você quer conhecer um telefone, você
viu em um site onde você quer saber um colar? Você pode fazer isso com extensões cromadas. Ou, por exemplo, se você deseja gerar rapidamente um texto Laura Ipsum ou quiser fazer um convidado de tela da sua tela. Como você faz isso? Este M ou tudo é possível com as extensões grátis que eu vou mostrar nesta
aula curta se você não me conhece? Meu nome é Reno. Estou me projetando, e usei essas extensões cromadas. Quando eu estou trabalhando em sites de clientes ou estou criando esses vídeos, eu acho que eles são muito úteis. Então isso é um pouco de fundo sobre mim nos óculos de camisa divididos em oito
vídeos simples . Para cada extensão há um vídeo, e depois, depois de sempre vídeo, você pode decidir o que deseja usar a extensão ou não. Então eu espero vê-lo no próximo vídeo
2. Escolha as cores: Tudo bem. Então a primeira extensão que quero mostrar a vocês é o seletor de cores. Extensão muito fácil de usar e seu conta-gotas de cor dourada. Se você está em um site é, por exemplo, meu próprio site portfólio, e você quer saber o que o chamador está fora deste botão? Então, onde você vai fazer é clicar nele,
e eu vou apenas criar uma pequena escolha de cor com um muito grande em breve, que é muito bom porque às vezes você quer ver a cor de um pequeno ícone, por exemplo, e você pode realmente ampliar um ponto específico. E então, se você clicar em algum lugar, você vai obter o código hexadecimal. E você poderia copiar isso já. Archie, Peacoat e Andrews vão ao seu adobe X'd e colam o colarinho onde quiserem. Então, sim, é
isso. E, a propósito, todos os links para essas extensões vou colocá-los na descrição. Então, todos os links são ousados
3. Conheça a fonte: Certo, então vamos para o número dois e o número dois se chama “What's Fonds”? É meio semelhante, mas então você pode ver que tipo de fundos há no site. Então, se você passar o mouse sobre os telefones, você já pode ver a frente principal. E então, se você clicar em um fundo específico, você receberá muitas informações sobre telefones mortos. Assim, por exemplo, o peso, que é algo que você pode usar em um monte fora de página construtores ou em seu casaco ou o tamanho em pixels. As alturas da linha, por exemplo. E isso é bom, o colarinho porque o número um, o seletor de cores, é bom para botões e fundos e tudo isso. Mas para o texto, algumas vezes é coração para uma cor maior porque o texto é tão leve ou é muito pequeno. Então você também vai resolver esse problema de colar para texto com Disa conectando aqui. Mas eu principalmente usa para verificar que tipo de telefone site está usando neste site como você pode ver seus únicos meses ameaças, e então, se você quiser sair, você apenas pressionar escape e, em seguida, se foi. Então Super NYSE super rápido
4. Altere o estilo temporário: Ok, então a próxima extensão também é muito legal. Chama-se Stell comprou, e tem o seu pequeno CSS Aiken aqui. Às vezes você está em um site, e você só quer ver como ele fica quando você faz o texto um pouco maior ou seu James the Line alturas em. Esta é uma boa tomada para isso, porque se você clicar na CIA como eu puder aqui, ele precisa carregar alguns segundos. E, em seguida, se você clicar no estilo aberto Bart, você pode clicar em qualquer item nos sites de, por exemplo, neste texto de título. E então, por exemplo, basta pressionar o tamanho do telefone e pressionar a seta para cima ou para baixo para ver como ele fica. Se o tamanho do telefone é maior sobre o exemplo, quando é de parafusos para o normal, ou quando é itálico ou itálico e parafusos ou talvez em tampas, por exemplo, porque caso contrário você teria que entrar para inspecionar, inspecionar elemento e encontrar a peça real e, em seguida, alterá-lo e você tem que saber vê como esforço é Blufgan. Você não precisa saber que você pode até mesmo mudar coisas como o colarinho de fundo. Aqui, você pode alterar as fronteiras e também as margens e dependentes de um item específico. Então, foi muito mais conveniente do que entrar em elementos inspecionados.
5. Gere texto de Lorem Ipsum: Ok, então a próxima extensão também é super legal. Todo designer usa um texto Florham Ipsum que, antigamente, eu costumava ir a um site como este Laura Ipsum. E então eu copiaria um pouco de texto e gob. Você gostaria disso e então vá Teoh meu Adobe X'd, por exemplo, e então cole aquele Dex. Mas há uma maneira mais rápida de fazer isso, e isso é Fiat display gin. Mas é o seu grande l lábio Laura Ipsum gerador que tem, e se você clicar, ele vai apenas criar um grande texto Laura Ipsen com na torneira que você está trabalhando. Você pode até mesmo selecionar pior, por exemplo,
Então, se você só quer 20 placas, por exemplo, que é realmente fácil para Dio você acabou de selecionar. Você copiá-lo e você pode até mesmo clicar em HTML aqui, e ele vai criar uma tecnologia B e também tem um bom Aiken aqui pequeno detalhe de. Mas é bom
6. Capturas de tela de página completa: Ok, então o próximo também é super legal, e eu usei É quase todos os dias e é ouro. Captura de tela de página inteira. É este Aiken. É uma câmera que eu posso. Então, se você está em um site, você pode clicar sobre este Aiken, e ele vai dar-lhe esta animação agradável Pechman, e ele vai criar uma grande captura de tela fora de todo o site. E isso funciona e na maioria das vezes para alguns olhos de representantes onde há muita animação, não
funciona muito bem antes da maioria dos sites. Ele funciona muito bem, e você pode criar shells de tela de página inteira fora de um site, e então o que eu sempre faço. Eu apenas copio a imagem, e eu apenas vou para o meu design. Phil e eu baseamos um monte de sites que eu gosto de inspiração. Então isso é o que eu também fiz, por exemplo, para o meu site de portfólio apenas foi para as pessoas novamente, gerou uma imagem como esta, você pode salvá-la, ou você pode copiá-la. Você pode ir para o seu favorito projetado para, e você pode apenas baseá-lo aqui, e então ele gera uma tela muito grande capturas. Você pode re sites,
em seguida,, desta forma você pode apenas criar um muito bom placas de arte com um monte de diferença sobre páginas para a sua inspiração se você está projetando um site, mas também é uma boa ferramenta. Tutores baixam todo o seu site depois que ele é feito, porque para alguns projetos, claro, você não cria o site inteiro em uma ferramenta como o Adobe X você acabou de começar, por exemplo, no WordPress, talvez recusado tem que muito direito orçamento. Mas, afinal, você só quer ver se todo o site está em um estilo. É um é muito massivo. Então o que você pode fazer é baixar todas as suas páginas como esta com este plug in e, em seguida, colocá-las no Adobe X'd. Então você pode ver claramente como Oh, é isso. É o design ainda consistente. Então, há também um dos plugins. Também está na descrição
7. Baixe imagens do site: O próximo é o downloader de imagem e tem este pouco que eu posso aqui. E se você clicar no downloader de imagem, ele irá gerar links. Donald links para todas as imagens individuais fora de um site. Você também pode selecionar todos eles e, em seguida, clique em downers e ele irá gerar um zip caiu que você pode salvar em seu computador. Também um muito bom.
8. Extensão fácil de gravação de tela: e depois para o número sete. Essa também é muito legal,
e se chama Loom. Essa também é muito legal, Então este é um software de gravação, então se você clicar no Loom, ele abrirá sua câmera. Você precisa entrar com o Google uma vez
e, em seguida, você pode fazer uma gravação fora da tela, incluindo sua câmera espirituosa de câmera de rosto. Então isso é muito bom, porque muitas vezes você criou algo no computador que você quer compartilhar seu processo. Você quer mostrar como funciona, ou você quer explicar para eles como foi o trabalho de imprensa, algo que você poderia apenas fazer um pequeno registro rápido. Aqui, é absolutamente livre de usar. Você pode até mesmo gravar sua tela se você quiser o áudio do microfone, e então ele irá gerar um link e você pode até mesmo baixá-lo e, em seguida, enviá-lo para o seu cliente ou carregado no YouTube e enviar um link não listado, por exemplo, como eles eram muito agradável extensão. Então, sim, eu uso tear o tempo todo. Eu adoro, e vamos continuar com a última extensão
9. Bônus: altere seu fundo na guia: e vamos continuar com a última extensão, e isso é chamado mo mentum. Tenho muitas perguntas sobre isso. Como você obtém essa tela inicial super agradável quando você abre uma nova guia no Google? Cromo? Muita gente vê isto dentro dos meus vídeos,
e depois recebo perguntas sobre isso. Muita gente vê isto dentro dos meus vídeos, É ouro momentum. Não te ajuda com o design, mas parece bom. E também é bom para quando você está em uma reunião, por exemplo, abrir uma nova guia que você não vê os sites anteriores que você abriu. É apenas uma coisa muito limpa de se fazer. Você pode até digitar algo como uma tarefa aqui, e ele vai dar o seu lembrete de que você pode marcar fora. Ele tem uma nova citação todos os dias e às vezes é muito legal ver que você tem algumas configurações aqui. Mas eu o configurou assim. Não faz de você um designer melhor, mas parece legal, e designers gostam de coisas que parecem legais. Não é?
10. Você quer mais?: Espero que aprendam algo novo, e espero que tenham insultado algumas dessas extensões. E agora, se você quiser saber mais sobre design, clique no meu perfil. Eu tenho mais algumas classes de compartilhamento qualificados, pensa em construir um site no WordPress ou criar um cabeçalho transparente. Você pode encontrá-los no meu perfil, então obrigado por assistir. E talvez até a próxima vez.