Transcrições
1. Bem-vindo ao curso: oi e bem-vindo ao curso de desenvolvimento de site para empresários e proprietários de negócios, o curso que irá ensiná-lo a criar um site bonito a partir do chão sem ter qualquer experiência de codificação ou design em tudo. Meu nome é Isaza alto e eu sou um designer de produtos, mas também um desenvolvedor da Web. Trabalhei para uma grande empresa automática, mas também ao longo dos últimos anos trabalhei junto com milhares de empresas
ajudando-as a criar seus sites, ford ou negócios. Então, nesses núcleos, quero ensiná-los todos os insights sobre como criar um site a partir do solo, mesmo que você não tenha nenhum conhecimento prévio sobre codificação ou design. No final deste curso, você deve ser capaz de criar seu próprio site para o seu negócio tudo a partir do chão. Podemos adicionar o conteúdo para escolher as imagens, e mesmo assim você poderá fazer este site parecer como se um profissional o tivesse desenhado. Vou guiá-lo através de todas as ferramentas que você precisa saber, e todos os conceitos de design que são importantes para fazer um site parecer mais profissional.
2. Vantagens e desvantagens de criar o site por conta própria: Então, quais são as vantagens de criar o site com um construtor de sites? Em primeiro lugar, a personalização fora do site será muito mais fácil e muito mais rápida. Além disso, os modelos que sites de peças fornecem geralmente são de alta qualidade. Você também não precisará de nenhum conhecimento sobre codificação, e geralmente é muito mais barato. Além disso, publicar seu site depois de criá-lo será muito mais fácil e levará muito pouco tempo para fazer. Mas como tudo, nada é oh suco de cor roxa. Por isso, também temos algumas desvantagens ao criar o site no seu telefone. Em primeiro lugar,
muitas empresas podem ser capazes de escolher o mesmo modelo que você escolheu, que diminuirá a originalidade fora do seu site para que você possa encontrar empresas que
terão um design muito semelhante dependendo de como você personalizá-lo. Além disso, essa personalização é limitada, especialmente em construtores de sites como semanas. Falarei mais sobre isso depois, mas tenha isso em mente. Além
disso, pode acontecer que o conteúdo não alimente o modelo escolhido. Além disso, você não pode escolher suas opções de hospedagem. Vamos aprender sobre hospedagem mais tarde, e as opções de exportação também são limitadas, mas mesmo com essas pequenas desvantagens, ainda
vale a pena criar seu próprio site, porque ele vai apenas economizar tanto dinheiro que normalmente você terá que dar para um designer de site em um desenvolvedor de site e a hospedagem e um domínio. Assim, com a ajuda dos construtores do site, você será capaz de criar site muito baixa costa para o seu projeto ou seu negócio.
3. Qual são construtores de sites: Nos últimos vídeos, mencionei esse termo chamado “Website Builders”. Mas o que exatamente é isso? Bem, é tudo em uma ferramenta que vai nos ajudar a criar ou lado oeste do zero sem ter que codificar nada? Há muitos fora deles e qual deles usar dependerá das prioridades que você tem, do tipo de Westside que você está tentando criar e do tipo de empresa que você tem. Também dependeria de quanto tráfego ou quantas pessoas vão visitar seu site Vou ensinar-vos três dos principais, . que são semanas de espaço quadrado e WordPress. E vamos falar sobre a diferença entre um ou outro. E por que escolher ou não um para o seu projeto thes site Builders também tem algo realmente bom. São as placas da Tam. Eles já personalizaram estilos e sentimentos de acordo com diferentes tópicos. Então, se você está tentando Teoh, criar o site para um restaurante ou para um carro funerário sozinho ou se é um portfólio ou uma página de
negócios, um Wake squarespace ou qualquer construtor de site que você está tentando usar já terá modelos muito finos. para que você possa pegar e começar a personalizá-los em seu conteúdo. Mude as cores e faça com que seja possível a sua irmã. Mas as vantagens que você não terá que começar do zero, o que lhe poupará muito tempo.
4. Diferentes construtores de sites: Então, agora que você sabe o que nossos construtores de site, é importante saber quais são durante o mercado e quando usar um ou outro, porque você pode basicamente usar todos eles. Mas eles têm algumas áreas de vida especial Werder. Então, por exemplo, para fins gerais, se você quiser apenas mostrar informações sobre sua empresa, então você deve usar o espaço quadrado ou semanas. Mas se você tem algum Coomer's ou uma loja online, é melhor usar grande cartel e grande comércio. Bem, se você tem um blawg ou um site de gerenciamento de conteúdo, então eu recomendaria que você use WordPress ou dot com. Então o 1º 1 nós vamos falar sobre seu trabalho ursos, e este é um dos maiores e mais reconhecidos construtores de sites do mercado. Porque estes também são os mais velhos. O único tem sido o mais longo lá fora, e embora ele começou principalmente como uma ferramenta para criar blocos, ele evoluiu através dos anos para um lado onde você pode simplesmente construir qualquer tipo de sites. Ele também precisa de um pouco de codificação. Mas a boa notícia é que já que é tão reconhecido. Muitos desenvolvedores assim se atrevem a ter criado um monte de plugins que lhe permitirá apenas usar WordPress para criar lojas online e qualquer tipo fora do site que você precisa. A coisa que você precisa saber é que existem dois tipos de WordPress. Há wordpress dot org e trabalho bolsa dot com e as principais diferenças que para a versão dot com, você não precisará de codificação saber borda, mas também irá limitar-lhe uma vantagem disso mais, se você usou sua versão, você será hospedado Branco pelo WordPress. Você também precisará usar um auto-domínio, e os modelos serão mais limitados. Além disso, você não terá a opção de usar os plugins do que foram desenvolvidos para WordPress. Mas se você usar dot com em dot org, sinto muito que você vai precisar de codificação saber borda, mas você vai lhe dar mais possibilidades. Você terá acesso a mais modelos. Você terá o controle do código, e você será responsável pelo domínio e hospedagem. Mas apenas ele diz que há muitos programadores lá fora que desenvolveram um monte de código frente, bonito para WordPress. Então você só pode usar isso e copiar, colá-lo em seu site e criar um bonito que é adaptado para qualquer tipo de necessidade você tem. O próximo construtor de que vamos falar são semanas, e este também é um dos maiores players do mercado, e está lá há muito tempo, e é muito conhecido por causa de sua capacidade de criar qualquer tipo de sites. Se você tem uma pequena empresa ou restaurante ou loja online ou o que quer que você tenha, você pode usar semanas. Então, quais são as vantagens? Bem, 1º 1 é que é muito fácil de usar, e também inclui uma versão gratuita logo abaixo de um subdomínio. Você também pode escolher entre muitos tipos diferentes de modelos, e você também pode instalar APS de terceiros. A desvantagem, no entanto, é a dificuldade de migrar seu site uma vez que você o criou em semanas. Também como e O. Funções não são tão boas nele, e você também tem publicidade. E, claro, se você não usar a versão gratuita e quiser seu próprio subdomínio, então o preço e o domínio web são uma pequena desvantagem. Mas Justus Weeks, os construtores de sites mais antigos também terá um preço, então eu não me preocuparia com este tanto. O último construtor de sites que quero mostrar-vos chama-se Squarespace, e este aqui é justiça. Maior os outros, mas tem uma particularidade, e é que é muito curado em termos de modelos de design. Então, as vantagens que você terá com ele é que você terá um design muito bom e muito responsivo para dispositivos de movimento mais antigos. Também é muito bom para vendas e cargas de dúvida, e você vai obter um como certificados de venda para livre e muito bom serviço e também muito bom analytics. Assim, tal como eu disse, a curadoria pode ser uma vantagem, mas também uma desvantagem, porque iria restringir-te mais . Você também terá menos modelos, e você não terá uma versão gratuita, e você não terá widgets assim como outros da Índia. Então você realmente deve usar o espaço quadrado se você realmente não quer se preocupar tanto com isso. Então, com Ward Paris, você vai precisar de um monte de apenas Google para código e para plugins, e assim um com semanas você pode fazer quase tudo o que quiser. Mas as desvantagens é que se você não sabe tanto sobre design, então você tem o risco de que seu site pode não parecer tão bom no final. Bem, se você tem squarespace dan, você vai ser garantido que você vai ter um design muito bom já porque um limite você muito mais. E os modelos são muito bons, muito bonitos já. Então você só tem que verificar quais são suas reais necessidades para o seu site antes de apenas escolher um ou outro?
5. Introdução ao Squarespace: Agora vamos ver como construir nosso primeiro site com o Squarespace e este site é extremamente intuitivo e extremamente curado em termos de auto-design. Então, antes de começarmos, eu gostaria que você apenas checasse o site deles e selasse os recursos que eles têm todo o tipo de lâminas Tim. Um, o tipo de tópicos disse que você pode criar o site para eu quero dizer, você pode criá-lo para qualquer tipo de negócio, mas eles já têm alguns tópicos muito demitidos, muito bons. Hum, que você pode apenas ir e clicar ao redor para ver se você tem um restaurante ou se você tem um site de
fotografia ou o que quer que seja ISS, ou se é apenas um quarteirão, você pode apenas dar um clique por aí. E uma vez que você confira um site que você realmente gosta, você pode apenas visualizá-lo e ver Oh, os recursos. Tem como as páginas e disse mais ou menos como ficaria se você escolhesse
este . E se você realmente gosta e está pronto, então você só vai clicar em frente para começar, e ele vai pedir que você se inscreva para criar uma conta. Se ainda não tiver um. Vai ser muito fácil. Você só vai precisar do seu nome, e-mail e fora do curso. Ele irá pedir-lhe uma senha também. Então, são poucas informações que eles precisam. E Dan, quando estiveres pronto para ir, podes criar uma conta, e ela será imediatamente redireccionada para o lado principal de Tampa. Eles também têm algum pequeno turista para que você possa simplesmente clicar no nome fora do
projeto ou do site que você está criando para, então você pode simplesmente ir em frente e digitar o nome fora da sua empresa ou do seu negócio. Você vai mostrar-lhe Merlis como editar como criar páginas, e ele tem, como um pequeno tutorial off. Como tudo funciona é muito fácil. Então, uma vez que você viu isso, você vai clicar em pronto e então você pode ir em frente e começar a editar, adicionando seu próprio conteúdo e suas próprias imagens, e você estará pronto para ir
6. Publicando seu site: então agora que você sabe onde construir o seu lado, vamos falar sobre os passos. É realmente fácil, mas a primeira coisa que você precisa ter claro é que tipo de site você está tentando construir
para que você possa começar a escolher qual tipo de construtor de site será adequado para o seu site . Então, uma vez que você tem este, você vai se inscrever e escolher um modelo. Este templo permitirá que você simplifique seu processo de design. Você terá que personalizá-lo e construir o site, adicionando conteúdo em imagens. Mas tudo isso será muito fácil, porque o é uma ferramenta muito fácil de usar. E por último, mas não menos importante, você terá que publicá-lo. E, claro, apenas tome cuidado, apenas monitorando depois. Verifique se está crescendo e melhorando. Agora vamos falar sobre as coisas que ele vai precisar para publicar seu site bem, a primeira coisa que você vai precisar é algo chamado de domínio, que é basicamente o endereço fora do seu site, e o 2º 1 será a hospedagem. Este é o espaço na nuvem onde seus arquivos serão armazenados, pulando para a conta que se você estiver usando um construtor de sites. Você não terá que se preocupar em hospedar Adul. Assim, o domínio é este endereço fora do seu site e, portanto, deve estar relacionado com o nome da empresa ou do produto ou mesmo seu próprio nome. Então, a primeira coisa que você precisa fazer é discutir algumas idéias e, em seguida, encontrar um site onde você pode verificar se o nome dele ainda está disponível para uso e quanto vai custar-lhe e seguida, você pode escolhê-lo por persegui-lo e conectado ao seu site. É muito importante que você tenha em mente que antes de comprar um site, se você já escolheu o seu construtor de sites, alguns deles incluirão um domínio gratuito. Por isso, basta verificar o plano que o seu construtor de sites tem e optar por dominar posteriormente. Como eu mencionei antes, você realmente não teria que se preocupar com as cenas de hospedagem. Estamos criando nosso site com o construtor de sites. O que significa que todos os nossos arquivos já serão armazenados no servidor do
construtor do site dele . Mas só para mostrar a você, existem diferentes tipos de postagem para que você possa ter seus arquivos em um compartilhado e isso é muito bom quando você tem uma pequena empresa quando seu site não é realmente complexo. Nós também temos hospedagem em nuvem, o que permitirá que você crie diferentes cópias fora do seu site e armazená-los em diferentes servidores apenas no caso de que um vai para baixo. Então você ainda poderá verificar seus arquivos e ter seu site online, e o último será o servidor BPS, que lhe permitirá ter mais controle e liberdade. Mas assim como eu disse, isso é apenas para fins gerais e conhecimento geral, você realmente não terá que se preocupar com este.
7. Introdução com Wix: Agora vamos falar sobre como configurar seu primeiro site com semanas. Ah, mas primeiro, eu gostaria que você fosse ao site e apenas confira todos os diferentes recursos que o editor tem, que tipo de funções, diferentes que eles têm. O que eles oferecem para você e apenas ler tudo direito para que você tenha uma idéia melhor e uma melhor compreensão antes de começar? E você também pode simplesmente ir e clicar em modelos e apenas verificar os diferentes tipos que eles oferecem para os diferentes negócios. Então, se é um site de fotografia para vídeo um design um portfólio ou o que quer que seja, você pode encontrar todos os diferentes tipos de modelos classificados, e também eles suportam muitas línguas diferentes também. Então vá em frente, confira o site deles e leia tudo através de um, antes de começar e quando estiver pronto para ir, basta ir para o botão azul e pressionar, começar e ir para se inscrever, e vai ser muito fácil. Como você provavelmente não tem uma conta, então você terá que se registrar primeiro até que eles estão indo apenas para pedir seu e-mail, sua senha e então você estará pronto e pronto. Você só tem que clicar novamente em se inscrever e, em seguida, você será redirecionado para decidir onde você pode apenas começar a escolher seus templates. Então semanas tem essa função antes de escolher os modelos onde eles vão perguntar que tipo de site é que você está tentando construir e estes irão criar automaticamente ou sugerir que você gosta de que tipo de modelo é melhor para o seu site? Mas você vai ter um pouco mais de restrições quando se trata de editar este site para que você
possa fazê-lo desta maneira. Mas eu recomendaria o seu apenas pular o 80 Eu e escolher o seu próprio modelo. Mas eu quero dizer, é com você. Você pode tentar. Neste caso,
vamos escolher um modelo. Neste caso, Então, aqui vamos nós. Quando clicamos nele, apenas
somos sugeridos, como todos os tipos para coisas diferentes para empresas ou para o que quer que seja. E nessas chaves, eu vou seguir em frente e escolher um modelo para consultoria e coaching. Então eu só tenho que clicar nele vai me mostrar os que são otimizados para este propósito. E uma vez que eu vejo um que eu realmente gosto, eu só posso visualizar Ed para ver mais ou menos como ele se parece e que tipo de
páginas diferentes ele já configurou. Então, vamos apenas clicar na vista e conferir e ver se estamos felizes com isso. Vai perguntar-nos se queremos editar, decidir ou não. Eu só vou fechá-lo para que eu possa apenas clicar através e verificar todas as páginas que eles têm. Então eles nos têm, você pode ver informações sobre você e, em seguida, eles terão diferentes exibições de produtos que você pode comprar imediatamente, etc. Então eu acho que estou muito feliz com este modelo. Vou clicar no Ed e começar a editar com ele. E sim, vai
demorar um pouco até carregar, mas basicamente vai abrir o editor do site e vai ser muito fácil. Você pode ver que ele tem,
tipo, tipo, turnê de
boas-vindas. Você pode apenas verificar Merlis como tudo funciona, mas vai ser muito fácil. Você só tem que clicar sobre as coisas e começar a editar e mudar as imagens e tudo que você precisa
8. Responsiveness: algo que você realmente tem que levar em conta ao projetar seu site é lembrar que seus usuários terão acesso a ele de diferentes tipos de dispositivos fora. Quer se trate de um celular, laptop ou tablet, você tem que estar ciente de que seu site precisa se adaptar a de Steve Ice. Isso é chamado de responsividade no site e a resposta do Web design é essa capacidade que o site tem de se adaptar a qualquer tipo de dispositivo que o usuário está acessando a partir de um otimizado o conteúdo de acordo com este. Assim, com os nossos criadores de sites, vai ser muito fácil porque eles vão ter apenas uma função que lhe permitirá
visualizar como o seu site se parece em qualquer tipo de dispositivo e fazer ajustes em caso necessidade.
9. Alinhamento: próximo tópico é algo que muitas pessoas ignoram ao criar seu site. Mas é algo que pode realmente fazer a diferença no profissionalismo fora do
próprio site . Então vamos dar uma olhada neste exemplo, e está tudo bem. Mas uma vez que vemos o da direita, parece muito melhor, e isso é apenas por causa do alinhamento. Se você olhar para o lado esquerdo, todos os textos são completamente desalinhados uns com os outros,
enquanto à direita, um é um pouco mais visualmente atraente porque todas as coisas sejam horizontais como verticais, estão alinhados com apenas uma ou duas linhas, e para criar alinhamento, temos duas opções diferentes, então o primeiro 1 seria ter um alinhamento lateral ou alinhamento de borda. E isso é quando todos os elementos fora do site estão alinhados pelas bordas. Então você tem que ter certeza de que uma linha cruzar caminho e tochas todas as bordas fora dos diferentes elementos. O 2º 1 que terá é o alinhamento central, e este é um inchar nos. A borda, como o próprio nome diz, é aquela em que você centraliza os elementos apenas pela linha de mídia, seja horizontal ou vertical. Outra coisa a ter em conta com o trabalho com alinhamento é a simplicidade fora dele. Por isso, temos de nos certificar de que o alinhamento legal nos alinhe possíveis. E você vai ver aqui um exemplo de um cartão de visita. E à primeira vista parece muito bem. Mas temos muitas linhas de alinhamento. Então, se mudarmos um pouco de líder e apenas alinhar tudo para um lado, vamos minimizar as linhas de alinhamento. E estes serão visualmente mais atraentes para nossos usuários e também mais fáceis de consumir as informações e, portanto, mais fáceis de focalizá-las e processá-las.
10. Hierarquia: nesta seção. Vamos falar sobre algo muito simples, mas muito importante, porque vai ter um enorme impacto no design do seu site e na forma como seus
usuários e clientes percebem e processam as informações. E este tópico é a chave dela. Então a primeira coisa que você precisa saber sobre o Furacão é que nosso cérebro está conectado de uma forma que
processamos a informação de acordo com a forma como ela é apresentada a nós. Então nós estamos conectados para verificar primeiro a coisa maior, as coisas de pedra primeiro. Então, se você olhar para este exemplo, você notará imediatamente que seus olhos irão para a primeira linha de texto, depois para o 2º 1 e, em seguida, para aquele onde a topografia não está
mais em letras maiúsculas . Isso é algo que vai ajudar você a organizar seus textos, hum, para capturar a atenção de seus usuários exatamente onde você precisa. Agora vamos dar uma olhada no segundo exemplo onde temos um monte de formas, então você vai notar que seu cérebro vai imediatamente e chamar sua atenção para o quadrado porque é o maior objeto fora de todos eles também é o mais ousado. Então nosso cérebro é conectado para apenas verificar o maior ousado e, em seguida, passou para as coisas mais redondas que estão no próximo tamanho. E então vamos consumir todos os elementos até chegar ao menor e mais leve para conhecer Lisrik um exemplo com sites. Então, se você tem um site que está parecendo com este onde você tem um monte de texto que é muito parecido não apenas diferenciar o que qualquer linha do outro, seu usuário terá muito mais dificuldade em saber onde se concentrar primeiro e o que tipo de informação é mais importante não outro. Então, se fizermos uma pequena mudança e anúncio, por exemplo, algumas imagens, isso já está melhorando a experiência do usuário, mas ainda não será incrível. Então o que precisamos fazer é justiça neste último exemplo para, como tentar orientar nosso usuário através do nosso site. Então, se temos um título do que talvez fazer este mais ousado ou torná-lo maior, então se temos imagens que podemos, tipo, variar comeu o tamanho deles e a posição também com legendas e com grande quantidade de textos , é realmente importante que dividimos as informações e apenas chamemos a atenção para os usuários exatamente onde precisávamos. Então, se o mais importante é a imagem e talvez fazer esta imagem maior? Bem, se o mais importante é apenas o título de si mesmo, então apenas fazê-lo Boulder, torná-lo maior e fazer alguns ajustes legais. Para que você usuário um não. Onde se concentrar primeiro.
11. Trabalhando com imagens: outro aspecto importante do design do nosso site são que tipo de imagens estamos escolhendo para ele? E, a fim de escolher boas imagens é importante levar em conta a qualidade no tamanho das imagens, a resolução. Você tem que ter imagens para ter uma boa resolução para que quando o usuário as vê em
telas maiores , eles roubem o trabalho. Além disso, você tem que ter cuidado com o tamanho porque, acordo com o tipo diferente de dispositivo, esta imagem pode ser ou não tão visível. A imagem também deve estar relacionada ao tipo de conteúdo que você está fornecendo ao usuário, então eles precisam estar relacionados porque eles precisam enviar uma mensagem. E a última parte que você tem que levar em conta são as regras de fotografia. Você tem que ter cuidado que existem certas regras que farão imagens elite um pouco mais atraente para os olhos. Então, cuidado com este e usá-los a seu favor. Há muitos sites onde você pode encontrar imagens de graça, e isso é apenas uma porcaria desses, mas há ainda mais, apenas sinta-se livre para verificá-los e procurar suas imagens antes começar a seu site. Um deles é pixels. Nós também temos picos, obedecer e splash fotografia gratis. O necrotério arquivou Calm Peak, jumbo, bem como cofre de ações. E todos esses sites terão imagens que você poderá usar gratuitamente. E talvez alguns deles vão pedir-te para contribuíres com o autor ou algo assim . Mas isso vai ser com você. E agora a última coisa a ter em conta ao trabalhar com imagens é como fazê-las funcionar. Bem, quando você também tem texto com ele e para estes, você vai ter Teoh certifique-se de que o texto do pau que está em cima das imagens. Se for esse o caso, é legível. E para isso, você pode apenas fazer mudanças simples que vão melhorar a legibilidade fora do texto, como alterar o fundo da cor,
hum, hum, ou talvez subjacente ao texto por trás dele ou apenas controlar o imagem de fundo, ajustando o contraste ou fazendo um pouco mais. A Paige. Talvez você também pode colocar como uma camada que sobrepõe a imagem com apenas um pouco fora de uma passagem ou fazer a imagem com, hum, grande filtro oceânico. Ou talvez apenas coloque uma sobreposição com radiante. Essa é uma pista um pouco mais escura. Quando o texto acabar, a imagem e todas essas fitas vão ajudá-lo a tornar o texto mais legível.
12. Psychology de cores: Então agora vamos falar sobre um dos tópicos mais importantes sobre design de sites e um que vai ajudá-lo a criar certos comportamentos em seus clientes em seus usuários. Então chamador distópico da ISS. E é extremamente importante porque a cor é algo que vai diretamente para o arsenal consciente e ativa certos parâmetros que não podemos controlar. Mas eles trabalham em sua extremamente eficaz. Então, eu não sei se você teve esse sentimento quando você entra em uma sala e talvez você
comece a sentir polegadas. Ou talvez isso faça você se sentir muito relaxado, muito acalmado. Tudo isso é por causa do design, dos elementos que eles estão lá, mas principalmente, é por causa da cor. Então, por exemplo, se a sala for amarela, você começará a se sentir muito ansioso. Mas se o quarto em vez desta cor azul vai fazer você se sentir muito relaxado, muito calmo, muito confiável para que eles possam mudar nossas emoções, eles podem mudar como nos sentimos e o que fazemos para que você possa aproveitar isso porque é uma ferramenta de comunicação muito poderosa, e você pode usá-lo para sinalizar os olhos, algumas ações para influenciar o humor de seus clientes. ou usuários ou até mesmo influenciar reações psicológicas. Muitas das maiores marcas já sabem disso, é
claro, e elas o usam. Teoh criar certas coisas dentro de seus clientes. Então, por exemplo, se você tiver restaurantes de fast food, você notará que a Dell usou essas cores vermelhas amarelas muito brilhantes. E isso é exatamente porque eles são tão brilhantes que eles imediatamente vão te custar o efeito que você não vai querer ficar lá por muito tempo, que significa que você vai entrar lá por sua parada. Ele iria rapidamente e então seguir em frente, tomar o seu caminho longe porque eles só querem obter o máximo de clientes que puderem, e eles não querem que eles permaneçam por muito tempo. Então, em vez disso, se você sair como um cônjuge ou algo assim, você terá tons
muito, muito quentes. Como Brown terá um monte de largura, talvez alguns azul, muito leve e cores que vão fazer você se sentir muito confortável, muito seguro e vai fazer você querer passar mais tempo neste. Então agora vamos verificar os diferentes chamadores em qual,
qual deles significa e como você pode usá-los para criar mais atenção, ou quando é sábio usar um ou outro e como combiná-los?
13. Significados de cores: Então,
assim como eu estava dizendo a vocês na seção anterior, a coisa mais importante que você precisa ter em conta sobre a teoria das cores é que cada cor tem um significado, mas também que as cores estão ligadas às emoções e sentimentos, e dependendo de qual você usa, ou em que quantidade e qual tom ele pode alcançar um objetivo ou lidar com o um. Além
disso, é importante que você saiba que é melhor escolher uma paleta de cores, então pelo menos duas ou três cores que você pode misturar em torno de títulos, Baden e fundos e coisas diferentes. E por último, é importante que você saiba, que tipo de marca você está trabalhando ou qual é o seu tipo de empresa. Os valores locais, os clientes. Tudo isso tem uma influência. Então nosso primeiro chamador é uma cor amarela, uma cor que pode ser muito poderosa, mas também muito perigosa se você usá-lo para fundos, ele evoca emoções como felicidade,
alegria, alegria, atenção também intelecto, e é usado para chamar a atenção. Mas como você não pode olhar por muito tempo, não
é realmente bom para ser usado para fundos, então tenha cuidado quando você usá-lo no próximo. É a cor azul, a cor fora do pente, a cor fora
da peça, aquela que evoca tranquilidade, estabilidade, confiança e confiança. Ele é usado para ramos como medicina saúde, também para gerar confiança. Então é muito bom para trabalhar com dinheiro. Agora vamos falar sobre a cor vermelha, uma das mais poderosas e a mais chamativa atenção de justiça amarelo. Ele evoca amor, energia, paixão e poder. Também emoções. É por isso que é muito usado para coisas que são excitantes. Tenciona para o amor, para a sensualidade. Agora a cor verde uma cor que apenas o azul é um pouco mais calma. Ele evoca frescura. A segurança está relacionada com a natureza e o crescimento, é por isso
que é muito utilizada para serviços relacionados com alimentos, especialmente com coisas relacionadas a saudáveis e sustentáveis e ambientalmente responsáveis. Agora cor roxa uma cor que invoca realeza, riqueza, poder e comunidade, é por isso
que usamos para créditos bancários. Causa de desconfiado transmite para abordar público feminino, também para exclusividade e luxo e justiça. Roxo. Temos a cor preta, uma muito, muito poderosa exclusiva. Ele foi relacionado antes com a escuridão, mas agora ele viu poder elegância extrema de Maura, e é usado para criar emoções fortes, mas também apenas exibir roxo para re por cento de luxo e exclusividade. E por último, mas não menos importante, temos a cor branca, que é usada para representar pureza, inocência, luz e bondade sinceridade, é por isso
que ele emite para marcas que têm a ver com, Espiritualidade com coisas nous com limpeza nous,
também pode representar um novo começo. Espiritualidade com coisas nous com limpeza nous,
14. Combinações de cores: Agora que você sabe o significado das diferentes cores, vamos falar sobre as combinações que você pode criar com elas. E essas combinações irão ajudá-lo a construir uma Politte cor, que lhe permitirá ter diferentes opções para escolher para seu plano de fundo, seus títulos, suas legendas e assim por diante. Então, para isso, você vai precisar dar uma olhada na cor do testamento, que é essa representação abstrata das cores ao redor do círculo que mostrará as relações entre eles e dependendo de como você combina as cores desta vontade, você pode ter diferentes tipos que são como o granizo complementar analógico,
árvore, árvore, sótão e monocromático, e todos os dias mostrarão mensagens diferentes de acordo com a forma como você as usa. Então vamos falar sobre a primeira combinação, que é um olhar Anna. Então este é o que cria quando você pega uma cor na roda, e então você pega a cor imediatamente ao lado desta. Então, se dermos uma olhada neste azul escuro aqui, os analógicos serão o roxo e o colarinho azul ao lado daquele. Então essas combinações que são criadas com cores analógicas são extremamente harmoniosas e
fáceis de olhar, que as tornará boas para usar para fundos e títulos, ou apenas para usá-las em grandes quantidades em seu site justiça que você veria neste exemplo. Agora, a segunda combinação que vamos falar é a de cortesia, e esta é a que é criada quando você tira uma cor da roda e a combina com a cor que está localizada no lado oposto. Então, se dermos uma olhada no roxo, é cortesia. Um será a cor amarela bem na frente dele, e discriminações são realmente boas para chamar atenção. Mas também há extremamente confronto. Ela para que eles vão se destacar. Mas a coisa ruim sobre isso é que você não pode realmente olhar para eles para a frente por muito tempo, então eles serão bons para madeireiros e coisas assim, mas não para fundos. Agora vamos dar uma olhada na chamada combinação de divisão, que é a que você cria quando você combina um chamador com as duas cores que são apenas atriz final para o oposto. Então, se pegarmos a cor roxa, por exemplo. Então sabemos que o amarelo é o oposto. E então os dois que estão ao lado dele, que é esse tipo de laranja ou amarelo mais escuro. E este verde muito claro será exibido combinação. E estes serão um líder um pouco mais de equilíbrio, mas também ainda muito confronto e Hum, por isso também é muito bom. Legal demais para atenção, mas ainda não é bom para fundos e coisas assim. Agora vamos ver a combinação Triad QI, e este é o que você cria quando você tem um chamador e pegar os dois que
farão com que ele divida a roda de cores em ST partes exatamente iguais. Então, se pegarmos este azul escuro feito, o laranja e o verde claro serão a combinação do sótão tentar fora deste, e este será muito Vallas e o aço chamará atenção. O temos que ser curvo Vulcano porque ele também pode gerar um olhar muito noventa porque na década de noventa era muito comumente usado para todos os anúncios e Lagos etc. Agora vamos falar sobre a combinação monocromática, e esta é a que nós criamos quando você pega uma cor no testamento e então apenas se
combina com, hum, diferentes quantidades de preto ou branco. Então, se pegarmos um azul, então teremos que adicionar um pouco de branco para ter um tom mais claro ou um
pouco de anúncio do dedo do pé preto para criar um tom mais escuro. E esta é uma combinação muito moderna e muito, muito harmônica, então você deve levá-la em consideração ao criar seu design.
15. Noções básicas de tipografia: na seção. Vamos falar sobre tipografia, e este é um tópico extremamente importante, e vai ter um enorme impacto sobre o que seus usuários pensam e como eles processam as
informações do seu site. Porque dependendo do tipo de tipografia que você usa, você pode enviar uma mensagem completamente diferente mesmo usando a mesma frase. Então, basta verificar o exemplo dele em que é apenas uma frase simples. Você sempre será minha. E se escrevermos assim, pode ser percebido como muito romântico. Mas se mudarmos a tipografia, então de repente ela pode enviar uma mensagem
muito, muito assustadora e de amigo. Então, uma das coisas que você precisa levar em conta ao falar sobre tipografia é que eles são dois diferentes, hum, em termos que as pessoas confundem muito. O 1º 1 é o tipo, e esta é basicamente a variação do peso. Se é negrito, itálico ou o que é? Bem, este estilo é a família diferente. O tipo de rosto é frio e, por exemplo, arial Helvetica, todos estes são chamados de tipo, e você deve ter cuidado. Porque muitas pessoas tendem a confundir os dois termos. Então, agora que você sabe a diferença, vamos ver alguns exemplos de diferentes tipos de rostos e fundos diferentes. Então nosso primeiro exemplo de cara tipo vai ser os sons Serif um. E este parece muito simples e é uma das maiores famílias iam
entrar mais em detalhes. O 2º 1 é o serial, que é aquele que tem essas coisas legais no final dos personagens. Agora também temos essa risada serifa. Temos os telefones de script que são os mais encaracolados. Temos uma ondulação os Mona espaçados, e nós também temos d exibir fundos, para que você possa ver exemplos de cada um deles. E agora vamos conferir os exemplos para diferentes tipos de fundos. Então o 1º 1 é, claro, a dívida irregular, mais básica, uma de cada tipografia. Nós também temos o condensado, que é um pouco mais esticado horizontalmente. E então temos o metálico, que também é um pouco mais deitado para o lado direito. Podemos ter o metálico também em negrito, e podemos ter um inchar o negrito, apenas o regular, mas uma pista um pouco mais como forte. E então nós também temos o preto. Agora vamos entrar um pouco mais em detalhes com muito dio d significa e com o que eles estão relacionados? Porque esse é um tipo de mensagem que seus usuários perceberão, dependendo do tipo de topografia que você está usando. Assim, os serif estão muito relacionados com tradição, respeito, confiabilidade e comport, enquanto os de surf solar são um pouco mais modernos, mais limpos, mais objetivos, mais estáveis. Este roteiro está relacionado à elegância, carinho e criar equipe de TV. Os monitores parecerão um pouco mais amigáveis, expressivos, únicos e divertidos, e os modernos são um pouco mais fortes,
mais progressivos, Styler e mais chique.
16. Famílias de Serifa e Sans Serif: nesta seção, vamos ver um líder ter sido mais detalhado. As duas maiores famílias e estas são o serif e o som servem. Então vamos começar pelo 1º 1 E estes são muito reconhecíveis por causa das
linhas de liderança que eles têm nas extremidades e os extremos de cada personagem. Então isso vem dos tempos antigos onde as pessoas tinham que esculpir os laterais em pedra, e era quase impossível esculpir as letras sem deixar as linhas legais
no final. Então, como eles vêm disso, tempos
antigos levam até mesmo a impressão de ser muito tradicional, muito conservador. E exemplos disso são os tempos para a Geórgia, a roupa e a carreira. Agora vamos falar sobre os quatro tipos de famílias que as teses têm. O 1º 1 é o mais antigo e é o estilo antigo ganhou um grande exemplo para a estadia. A taxa de Progra é o Jensen adulto. Agora vamos passar para a transição. Um exemplo deste será a topografia Bhaskar Bill. Um pouco mais moderno. Vejamos esta família moderna. Um exemplo é dedução de topografia morta, e finalmente temos os serifas de laje, e estes vêm dos tempos fora dos jornais, onde eles costumavam imprimir as cartas em um papel de má qualidade. E estas cartas estavam muito molhadas para que deixassem estas marcas como se se dividissem um pouco. Agora vamos passar para a família San Serif, e essa família é muito reconhecida por ser vista como mais moderna, pois é abordada. Isso é muito simples, muito mínimo. E alguns exemplos deste apóstrofo r a notícia gótico, DLV,
Erica, Erica, Jill Sands e Futura e estes também apenas Aziz. A família Sarah é classificada em quatro tipos, e o primeiro que nós vamos falar é a família grotesca e dois, Tese um. Podemos classificar as notícias topográficas góticas, por exemplo. Agora o 2º 1 será o neo cresceu família tisk, e a este pertence topografia. Helvetica, que é uma das topografias mais conhecidas, está no mundo agora. Também temos a família humanista e o acordo. Sands pertencerá a este, e o último será a família geométrica e dois D's Um pertence à tipografia Futura
17. Como escolher uma boa tipografia: Então, agora que você sabe o básico sobre topografia e o que cada
família de amigos ladrão representa, você pode começar a escolher a tipografia que você vai usar em seu site. E para isso, você também precisará levar em conta sua marca, sua empresa na água, os valores que você está tentando transmitir. Talvez. É mais moderno, ou é mais conservador? É uma marca brincalhão ou é um olhar mais, senhor? Use mais sério, mais crescido. Um que você vai ter Teoh em conta que tipo de usuários fora são os jovens Artur em seus cinquenta anos? Eu não sei. Todos os detalhes legais do vão influenciar as coisas que você quer
transmitir a eles e como abordá-los. Então, esta é a primeira coisa que você precisa levar em conta sua marca e seus usuários. Além disso, talvez a localização pode ser o tipo de país em que você está e o que está considerando há mais ou brincalhão. E então um agora, outro fator que você terá que levar em conta ao escolher sua topografia é a legibilidade, e esta é apenas a capacidade que uma fita mais longa se ele tiver que ser processado facilmente pelo olho humano. Então este vai depender de pequenos fatores como talvez o tipo de linhas que a
tipografia serif é tem este vai ser um líder, sido mais difícil de processar porque leva um pouco mais de tempo para o eu humano para apenas reconhecê-los. E isso vai fazer uma grande influência em diferentes situações. Então, se, por exemplo, você está tentando fazer o usuário ler um grande monte de texto, você deve ter uma tipografia que é muito fácil de consumir. Então, em vez de usar uma tipografia serif, você deve usar uma Sand Saref, uma, que é mais clara e mais fácil de ler. Além disso, há situações em que isso terá um tipo de influência vital ou morta. Então, por exemplo, se os usuários estão em uma rodovia e você está fazendo um anúncio, você deve ser capaz de ler isso rapidamente, porque caso contrário ele vai se distrair. Então, para anúncios,
em seguida, o tipo Sand Saref será mais ad equate, enquanto se você tiver um título do que é completamente aceitável usar esta tipografia de veiculação. Então, apenas para fazer como um embrulhar os TIFs para trabalhar com tipografia ou para usar diferentes tipos é 1º 1 ser onde é melhor para fazer dois tipos diferentes de famílias. Então, se você tem ah, tipografia
serif para o título, então você deve tomar um sans serif para o conteúdo. Além disso, apenas um site disse que os San Serif são muito bons para corpos porque eles são mais fáceis consumir agora. Outra coisa que você pode combinar são o humor e a era. Então, se você tem que tipos modernos do que esta é uma boa combinação, ou se você tem que tipos antigos, então também seria bom combiná-los para colocá-los juntos, enquanto o tipo de família é algo que você tem que contrastar também, o serif nous e espere. Então, tentando não colocar tipos muito serif juntos e para San Serif tipos juntos thes vai fazer e não tão boa mistura. Também tente evitar o uso de mais de três tipografia é ao mesmo tempo, e o que quer que você
faça, por favor evite essa tipografia. Facilidade filhos quadrinhos Kristen aparece Viner, Kroll e Símbolo thes são facilidade topografia que foram muito utilizados em excesso e que não são vistos é bom na indústria. Então todo mundo vai pensar que você não se esforçou em escolher a tipografia do seu site. Por isso, por favor, mantenha isso em conta.
18. Ferramentas para trabalhar com tipografia: este vídeo, eu vou mostrar um par de ferramentas e sites que vão ser muito úteis para você quando trabalhar com tipografia é, e com telefones apenas adequados, você pode espionar em que tipo de tipografia alguém está usando ou você pode apenas encontrar topografia diferente é se você já sabe o nome e basta ir em frente e baixá-los. A primeira ferramenta que eu quero mostrar é chamado o que o fundo ou meus fundos e é um site onde você pode apenas fazer upload de imagens, e então o software vai apenas reconhecer imediatamente que tipo de tipografia é esta imagem usando. Então, se você verificar um site que você realmente gosta, mas você não sabe que tipo de tipografia eles estão usando, mas você gostaria de usá-lo para o seu site ou para o seu logotipo ou o que quer que seja, basta ir a este site, e como você pode ver, você pode simplesmente arrastar e soltar qualquer imagem, ou você pode simplesmente fazer upload. Qualquer arquivo é muito fácil de usar
e, em seguida, reconhecerá imediatamente que tipo de fundos estão usando. Ele também tem algumas recomendações e tipografia, então você pode apenas clicar em torno e verificar o que eles têm, e eu vou mostrar-lhe apenas ah exemplos de texto para que você possa apenas ir em frente e escrever qualquer coisa e eu vou mostrar-lhe na facilidade de tipografia nos recomendados. Como ele gruda para olhar como em diferentes ambientes para que você possa apenas tomar ao redor e letras
maiúsculas ou apenas É normal letras regulares e escrever o que você quiser ver como ele parecia. E então você pode ir em frente e baixar a frente. É muito fácil de usar. Ele também tem ofertas. Ele tem um monte de coisas, então você pode apenas clicar ao redor, obter alguma inspiração, ou você pode apenas usá-lo para descobrir que tipo de tipografia esta, sua imagem metade outra fora das características é que você pode apenas verificar ao redor. Que tipo de preço essas imagens têm e baixadas diretamente para que você possa apenas verificar qual delas é grátis e começar? A próxima ferramenta que eu quero mostrar-lhe é um site chamado Fonts Girl e, ele disse, desempenha muito semelhante aos meus telefones ou o que o fundo, ou você pode apenas descobrir diferentes facilidade tipografia para que eles tê-los classificados em categorias diferentes, e você pode simplesmente ir a este se você já sabe que tipo de fundos você quer usar, ou qual é o estilo que você quer para a sua tipografia? Eles também têm características diferentes, como eles foram classificados por idiomas para que você pode apenas encontrar árabe, chinês e diferentes tipos de caracteres. E Justus, meu telefone. Ele também tem um identificador de fundo, por isso funciona muito semelhante. Você só tem que carregar a imagem, e então eles vão reconhecer que tipo de financiamento é, e então você pode simplesmente ir em frente, procurar o nome e comprá-lo. Então, se você verificar, eles também têm, tipo, acordos
recentes de parada de fawn e um monte de recursos. Então você só tem que ir verificar o seu telefone e, em seguida, clicar nele e imediatamente
redirecioná-lo para o site, onde você pode simplesmente baixá-lo ou comprá-lo e eles terão preços para que você possa encontrar
os gratuitos . Ou se você está realmente pronto para dar mais, você também pode fazê-lo, e eu quero mostrar-lhe mais duas ferramentas. Então o primeiro desses é chamado de Telefonado, onde você pode apenas encontrar topografia diferente é e também baixá-los ou por eles. Então, se você acessar o site deles, eles já terão muitos estilos diferentes que são apenas, hum, recomendados para você. Mas você também terá todas as categorias e tópicos. Então eles têm, tipo, diferentes olhares que eles têm, como a topografia gótica é, ou os mais modernos. E você também pode apenas digitar seu texto e visualizar como ele vai parecer justiça, o mesmo US Skrill, e então ir em frente e comprar Seu telefone é muito semelhante. E por último, mas não menos importante, temos os dois últimos, que se chama Sky Fonts, que é um resfriado que permitirá que você espione fundos diferentes. Então, se você tem um site onde você realmente gosta da tipografia que eles estão usando, você pode simplesmente ir em frente para os fundos do céu e instalar o aplicativo, e eles vão permitir que você espionar dois sites diferentes e qual tipografia eles estão usando . Eles também têm um monte de coisas que você pode verificar ao redor. Eles também vão redirecioná-lo para o meu telefone. Só para ir em frente e comprar topografia diferente é depois que você descobriu qual era o que seu site estava usando. Eles têm novidades. Eles têm se tornando shows diários, estilos
diferentes e assim por diante. Então você pode apenas ir em frente e clicar um pouco de rodada e verificar as funções mais antigas. Mas é muito fixe, por isso devias verificar.
Laura I., Senior Designer at BMW
