Teoria do design digital para designers gráficos: mídia social, web e além

1. Introdução do curso: Este curso de base de teoria curta irá guiá-lo através da teoria do design digital, incluindo as melhores práticas para mídias sociais, ícones de sites e design de exibição digital estático. Vou apresentá-lo ao design digital e o que torna o design digital diferente do design impresso . Nossos outros meios de design tradicionais que primeiro falarão sobre design de mídia social forte e como atrair a atenção dos espectadores e mantê-los envolvidos através do contraste. Cor e fotos. X irá cobrir Web e design móvel e falar sobre a importância da hierarquia de tipos e entender o papel que um designer gráfico desempenha e projetos de Web design irá rever vários exemplos de layouts que funcionam e convertem bem e falar sobre as razões pelas quais também abrangem acessibilidade, design condicional e como pensar em outras pessoas com limitações físicas ao criar suas experiências digitais. Por fim, falaremos sobre princípios fortes e design digital estático, como capas malignas, campanhas de e-mail, outdoors digitais e muito mais. Este curso abrange todos os tópicos de design de vigília e não só irá prepará-lo para se manter atualizado com o design no mundo moderno, mas eu vou dar-lhe uma base básica necessária para começar a lidar com novos, emocionantes, digitalmente projetos de foco 2. Introdução ao design digital: design digital refere-se a qualquer design que tenha trabalhado para o espaço digital, incluindo dispositivos móveis, tablets, tablets, computadores desktop, telas de projetor, grandes outdoors digitais e muito mais. Os designers gráficos concentraram-se principalmente em projetos de design de impressão, como cartões de visita, banners de zoológico estacionários , camisetas , chapéus, design de pacotes no passado. Mas à medida que o tempo passa, haverá apenas B'mais e mais demanda por projetos baseados em digitais. Cabe a você como designer ser bem versado em todos os aspectos do design digital, para que você possa se sentir confortável projetando para telas super pequenas e telas de projeção super grandes , também. Todos os projetos de design digital são dimensionados usando pixels, pixels ou quadrados de luz que podem ser brancos, vermelhos, verdes, azuis ou pretos. Todos os monitores digitais são criados usando uma determinada área de pixels. Seu 10 80 p widescreen TV imagens Air criado usando uma combinação de 1920 pixels e com por 10 80 pixels e hype, dando a essa tela um total de 2.073.600 pixels. Isso é um monte de pixels que sabia apenas ser ligado para criar aquela imagem de alta resolução nítida. Quatro grãos de caixa usando uma quantidade ainda mais incrível de pixels iluminam a tela com 2160 pixels de altura e 38 40 pixels. E chicote. Eu acho que o aspecto mais desafiador de trabalhar com projetos de design digital como designer é a ampla gama de telas com as quais precisamos estar prontos para trabalhar. Às vezes, eles poderiam ser menores como um iPhone oito tela chegando e apenas 750 pixels largura por 1334 pixels de altura. Ainda menor é um anúncio de exibição móvel que chega a apenas 300 por 50 pixels. Eu acho que a chave para ser um grande designer digital é entender como melhor usar tamanhos pequenos para sua vantagem. Por exemplo, uma simples campanha de mídia social. Digamos que temos vários tamanhos com os quais precisamos trabalhar, mas temos que, de alguma forma, comunicar algumas informações básicas exigidas pelo cliente. À medida que nossos tamanhos se tornam cada vez menores, certas concessões precisam ser feitas, e cabe a você descobrir isso e se comunicar com o cliente. Essas concessões, por exemplo, em nossa campanha de mídia social, começamos com grande postagem no Facebook, e então precisamos criar anúncios de exibição estáticos ou há pequenos anúncios que você vê no sites na parte superior e nas laterais de um bloco de conteúdo ou blawg. Alguns desses anúncios de exibição podem ser muito pequenos. Menor ainda, são esses anúncios de exibição móveis. Temos que, de alguma forma, convencer o nosso conceito principal e tema em áreas menores, mas ainda manter são consistentes branding nossa mensagem e nosso principal conceito da campanha. E fazemos isso focando no que é mais importante neste caso. A ação chamada é a parte mais vital de um anúncio, e sem uma razão para clicar na página de destino, seu site não há nenhum valor sendo criado pelo anúncio. É apenas estática, e isso é apenas mídia social. Há tantas categorias e design digital que dependem de um designer gráfico para desenvolver os gráficos. Pois há também projetando para celular. Isso pode ser móvel, APS ou até mesmo versões móveis de sites. Que cores usar, como usar contraste, quais pensamentos eu uso? Todas essas decisões desempenham grandes papéis na eficácia de um aplicativo móvel ou site. Há também um formato maior. Gráficos digitais como os que você vê em seu estádio local. Seu power point desliza para grandes conferências que precisam ser feitas que correspondam à marca da conferência. Há até mesmo outdoors digitais de grande formato, que estão se tornando cada vez mais favorecidos sobre os outdoors impressos de estilo antigo. Devido aos custos reduzidos de executar um outdoor digital, ícones como o que você vê para ícones APP em seu telefone também precisam ser criados. Há um método especial para criar aqueles que usam uma grade especial criada pela Apple para ajudar a encontrar o posicionamento mais eficaz dos elementos. Certos ícones podem ser vistos melhor do que outros e um mar de ícones de aplicativos diferentes. Às vezes, o uso de cor como um vermelho, pode ajudar alguém realmente se destacar em que C ou uma forma simples ou uma letra. Além disso, há ícones que precisam ser criados para APS, sites e aplicativos. Há uma arte na criação de ícones que comunicam ações complexas. É possível usar as formas mais simplificadas. Ícones podem ter apenas 50 por 50 pixels e tamanho de qualquer momento, então ser capaz de simplificar um conceito complexo é algo aprendido e praticado Ícones que serão usados como um conjunto juntos precisam ter uma aparência consistente. Por exemplo, eles têm um tamanho de traçado semelhante em todo o conjunto, e ele não pára por aí. Há também miniaturas baseadas em vídeo que precisam ser criadas para o YouTube e outras plataformas . Estes precisam converter e ser eficaz em desenhar o usuário para clicar através do vídeo. Como você usa fotos, cores e tipografia contribuirá para a eficácia do vídeo e taxas de cliques . Por exemplo, as miniaturas do YouTube que são simples na natureza e têm um ponto focal principal tendem a fazer melhor do que aquelas com toneladas de texto e fotos. Além disso, essas miniaturas com rostos das pessoas tendem a se converter melhor com miniaturas com apenas texto . Isso ocorre porque nós, como seres humanos tendem a se conectar a rostos humanos e psicologia humana, podemos desempenhar um papel importante no design digital. Há também capas de livros e tendem a impulsionar as vendas com base na eficácia do design da capa. Às vezes, a capa de um livro é a única coisa que o espectador vê ao classificar centenas de possíveis seleções de livros e ser capaz de criar uma capa de livro digital que irá converter, atrair e vender. O livro pode fazer a diferença entre boas vendas e grandes vendas. Como você pode ver, os designers têm papéis enormes a desempenhar no mundo adicional, e é nosso trabalho garantir que estamos preparados para criar imagens altamente eficazes rapidamente que possam impulsionar as vendas para nós mesmos, nossos clientes e as empresas para as quais trabalhamos. 3. Design para redes sociais: o que vai para projetar uma imagem para uso em mídias sociais? Quais são as coisas que são conhecidas por serem eficazes e atraindo essas bolas altas para o nosso conteúdo ? Existem algumas regras básicas e dicas que podem ajudá-lo a ser mais eficaz. Designer de conteúdo de mídia social Primeiro de tudo, entenda seu público-alvo. Com quem você está tentando falar? O Teoh? Tente entender o público-alvo estudando informações demográficas. Está conseguindo essa informação para quem trabalha? O seu anúncio de cartaz será exibido? Duas mulheres a mais do que homens? Você está mirando esses? E um grupo demográfico mais jovem que pode moldar e moldar a forma como você aborda o design? Um grupo demográfico mais antigo pode precisar de uma abordagem de design mais conservadora, enquanto um público mais jovem pode se conectar mais com algo mais ousado e parar o show. Por fim, onde eles se localizam geograficamente, aqueles nos Estados Unidos podem se conectar mais com um determinado design do que alguém da América do Sul ou da Ásia, talvez usando fotos que melhor representam o público-alvo. Mais pode ajudar nesta conexão com o seu anúncio ser autêntico e parece óbvio. Mas ser autêntico é mais fácil disse que feito especialmente no trabalho com clientes fazendo publicidade paga . Os clientes querem impulsionar ofertas e serviços de produtos. Mas precisamos encontrar maneiras de criar um design que faça isso parecer menos como suas ofertas padrão. Vemos todos os dias, e eles fazem um dedo mais atraente. Nosso público-alvo. Por exemplo, podemos criar um anúncio simples para uma empresa de alimentos para animais de estimação e colocar um saco de comida bem no centro do anúncio de mídia social com um cupom simples. Parece muito tradicional, mas, bem, bem, se usássemos uma imagem de um dono de estimação apreciando seu cão e depois a foto de um produto ? Melhor ainda, se nos conectássemos com eles usando uma manchete inteligente também? Estes são pequenos ajustes e mudanças nos anúncios, mas eles podem ter um grande impacto sobre a eficácia do anúncio. Contraste bem, e falamos de contraste em quase todas as lições desta classe. Contraste é a diferença simples entre os elementos de design. Quanto mais dramática a diferença, maior o contraste tem. Podemos usar o contraste de forma eficaz como designers para atrair os olhos do usuário para a parte mais importante do anúncio, geralmente a chamada à ação, ou que até agora deslizar para cima para mais botão ou área. Mas também podemos usar contraste com nosso tipo destacando uma palavra em nosso título para trazer uma palavra mais favorável que ajuda a empurrar as pessoas para nosso objetivo principal para o anúncio. Por exemplo, esse anúncio que usa contraste para trazer essa palavra no título para atrair o usuário para o conceito geral do contraste do anúncio pode ser facilmente usado para muitos elementos que diferem drasticamente pode fazer com que um anúncio pareça ocupado, desatualizado e muito difícil de olhar para o contraste é melhor usar com moderação e com um propósito. Use fotos que se conectam com o visualizador. Isto remonta a ser autêntico também. As fotos escolheriam poderiam ter enormes impactos em atrair os espectadores. E isso é verdade para anúncios impressos tradicionais também. Tome, por exemplo, este anúncio para um ginásio podemos usar a foto padrão que é facilmente visitado sobre onde podemos usar uma imagem de maior impacto para atrair os espectadores e parar mesmo por um segundo para dar uma olhada extra a foto e o anúncio. Fotos coloridas tendem a atrair usuários e mais do que preto e branco se lembram nas mídias sociais . Você tem menos tempo disponível para atrair pessoas para o seu cartaz. Adicione a menor quantidade de qualquer outra plataforma de publicidade. Pense em quão rápido você percorre seu feed do instagram. Não muito tempo, são fotos da primeira coisa que as pessoas vêem e começam a ler o texto. Em seguida, use isso a seu favor. Como você corta. Sua imagem também é enorme. Podemos fazer as coisas parecerem comuns ou dramáticas simplesmente cortando-o das maneiras mais atraentes neste exemplo da garota em um local exótico. Cortando assim. Parece bom, mas corte assim. Parece quase mágico e inspirador. Sinta-se livre para editar suas fotos também. Para adicionar pops de cor, você pode fazer isso facilmente, seja adicionando novas camadas para as fotos e loja de fotos ou um editor de fotos e usando modos de mistura para desenhar cores para fazer pôr-do-sol. E mais dramático, já vi pessoas clonar em nuvens diferentes para realmente definir a cena. Mas, por favor, tenha cuidado em ser autêntico também. Porque famosos influenciadores das mídias sociais se meteram em problemas para adicionar nuvens falsas ou compras de fotos, seus corpos. Há uma linha tênue, e cabe a você decidir onde essa linha se encaixa para você e seus espectadores. Faças o que fizeres, certifica-te de que estás a contar uma história verdadeira, crível crívele autêntica. Use variedade. Pense em seu post e campanhas de mídia social como uma tapeçaria de arte. Precisa haver alguma consistência da marca ao longo de tudo, mas isso não significa que você precisa criar cookie. Cutter acrescenta que todos têm o mesmo formato. Algumas pessoas gostam de ver diferentes fotos sendo usado manchetes, arranjos e estilo. Isso é ótimo para testes de usuários para descobrir qual é o melhor layout e eficácia para diferentes tipos de anúncios. A Mídia Social é uma parte crescente de um conjunto de habilidades de designer e saber como o melhor projetado para mídias sociais pode torná-lo mais comercializável como designer. No geral, isso requer muita prática e testes de usuários 4. Design para web: agora o que torna um grande Web design todos os sites éticos? Isso poderia ser para converter usuários sobre um serviço de assinatura, comprar um produto para apenas fornecer informações úteis para o usuário. Um ótimo site é aquele que converte seus espectadores bem. Isso pode ser através do uso de marcas consistentes, autenticidade e cópias bem escritas fotos de produtos eficazes e muito mais. Então, qual é o seu papel é um designer gráfico no mundo do Web design? Bem, se você pode desenvolver em código um site, você é uma raça rara e você será pago generosamente. Mas com o design do site se tornando cada vez mais complexo e codificação, tornando-se mais especializado e pode não ser uma coisa ruim ter nossas diferentes especialidades, vejo o Web design sendo responsabilidade de três contribuidores principais. Em primeiro lugar, há o desenvolvedor. Ele vai pegar o projeto final e transformá-lo em um código, material viável riel. Ele requer conhecimento de linguagens de codificação front-end e back-end, linguagens do lado do servidor e mawr. Um indivíduo altamente especializado. Ele se concentra no lado técnico das coisas. Como é que funciona? E recém-adicionado ao grupo nos últimos 10 anos é o designer de UX ou designer de experiência do usuário . Muitos designers gráficos começam a aprender esse campo de design, e ele está crescendo em popularidade. O designer UX fará um monte de testes de usuário e pesquisa de usuário para descobrir a ordem de como o usuário precisa se mover através do site. Isso significa que eles vão mapear uma jornada do usuário para que você saiba quantas opções de menu principal precisa haver para o usuário e quantas etapas em cada processo para levar o usuário ao seu objetivo em . Isso requer um Thanh de pesquisa e algo chamado enquadramento de arame. O enquadramento de fio está ausente para um designer de UX mapear o fluxo de um site e bloquear áreas onde um botão pode precisar ir. Ah, foto ou onde as opções podem mentir para o usuário. Isso raramente inclui gráficos finais e às vezes pode ser apenas grandes caixas fora. E o visual legal, o branding, as cores? Este é o lugar onde o designer gráfico é você. Eu, designer de interface de usuário, poderia entrar e realmente realçar os detalhes visuais. Uma vez que você tenha a estrutura básica do mapa do site de esboço, é seu trabalho criar ícones guias de estilo, algumas idéias básicas de layout para que o desenvolvedor possa codificar isso e torná-lo uma realidade realmente polida . Então, agora que conhecemos nossa função, como posso criar um design de site ou um design de aplicativo móvel eficaz? E há algumas ideias básicas para ter em mente usando o contraste. E aqui estamos falando de contraste mais uma vez. O contraste é uma ótima maneira de levar o usuário em uma jornada em direção ao destino desejado. Isso poderia ser em direção a um carrinho de compras que podemos usar vermelho, que seria uma cor de contraste maior aqui entre o mar de branco. Para que o usuário encontre facilmente o carrinho de compras, facilitando sua experiência. Você tem o tamanho a seu favor. O que você acha? Converte melhor neste layout da loja e commerce, uma característica do produto que tem uma foto pequena ou que tem uma foto maior. A foto maior naturalmente se converte melhor porque dá ao espectador uma idéia melhor do produto no qual eles estão se preparando para clicar. O que acha que funciona melhor? 12 itens listados em uma tela ou três itens selecionados. Os itens têm uma característica maior, tendem a fazer melhor. As pessoas ficam sobrecarregadas com muitas opções quando você foi multado essas opções para o espectador. Ele tende a reduzir essa tensão emocional, facilitando a seleção de uma opção. No geral, é por isso que as pessoas gostam de conteúdo curado, como notícias. Há centenas de artigos de notícias. Podemos lê-lo a qualquer momento. Mas usar o tamanho para destacar os mais importantes faz maravilha para nossa alma em nossas mentes e nossa conversão e clique através de taxas limpas e simples. É o nome do jogo. Vamos falar um pouco sobre design limpo e Web e design móvel. O que você acha que funciona melhor, o layout à esquerda ou o layout à direita? Simplificar o design pode ajudar o usuário a se sentir menos sobrecarregado, assim como fez quando demos mais a eles. Opções seletivas baseadas no tamanho têm um senso de hierarquia. Não sinta que você tem que enfiar tudo em uma área. Serão certos itens que serão transportados ou importantes do que outros. Por exemplo, certos produtos vendem melhor e serão uma prioridade máxima. Hierarquia pode ser aplicada ao design móvel e Web de várias maneiras. Você tem hierarquia de tipos, que pode ser definida estabelecendo um tamanho de fonte e aguardar o seu maior tipo de título principal e, em seguida, você lentamente trabalhando seu caminho para baixo para títulos menores. Isso geralmente é indicado pelo termo H um para o maior e descendo para H dois h três , h , quatro e assim por diante para tamanhos menores de manchete. Então você tem sua cópia de corpo principal ou seu tipo de tamanho de parágrafo, que geralmente é uma fonte simples, um peso normal e um pouco menor em comparação com o tamanho do título. Seu trabalho é um designer é estabelecer e definir esse senso de hierarquia no design. Tome este exemplo. O exemplo à direita não usa realmente tipo são itens chave ou tamanhos semelhantes, e eles têm quase zero contraste. Mas o exemplo à esquerda estabelece um sistema de hierarquia de tipo forte, que usa estilos variados para certos tipos de informações, manchetes e sub-linhas, dando o design e a sensação ordenada. Poderíamos fazer a mesma coisa com design impresso, e isso se traduz bem para a Web. Opções de fonte são tudo não apenas importante no Web design, mas todos os projetos de design encontrar opções são tudo. Tamanhos lutados maiores podem ter um enorme impacto nas páginas de destino para impulsionar as vendas são para impulsionar uma ação ou resposta emocional. Pontes de tamanho muito pequeno podem afetar a legibilidade e a eficácia. A melhor prática para escolher fontes para seu projeto digital é mantê-lo simples e ordenado quanto possível. Você quer ter certeza de que suas opções de fonte marcam todas as caixas em todos os momentos. Número um. É legível no tamanho final. Uma fonte usada em um site de desktop pode parecer agradável e grande e legível. Mas quando ele diminui para a versão móvel do site, ele ainda é legível e não mantém o mesmo impacto? Número dois. Você não está usando muitas fontes diferentes. Tente evitar o uso de mais de três fontes em uma página da Web ou gráfico digital, a menos que haja um motivo específico de design criativo. Para fazer isso. Evite usar tipos de fontes semelhantes, como usar Helvetica perto de Ariel. Ambos são muito parecidos em uma aparência de época, e eles são ambos sem tipografia serif, confundindo o espectador de qual deles é qual. Por fim, certifique-se de que é fácil de ler mantendo o comprimento da linha razoável. Qual coluna de informações é mais fácil para você ler A versão à esquerda é a versão à direita. A direita provavelmente é mais fácil de ler porque o comprimento total do nosso comprimento de linha do tipo é mais fácil para os olhos de ler. O mesmo se aplica aos projetos de impressão. Você deseja poder manter o comprimento da linha no máximo 60 caracteres por linha. Você pode usar colunas e fotos para ajudar a tornar isso mais possível para você. Não tenha medo de ser expressivo com sua tipografia e design digital. Usamos os tipos de letra padrão como Helvetica para Danna uma antena porque eles eram seguros para a Web e dispositivos de todos tinham esses pré-instalados. Hoje em dia podemos armazenar fontes na nuvem. Por exemplo, o Google Fonts mantém todas as fontes na nuvem para que você possa carregar uma variedade maior de fontes agora. E as pessoas não precisam instalá-los em outros computadores para vê-los em seus navegadores . Isso abriu um mundo de tipografia criativa expressiva na Web. Agora não precisamos mais usar imagens para mostrar tipografias expressivas ou tipografia. Poderíamos torná-lo tipo vivo, significa que as pessoas podem selecioná-lo, copiá-lo, interagir com ele e às vezes você pode até fazê-lo se mover. Como designers, poderíamos ser Justus, criativos como somos com projetos impressos com projetos digitais. Certifique-se de experimentar com tipografia interessante para suas manchetes. letra San Serif tendem a governar o dia do passado, mas agora você está vendo cada vez mais detalhado sehr de tipos de letra e até mesmo fontes de script ao vivo em interfaces digitais. O único aviso aqui é certificar-se de que você não usa demais tipografia expressiva e detalhada muita frequência em seu design digital. Eles poderiam ter sido uma grande atenção captando manchetes, mas evite usar muitas fontes exclusivas personalizadas para áreas menores de textura, cópia e parágrafos. É melhor manter esses tipos realmente expressivos bonitos na máxima legibilidade, tornando-os maiores em usá-los para manchetes. Estude novas formas populares e emergentes de exibir informações há tantas formas emergentes exibir um menu. O que era popular antes era o menu de hambúrguer no aplicativo móvel ou no design do site. É um ícone simples, que expandiu um menu deslizante. Isso foi bom e proporcionou ao usuário acesso fácil a um menu sem ocupar muito espaço na tela do aplicativo do forno superior. Mas com os telefones ficando muito, muito maiores, o usuário agora tem que levar sua figura até o topo de seu telefone para acessar este menu de hambúrguer. Agora os menus de prateleira na parte inferior tendem a ser preferidos pelos usuários. Estas pequenas evoluções e você I ou design de interface de usuário de um aplicativo móvel, por exemplo, são pequenas coisas que você precisa estar ciente. Se você está interessado em aperfeiçoar o design digital, precisamos começar a pensar em Mobile primeiro. Não há muito tempo, pensamos na versão desktop de um site, e então descobrimos como ele se adaptaria melhor a uma tela móvel menor. Bem, os tempos mudaram, e agora precisamos mudar essa mentalidade. Uma boa maneira padrão de projetar agora é projetar em tamanhos menores primeiro e, em seguida, trabalhar seu caminho até tamanhos maiores. Então, por exemplo, começando com uma versão móvel de um site, e então você precisa descobrir como ele se expandirá quando estiver em um navegador em um tablet? E então, finalmente, você quer ver como ele fica em uma tela de área de trabalho maior. O mesmo se aplica às newsletters por e-mail. forma como visualiza um e-mail no aplicativo de e-mail do iPhone, por exemplo, muito diferente da forma como visualiza esse e-mail na área de trabalho. As imagens são muito menores do que o esperado quando visualizadas no seu telefone. E é a melhor prática ter isso em mente ao criar qualquer imagem de design digital. E isso leva a um design responsivo. O que é design responsivo? É simplesmente como o site responde quando é mostrado em diferentes tamanhos de navegador. Às vezes, os elementos colapsavam para facilitar a visualização em um dispositivo móvel. Às vezes, os elementos não são exibidos em um dispositivo móvel quando ele é convertido em um tamanho menor, como uma foto, por exemplo. Essas opções são importantes para você entender ao projetar para tamanhos maiores e menores e algo que você e seu desenvolvedor combinam como uma equipe. 5. Design para acessibilidade: precisamos pensar na acessibilidade para aqueles espectadores com necessidades especiais. Isso é muito mais importante do que você imagina, e algo que você pode garantir que aconteça para qualquer coisa que você projetar. A Web ou dispositivo móvel está pensando sobre o daltônico Ao criar suas paletas de cores . Pense naqueles que podem ser daltônicos. Não confie totalmente na cor para comunicar o próximo passo ou chamada à ação. Mas, por exemplo, é por isso que temos dois botões aqui. Se fôssemos adicionar outros indicadores que este botão é importante para pressionar, como engrossar a base apertada estão adicionando uma borda especial. Pode ser outro indicador para ajudar o usuário que pode não ver essa cor vermelha brilhante. Não, é a próxima coisa a fazer. Um bom truque para ver se isso funciona é fazer o seu design totalmente preto e branco por um tempo para ver se você pode navegar em seu site como apenas preto e branco, assim como você faria se fosse uma versão colorida. Precisamos também de pensar nos deficientes visuais. O mesmo vale para garantir que haja contraste suficiente com suas cores e elementos. Baixo contraste, talvez mais difícil para aqueles com deficiências visuais verem e navegarem no seu site. Projetar formulários é um bom exemplo. Um milhão de dólares. Claro que você tem contraste suficiente em seu design quando gostamos de economizar espaço sempre que possível. Às vezes colocamos o rótulo ou o nome na bolha de entrada. Por razões de contraste, é mais fácil ler se o rótulo for colocado na parte superior ou fora da bolha. O próximo item é algo que talvez mais para o desenvolvedor ou o codificador, mas certificando-se de que suas imagens têm descrições alternativas ou descrições alternativas para que seu leitor Web audível possa falar a descrição do que é a foto. Então eles não perdem o impacto dos visuais. Outra coisa para pensar é também certificar-se de que você pode navegar no seu site usando apenas uma mão, por exemplo, certificando-se de que você pode usar o botão de guia para se mover pelo seu site. Só estou usando um teclado. Se eles estiverem em um telefone, verifique se os botões e ações não estão muito distantes um do outro. Por exemplo, o sistema de menu pode ser usado acesso para usar uma mão ou uma figura porque está na parte inferior da tela Há também os deficientes auditivos. Se você usar qualquer tipo de visual ou vídeo, certifique-se de que as legendas estão disponíveis. Além disso, certifique-se de que o áudio não é uma experiência necessária na sua experiência digital de designer. Com exceções especiais, claro, é claro, há muito mais que ele poderia fazer para tornar experiências de design digital acessíveis para o usuário. E é ótimo ter isso em mente. Certifique-se de que seu código ou desenvolvedor é colocado nessas discussões no início para que eles possam implementar muitas delas. 6. Layout digital eficaz: Falamos sobre vários aspectos para pensar ao projetar para sites de mídia social. Experiências móveis mais. Mas e os layouts digitais estáticos, como campanhas de e-mail, outdoors digitais, ícones, slides de power point? Qualquer livro abrange todos esses itens diferentes. Capte o usuário em uma situação diferente. Outdoors digitais pegam as pessoas dirigindo rápido de seus carros e seus distraídos com um foco muito limitado. E a chave para um design de outdoor digital sólido e outdoors impressos é tornar algo legível em cinco segundos. Você pode usar fundos e gráficos simples para tornar este processo rápido e fácil para eles. Evite números. Não muitas pessoas podem escrever números de telefone enquanto eles estão dirigindo, mas eles podem se lembrar de um simples seu l ou site. E quanto às capas de livros E? Você já tentou encontrar um livro e na Amazon ultimamente? Você sabe quantas capas diferentes você olhou ao tentar encontrar um livro? Sugiro visitar amazon dot com e olhar para os livros ou livros e. Observe a rapidez com que você percorre essas capas, que capas pegar seu olho amarelo capas brilhantes, aqueles com uma foto atraente. Temos que ter em mente onde e como o espectador vai primeiro livro visualizador cobrir temas complexos ar difícil de digerir como eles são quando você pode fisicamente pegar um livro na livraria, modo que as capas digitais tendem a ser mais simples na natureza. Você está percebendo um tema com simplicidade com projetos de design digital? Tenho certeza que sou. Você tem que pensar sobre sua situação de espectador para cada projeto digital diferente. Por exemplo, campanhas de e-mail. Eles podem ver isso em seu computador desktop e ver uma imagem de alta resolução agradável e grande. E esse mesmo e-mail pode ser visto em seu navegador móvel na imagem é pequeno e tem um baixo impacto. Se estiver muito ocupado, temos que nos colocar na pele do espectador e testar nossos designs e diferentes situações. O design da impressão parece fácil agora, pois há apenas um formulário impresso final para se preocupar. Mas com o design digital, há uma mudança mental que tem que acontecer. Temos que pensar nos vários dispositivos diferentes que as pessoas temem o seu conteúdo. Tenho uma pequena tarefa para você. Estude o seu na caixa este mês. Fique atento às campanhas de e-mail que atraem sua atenção, não apenas o gráfico, mas pense sobre tudo. Até mesmo a linha de assunto do e-mail às vezes gráficos e setas e até emojis podem ajudá-lo a se destacar em sua caixa de entrada. Por mais irritante que às vezes pareça, eles são eficazes. E que tal uma campanha leva você a clicar em qual é o objetivo principal de qualquer campanha de e-mail ? Está levando os usuários a esse objetivo que pode ser comprar um produto ou deixar as pessoas entusiasmadas com um anúncio de serviço. Os que acho mais eficazes simplificam a mensagem o máximo possível. Em vez de falar sobre duas atividades feitas ou dois eventos principais, como boletim informativo por e-mail, eles tendem a ser hiperfocados em que um objetivo de usuário? Eles usam uma única imagem acima e muito pouco corpo copiadora texto, mas um grande clique através do botão ou um grande chamado de clientes ação. Às vezes, uma vez que você fala sobre uma coisa grande, mas eles tendem a querer que você também aperte um monte de coisas já porque você está enviando um e-mail para todos os seus contatos. Eles querem ser eficientes, mas os e-mails que convertem o melhor têm um único foco. Tente educar o cliente sobre esse fato e praticá-lo em nossos próprios projetos de campanha. Newsletters são um pouco diferentes, e é aí que ele poderia ser mais elaborado com informações. E isso é com todas as coisas projetadas, mas seja consistente com sua marca e ter campanhas digitais conectadas. Além disso, com todos os projetos digitais, precisamos manter essa consistência de brincadeira. Você não precisa fazer com que cada modelo digital seja um cortador de cookies, mas certifique-se de usar cores semelhantes em todas as campanhas, pois os espectadores podem ver sua campanha em diferentes lugares, levando-os lentamente a um funil que as converta para uma venda. Por exemplo, eles podem ser veiculados em um anúncio do Facebook. Eles se inscrevem para obter mais informações e, em seguida, recebem uma campanha de e-mail. Eles também podem ver um anúncio de exibição em um site de notícias e clicar em uma página de destino. E então eles clicam fora. Mas então eles são redirecionados por uma campanha de mídia social no Instagram. Ter uma marca consistente e cores pode ajudá-los a reconhecer a trilha e mais longe do processo do funil de vendas. Eu queria ter certeza de mencionar grades o que é ótimo sobre projetos de design digital, como eles poderiam ser de natureza semelhante para imprimir projetos de design e o fato de que ambos podem usar o sistema de grade para seu benefício. Rids ar guias fantásticos que nos ajudam a bloquear conteúdo importante e seu design. Eles podem nos ajudar a encontrar a colocação correta de um rosto da parte principal de um logotipo e uma mídia social projetada. Por exemplo, eles poderiam fornecer orientação para trabalhar com layouts da Web complexos e layouts de APP móveis. Quando você está lidando com produtos digitais, você também está lidando com pixels. Às vezes é bom ter uma grade para conhecer suas margens da mesma largura. Em todos os lados são as calhas entre as colunas de um site ou mesmo são. Os botões em um aplicativo móvel estão alinhados com espaçamento e alinhamento semelhantes. Existem muitos sistemas de rede diferentes que você pode usar em produtos de Detroit. Por exemplo, layout de site móvel tem uma grade padrão de quatro colunas, mas um site pode ter uma grade de coluna padrão 12 Gullit que pode ajudá-lo a encontrar o espaçamento certo entre fotos, colunas e mawr. Com o ícone AP Design Apple criou esta grade maravilhosa com base nos princípios da relação dourada . Isso nos ajuda a descobrir a colocação adequada de elementos para criar atraente. Fácil de encontrar ícones de aplicativos Se usado corretamente, você pode usar uma grade modular boxer para ajudá-lo a bloquear Uma campanha de e-mail é uma capa e livro para ajudá-lo a encontrar um equilíbrio entre elementos de design. Há muito o que pensar ao projetar projetos digitais, mas no final, algumas das mesmas bases básicas de design, como tipografia adequada, foto e layout anel verdadeiro no espaço digital está bem. Nós adicionamos elementos que se preocupam agora, como visualizar o tamanho de uma tela, a distância para uma resolução de tela e como o tipo é renderizado na tela. Mas, no final, são esses princípios básicos de design que podem ajudá-lo a criar projetos digitais atraentes . Agora levamos algum tempo para aprofundar a teoria do design digital forte. Vamos abordar muitos projetos que são considerados uma grande parte do espaço de design digital, como campanhas de mídia social, YouTube, miniaturas, miniaturas, capas de livros, campanhas de e-mail, um site móvel, ícone de layout, aplicativo de design, design de ícones, postar instagram quem e muito mais. Então vamos em frente e começar com alguma aplicação prática 7. O que vem a seguir? A aula de Masterclass de design completo no Skillshare: o futuro do design é digital. Este curso foi projetado para colocar os designers gráficos a par dos mais recentes e melhores projetos de foco digital para que eles possam expandir seu conjunto de habilidades e oferecer mais serviços. Este curso é enorme cobrindo tantos projetos de design digital de mídias sociais, eu posso projetar Web design e muito mais. Em primeiro lugar, abordamos a teoria do design digital, aprendendo os diferentes aspectos do design para o digital, como criar campanhas poderosas de mídia social , projetos de sites, layout para digital e até mesmo falar sobre acessibilidade no design digital. Em seguida, conquistamos vários projetos populares de design digital, incluindo a criação de várias miniaturas do YouTube que levam os usuários a clicar. Nós até criamos uma campanha de mídia social inteira e falamos sobre como projetar para o Instagram do Facebook . Até falamos sobre a criação de anúncios de exibição para sites para que você se sinta confortável expandindo seu conjunto de habilidades para todos os tipos de criação de anúncios digitais. Você sempre quis saber como criar uma atraente capa de livro E? Vai fazer exatamente isso e aprender a desenhar capas de um livro. Falamos sobre dimensionamento, exportação e como criar um design que agarre os espectadores. atenção irá sobre como tirar a tipografia escrita à mão e trazer isso para o Photoshopped para usar em nossa capa de livro e também aprender a trabalhar com outros esboços APS como Procreate para trazer ativos escritos à mão para a vida. Nós também criamos nossa própria simulação para exibir nosso design final. Gosta de esboçar ou ilustrar? Até criei um projeto passo a passo onde pegamos um esboço a lápis e digitalizamos usando ferramenta de caneta do Adobe Illustrator. Saber digitalizar esboços é uma grande parte da expansão de suas habilidades. Definido para a arena digital, design Icahn está no centro de qualquer projeto de design digital. Os ícones podem ser usados em sites, APS móvel, aplicativos e muito mais. E usaremos um modelo fornecido à medida que criamos um conceito alto coeso inteiro. Ou aprenda como usar grades para criar um conjunto temático e até aprender como adicionar cores e como exportar todos os ícones e os tamanhos certos para uso em todos os lugares. Depois de criar um ícone básico simples, conjunto irá ainda mais fundo para criar um ícone de aplicativo da Apple Store altamente detalhado a partir do zero. Wilder. Muitas ferramentas como usar o brilho para criar um efeito dimensional, bem como as ferramentas de padrão, e muitos mais vão aprender como exportar esses arquivos, bem como para uso na loja da Apple, bem como como como apresentar nosso ícone em um maneira profissional. É difícil ensinar design digital para designers gráficos sem incluir algumas seções que se concentram em Web design vai aprender qual o nosso papel designers gráficos de Zara no espaço, bem como como como preparar um arquivo de exportação para os projetos de Web design aprender do zero. O Adobe X T e um curso rápido aprenderão muitos aspectos do design e layout fortes da Web criando uma página de aterrissagem juntos. Passo a passo. Vamos até aprender que tinha um link ou várias páginas juntas para criar um protótipo de trabalho e aprender algumas maneiras de exportar nossos arquivos para um desenvolvedor da Web. Finalmente, vamos conquistar um site básico de primeira página projetado para uma empresa de viagens. Usando WordPress vai aprender o básico do WordPress e aprender a construção de página muito popular plug in para WordPress chamado Element, ou para construir nossa página da Web, música, fundos de vídeo, paralaxe imagens, ícones, colunas, texto animado e muito mais. Por último, há toneladas de recursos para download está nesta classe, incluindo modelos pré-feitos para a maioria dos projetos. Isso inclui Photoshopped, ebook, YouTube, YouTube, modelos de mídia social e um conjunto de ícones, um ícone de loja de APP, template e adobe illustrator. Este curso não é para estudantes que nunca estiveram no Adobe Photo Shopper ilustrador antes, mas esta aula é geral o suficiente e básica o suficiente para a maioria dos designers gráficos de nível iniciante que estão interessados em adicionar isso à sua habilidade definido para aqueles que nunca abriram o software Adobe antes, sugiro tomar minha outra classe básica de design chamada Graphic Design Master Class, para obter uma vantagem sobre essas ferramentas muito, muito básicas. Este curso pressupõe que você tenha conhecimentos de trabalho muito básicos do Adobe Photo Shop e ilustrador e ferramentas como WordPress, Adobe X 'd, a página elementar Builder e Mawr são ensinados do zero, portanto nenhuma experiência prévia é necessário para aqueles. Então, você está pronto? Toe up seu jogo de design e adicione um novo conjunto de habilidades para suas ofertas. Você está pronto para explorar isso? Um local central de design. Vejo-te na primeira lição