Transcrições
1. Introdução - UX Diamond e Design de Logotipo: Olá amigos, bem-vindos. Hoje vamos ver
como criar ideias de
logotipo junto
com o design um, usando o
software de design gratuito, o Big Mac. Neste curso, vou
ensinar seus princípios. Você pode usá-los por
conta própria para resolver problemas. Ensine alguém a pescar
como esse ângulo é, e você
o alimentará por toda a vida. Neste tutorial, aprendemos sobre o diâmetro de dois polos UX, que é uma visualização
de um processo de design. Em seguida, vamos usá-lo
para criar
um design de logotipo
através de um exercício. Você pode então postar
seu exercício
na galeria de projetos
deste curso localizado
na
guia Projeto e Recursos para nos mostrar como você foi e receber feedback
de mim e de seus colegas. Lembre-se, é um
espaço seguro e o feedback
nos ajuda a melhorar e melhorar
com o tempo. Você quer feedback. Meu nome é Olivia. Sou gerente
de produto em Melbourne,
Austrália, trabalhando em produtos de software
digital. Tudo bem. Vejo você na aula. Vamos.
2. Projeto do curso e recursos : Equipe de boas-vindas. Esta classe será
dividida em duas seções, uma seção de teoria e
uma seção prática. Na seção teórica, aprenderemos sobre
o diamante duplo UX, bem
como os
princípios orientadores por trás do design do logotipo. Na seção prática, usaremos a Figma para
projetar nosso logotipo. E enquanto você estiver
fazendo o exercício, será bom se você
puder publicá-lo na seção
da galeria de projetos a partir daí, poderei
dar feedback, bem
como se você
tiver alguma dúvida, você será capaz de
me fazer essas perguntas. E você também poderá
mostrar aos seus colegas como
você progride. Tudo bem, vamos começar.
3. Teoria do diamante duplo do UX: Bem-vindo de volta. Nesta aula, veremos o
UX dobrado. O diamante duplo da ONU é a visualização
do processo criativo. Basicamente, nós o usamos
para resolver problemas. Tudo bem, vamos em frente e desenhe nosso denominador duplo. A primeira parte
do diamante nos ajuda a descobrir se estamos
projetando a coisa certa. O segundo diamante nos
ajuda a descobrir se estamos projetando
a coisa, certo? O diamante duplo
consiste em quatro D's. 1234. Mais demanda por isso
é fácil de lembrar. Número um, que é o
primeiro IEP descoberto. O número dois é definido. O número três é desenvolvido. O número quatro é entregue. Quando descobrimos. Basicamente,
queremos divergir, ou seja. Queremos analisar o maior
número possível de inserções, ir largo e fazer nossa pesquisa. Descubra. Queremos divergir. Queremos ir largo e reunir o maior número possível de
insights. Uma vez que fizermos nossa pesquisa,
nos reunimos lá dentro. Agora queremos convergir. Ou seja, queremos definir, quando definimos convergência. O que isso significa é
que nós zoneamos insights que são
de nosso interesse. Agora, fizemos nossa pesquisa. Estamos zoneando em uma visão
particular. E isso nos ajuda a
projetar a coisa certa. E passaremos para o número três,
que é desenvolvido. Quando nos desenvolvemos,
queremos divergir novamente. O que isso significa é que
queremos gerar tantas ideias quanto possível. Gere ideias e não
há ideias bobas. Tudo o que vem à mente, coloque-o no papel, coloque-o em seu software de design. Não se limite. Coisa livre para isso, e coloque tudo no papel. Assim que tivermos muitas, muitas ideias, vamos querer
convergir para a ideia final, o que nos leva a D número
quatro, que é entregue. Quando estamos entregando,
convergimos. O que isso significa é
que queremos dividir em uma ideia. Uma ideia. Em um nível alto, o diamante UX basicamente
assume um problema. Passando pelos anos 40. Isso nos ajudará a
acelerar uma solução. Este é o nosso duplo dano UX. Na próxima aula,
usaremos isso para nos ajudar a criar ideias de logotipo e esperamos que
um logotipo final ou uma equipe. Vejo você na próxima aula.
4. Características de um bom Design de Logo: Bem-vindo a equipe de volta. Antes de pular para a Figma
e começar a projetar, vejamos as
características que compõem um bom logotipo. logotipo deve ser
simples em memorável. Basicamente, simplifique o suficiente para que as pessoas se lembrem disso ao longo do
tempo só de vê-lo. E também deve ser
versátil e atemporal. Versátil, o que significa que você não
pode tê-lo grande ou pequeno, mudando as cores do jeito
que penso nisso é que
colocamos em camisetas. Você pode virar as cores para
frente e para trás entre preto e branco, o que significa tornar seu logotipo
preto e a camiseta branca. Ou tornar seu logotipo branco
e a camiseta preta. Vejo você no próximo
vídeo em que estaremos projetando nosso logotipo na Figma. Vejo você em breve.
5. Desenhando nosso logotipo com o UX Double Diamond e Figma: Ei equipe, bem-vindo à aula. Onde vamos olhar para o diamante duplo UX
e como podemos nos
ajudar com nosso design de logotipo. Tudo bem, primeiro,
se você nunca fez isso antes, vá para figma.com.
Como você pode ver aqui. E você pode se inscrever
para uma saída numérica. Você pode usar o Figma no navegador logo após
se inscrever em uma conta, ou você pode usar o
aplicativo Figma baixando o aplicativo para seu Mac ou
sua máquina Windows, assim como eu fiz aqui. Vou usar o
aplicativo para este tutorial. Vamos em frente e você
verá esse plus aqui. Se você baixou o aplicativo, basta clicar no Plus. Vá em frente e faça isso maior. Clicaremos no arquivo do InDesign. Vá em frente e chame
esse design de logotipo. Ótimo. Tudo bem, então primeiro, vamos desenhar nosso UX,
ele dobrou para baixo. E para fazer isso, basta pegar um retângulo
que pode encontrar aqui. Ou pressionando R no
teclado. Estou usando o Mac. Alguns dos comandos
podem não ser os mesmos se vocês estiverem usando a máquina
Windows, estamos apenas clicando em Shift, faça isso
turnos maiores para que ele mantenha sua proporção aqui, 256 por 256. Se vocês pressionarem Shift X, o que isso fará, ele irá inverter o traçado e o preenchimento. Vamos em frente e
deixaremos esse traço vermelho. Vamos crescer um pouco. Faça com isso maior. Podemos girar isso para 45
graus aqui em cima. Ei, temos nosso
primeiro diamante UX. Se você pressionar a opção. Basicamente, é arrastar
essa forma para fora. Teremos nosso
diamante duplo UX. Incrível. Tudo bem, vamos seguir em frente e
pressionar L para a linha sobre isso. Assim mesmo. Venha aqui,
vamos retornar o traço. Vamos mudar a
linha para ir. Comigo. Estou usando um trackpad
nesta viagem. Pode aumentar o
valor do traçado na linha. E se você pressionar os pontos
triplos aqui, você pode ver que podemos mudar a linha do traçado de sólido
e fazê-lo correr. Agora, novamente, se você pressionar Option, você pode basicamente fazer duas linhas e arrastar
a outra linha aqui. Tudo bem, vamos seguir em frente
e pressionar T para texto. E se você se lembra do nosso
diamante, a primeira 1, primeira parte dele foi devido a isso, se você se lembra, os
anos 40 basicamente descobrem. Vamos deixar isso ousado. Vamos fazer isso maior. Agora, você pode encaixar essa caixa
no texto aqui. O mesmo princípio. Se você pressionar Option e
arrastar isso para fora, você receberá outro. Se você for o Comando D, comando D colocará cópias na mesma distância
que você tinha antes. A segunda parte do primeiro
diamante era definir. O terceiro foi
desenvolver e entregar. E temos nosso diamante
duplo UX. Tudo bem, vamos em
frente e usar isso para nos
ajudar a criar
o design do logotipo. Vou esconder isso por um segundo. Vamos agrupar tudo. Se você destacar tudo isso. E pressione Command G irá agrupar. E então o que
faremos é expandir
isso um pouco para nos
dar algum espaço. Tudo bem, então tínhamos a primeira
seção do diamante. Descubra. Se você pressionar F, você terá a opção de
desenhar um quadro. E se você olhar para o
lado direito aqui, há diferentes tamanhos de quadro. Vamos em frente e pk cinco. Então, temos algum espaço e vamos colocá-lo
na seção Descobrir. Digamos que eu tenha um café que eu queria projetar o
logotipo para o peito T para texto. Disse que meu kapha é ouro. Outro, desde o Cafe, digamos que desde a opção do café
San Francisco e você pode arrastar isso para
criar uma área de texto duplicada. O que isso me lembra? Isso me lembra o sol, o pôr do sol. Anaphase, obviamente. Quero dizer, Melvin
me lembra da praia. Acho que um café na praia. A praia. Vamos deixá-lo por isso. Por enquanto. A parte Discover
do diamante e vamos por que mirar divergente que
queremos colocar o maior número possível de ideias
no papel. Não há nenhuma restrição
no pensamento já que o café me
lembra todas essas coisas. Tudo bem, vamos usar o
Google para saúde. O que o Google
nos diz para inspiração? Se tivermos um logotipo desde Set? Nada mal, isso é muito bom. Na verdade. Para inspiração, irei em frente e imprimirei a
tela nesses logotipos. Que tal algumas obras baixas para o Cafe? Sejam dois desses. Não é possível soletrar praia. E quanto à
encosta da praia de Melvin tão grande. Vamos fazer uma
captura de tela por enquanto. Dê a isso um cluster. Agora.
Vamos ver o que temos. Como ele faz logotipos espaço
menor e torna isso menor, estou pressionando Shift
conforme nossos residem. Você pode simplesmente redimensioná-lo
agarrando-o da esquina. Como você pode ver, as bibliotecas são simples,
potencialmente memoráveis. Um aqui, versátil. Eu provavelmente posso imprimi-lo em qualquer para mostrá-lo em flip que a
cor pode até ter uma boa leitura se eu quiser ouvir é para nossa inspiração. Assim, você pode realmente
encaixar
essas atividades para a caixa de tempo real dos
alunos. A maior parte é que simplificamos para
vocês terem uma referência, mas então você pode sair no seu próprio tempo e
brincar com isso. Tudo bem, nós divergimos, redescobrimos, e todas
essas são inspirações. Então, agora queremos
convergir e definir. Então, vou ir em frente
e escolher o que eu gosto. Isso me ajudará com a terceira parte
do diamante, que é desenvolver algumas ideias. Vamos pausar isso aqui. Assim, bem simples. Para as cores. Este aqui. Bem, acho que esses dois
operam importantes. Bem, isso é um pouco complicado
, tantas sombras lá dentro. Então este é potencialmente
simples, memorável. E este para cores. Que tal café sábio? Aquele de que estávamos
falando antes, qual é esse aqui? Este por sua coisa
esquisita trêmula. Aquele. Este porque é bem
simples e memorável. Mellon não se arrepende,
Interessante. Certo, legal. Então, o que temos? Convergimos e estamos
pegando essas quatro ideias. Clicando em Shift, posso
redimensionar e unimodal. Então, novamente, o turno reside. Raspe na esquina para nos
dar mais espaço. Tudo bem, agora que
convergimos e selecionamos
alguns que
gostamos, vamos seguir em
frente e basicamente agora chamar nosso olhar
ou é a ideação? Estou cansado deste
tutorial tão desenvolvido, vamos desenvolver
nossas ideias novamente, vamos pressionar F A5 aqui. Tudo bem, isso é
bem interessante. Então, olhando para isso, o que está vindo à mente é
que você pode pressionar P para caneta. A caneta é uma ferramenta muito
legal na Figma. Ele permite que você
desenhe todas as coisas. Pressione o medo para Point. Pressione novamente, não solte para outro ponto
e, em seguida, comande. E isso permite que você se
curva. Muito legal. Ei, legal. Fuja para quebrar isso. Então, novamente, clique em curva de espera. E se você continuar, geralmente
desenhará outro. Talvez seja o sol que
estou pensando. Por causa do pôr do sol Cafe. Porque é um café. Provavelmente representam o café do sol do
cátodo. O sol está se pondo. Talvez esteja colocando
na minha xícara de café. Um pouco maior. Turno. As linhas retas mudam. Meu copo tem uma alça, clique em Comando, arraste T para texto. Talvez nós
o chamemos de café do sol. Venha aqui do
lado direito. Ajuste TTX. E vamos fazer isso
um pouco mais magro. Tipo, ei, olhe para isso. Essa é minha primeira ideia de logotipo. Primeiro de tudo, equipe de boa ideia. Certo? Agora você pode criar novas ideias ou ir em frente
e brincar com esta aqui
para gerar idéias
diferentes e
usar isso como fonte. Isso é o que vou fazer. Talvez eu primeiro agrupe estes, não quebre. Tudo bem, então agora você
pressiona Option e arraste, acabou de criar um duplo. Você pode brincar
com esse clique duplo. Você voltará para
este modo vetorial. E se você clicar
nisso, poderá excluir,
excluir, excluí-lo para que você possa excluir seções
do seu desenho, o que é bastante útil. Penn, quer fazer
o carro um
pouco mais separado com o copo. Principal, clique, clique em
Comando e arraste. Talvez eu queira um copo encurralado. Então clique nesta
linha abaixo, pressione Excluir e se livrar dela. Pode fazer isso um turno um
pouco mais curto para que ele fique reto. Esta linha vermelha aqui
mostra que é uma linha D para Penn. Clique em. Não deixe ir Comando arrastar. Vermelho, mostrando o número
reto, turno. Ajude você lá. Clique, clique, arraste. Solte. Este é talvez o nosso segundo vídeo. Vamos selecionar essa opção. Arraste isso protegido por direitos autorais. Mova-se, talvez eu queira
ter uma espécie de sol cheio. Então, o que você pode fazer é
a opção arrastar e depois mudar, mudar para virar na
vertical. Olhe para isso. Talvez queira mudar
isso um pouco agora. Talvez eu não queira
isso diferente. Talvez queiramos um tipo
diferente de xícara. Agora. Exclua isso. Um pouco menor. P para caneta. Clique duas vezes nesse
P for pen Command. E,
em seguida ,
clique em segurar Command. Clique em, clique em Comando, feche. Ei, olhe para isso. A ideia está tomando forma. Certo? Talvez seja outra ideia. Opção, arrastar, ficar sem espaço por tempo. Então, continue voando. Queremos mudar
isso um pouco. Esta parte, legal. Quero
brincar com meu filho. P para caneta. Sofrendo ou não. Acho que foi apropriado. Algo assim. Talvez apenas quisesse um turno um
pouco menor e, em seguida, você pode
diminuir o tamanho. Estou pensando que talvez o
sol esteja sentado dentro desta tentativa e excluí-lo. Se você pressionar Shift, poderá se mover por dez pixels. E se você soltar Shift, você pode se mover em um pixel. Ei, olhe para isso. Meu filho está dentro do carro. Tudo bem, vamos
deixar por isso. Acho que vou usar
este vídeo para o meu logotipo. Ou talvez você devesse
tentar não moldar tudo bem, equipe desde que minha gravação
morreu no meio do caminho. Então eu só vou dar voz
sobre o resto. Aqui. Eu faço Option
arraste para duplicar. Eu queria fazer
uma ideia diferente. Antes de terminarmos. Altere o ângulo. Você menos dez, como você pode ver
no lado direito. Acho que estamos chegando
com uma ideia do tipo de pires. Pressione O para círculo e, em seguida basta desenhar o círculo,
menos dez novamente. Shift X. Você vai virar o traçado e o preenchimento
apenas para obter o contorno. E então você pode basicamente mudar para qualquer cor
aqui escolheria preto, então ele apenas reflete
tudo. Nós temos. Outro. Estou apenas ajustando
o social um pouco. Se você clicar na
linha e pressionar Excluir, ela a excluirá. Sam, principal P para
caneta, clique, clique, segure e arraste para fazer com que
sua linha se torne curva. Então o mesmo do outro lado. Clique e arraste. Lá vamos nós. Temos algum
design social legal acontecendo aqui. E esse é o projeto final que
vamos seguir. Você pode timebox dessa atividade. Você pode continuar
se quiser. Mas aqui para isso,
com o propósito
desta forma tutorial de timebox. E essa foi a seção de
desenvolvimento. Então fomos, Por que procuramos
e encontramos muitas ideias? Basicamente, coloque o botão
na nossa cabeça no papel observando o exemplo da ideia. Acabamos de colocar
tudo no papel. E então vamos agora para
o lado da entrega, que significa que
vamos convergir novamente para limpar nossa ideia final. Se você pressionar F para quadro e depois A5 e
obter o quadro AFI. E pegamos nossa ideia final e vamos torná-la
um pouco melhor. Eu controle C e, em seguida seleciono o quadro
e você controla V. Então vamos ver
algumas paletas de cores aqui. Então, o que eu fiz foi você pressionar ou para retângulo
e deixar dedo no Shift
enquanto o arrasta
para fora para torná-lo uma opção quadrada, clicar em arrastar para fora e, em seguida,
você pressiona o Comando D para apenas duplicar e duplicará o mesmo
espaçamento entre eles. Você pode selecioná-los
todos e Comando D e , em seguida, basicamente,
arrastá-lo para baixo ou desculpe, opção e, em seguida,
arrastá-lo para baixo. Aqui. Acabei de fazer o Comando D
para duplicar esta seção. Agora vamos usar
isso como nossa paleta de cores. Nós controlamos X que o
colocamos ao lado das cores. Para ideias. Se você selecionar um
dos quadrados. Em seguida, você vai para a seção de
campo, que está à
direita. Clique em preencher. Qualquer outro
seletor de cores, clique nele, é uma idade
muito útil, basta clicar em todas as cores que você gosta
, preenchê-lo. Estamos olhando para o sol aqui. Então esse amarelo foi interessante. Estou escolhendo o
próximo tipo
de cor laranja que é
interessante para o nosso filho. Depois, havia essa cor
magenta, novamente,
interessada pelo Sol. Este é o azul porque essa regra também era
interessante. E então vamos ver
as cores do café. Então, Brown foi interessante. O marrom pálido. Ferramenta muito útil. Basta clicar na cor que você gosta e
ela a preenche para você. Só estou procurando por marcas ainda. Como ideias para colorir nossa representação final
do nosso logotipo. Este marrom aqui foi interessante. Então eu estava procurando
por marrom mais claro. Faça com que seja mais leve. Depois estava procurando um amarelo mais brilhante. Amarelo lá, e então
eu o deixei mais brilhante. Essa é a nossa paleta de cores
para nossa ideia final, que pulamos
na prancheta de desenho. Vocês mudam a tecla Shift Down e
mova-a para baixo em dez pixels. Esse momento semelhante aqui. Então, agora vamos design de cores. Então você só precisa
clicar duas vezes no design. E pegue novamente o seletor de cores e selecione a cor
que você gostaria. Cor clara para a capa. E isso também, estou tentando
fazer com que o café do sol seja
uma pequena fronteira aqui. Como você pode ver, tanto
quanto possível, tentamos criar
nossos critérios de logotipo, significa simples,
memorável, versátil. Você pode mudar as cores ao redor se quiser
colocá-lo em camisetas. E espero que atemporal, como o sol permaneça
o mesmo ao longo do tempo, mesmo daqui a muitos anos
enquanto olhamos para cima. Muito obrigado. Por favor, coloque seus logotipos
na seção de projeto
desta classe e
poderemos olhá-los e
dar feedback uns aos outros. E então, se você tiver
alguma dúvida também, basta colocá-lo na seção de
comentários e eu
responderei a você apenas para
tornar a classe interativa. Vejo você
na conclusão. Vejo você em breve.
6. Conclusão: Tudo bem, pessoal. Então foi isso por hoje. A melhor maneira de
melhorar o que
cobrimos é
brincar com ele. Tenha um problema. Use o diamante duplo UX
para ajudá-lo a resolvê-lo. Use-o como uma estrutura. Basicamente, você pode usá-lo
em muitos tipos de problemas. Esta foi minha primeira aula. Então, se você tiver
algum feedback sobre como eu poderia melhorá-lo, por favor me avise. Nos comentários.
Dma não importa. Qualquer feedback é bem-vindo. Se você quiser que eu
ensine qualquer
outra coisa relacionada à tecnologia
ou relacionada ao processo. Por favor, deixe-o
nos comentários também. Estou feliz em criar uma aula
em torno de qualquer tipo de tópicos e até a próxima vez que meus
amigos cuidarem. Veja.
Olivier
