Esboço para designers de UX: atividade prática através de princípios da Gestalt | Krisztina Szerovay | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Esboço para designers de UX: atividade prática através de princípios da Gestalt

teacher avatar Krisztina Szerovay, UX Designer & Visual Thinker

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

16 aulas (48 min)
    • 1. Introdução: princípios de gestante e esboço e de

      4:18
    • 2. Ferramentas e aquecimento e de aquecimento

      5:37
    • 3. Princípios de gestantes: simplicidade

      2:17
    • 4. Princípios de Gestalt fechamento

      3:07
    • 5. Princípios de este: figura

      3:11
    • 6. Princípios de Gestalt proximidade

      2:58
    • 7. Princípios de gestantes: semelhança

      3:05
    • 8. Princípios de gestantes: continuação

      2:51
    • 9. Princípios de este: cerco / região comum

      3:01
    • 10. Princípios de gestantes:

      2:31
    • 11. Princípios de Gestalt os elementos

      2:03
    • 12. Princípios de este 

      2:03
    • 13. Princípios de este 

      2:10
    • 14. Princípios de gestal: pontos focais e experiências anteriores

      3:12
    • 15. Exercícios de esboço

      3:42
    • 16. Fechamento: como participar da comunidade

      1:35
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.062

Estudantes

2

Projetos

Sobre este curso

Este curso é uma atividade de prática de esboço para designers de UX e outros profissionais de design, de de design de de que o de Se você desenhar junto com eu ao longo do curso, você pode desenvolver suas habilidades de esboço e, ao mesmo tempo, conheça os diferentes princípios de with

Objeção

O principal objetivo deste curso é praticar sua técnica de esboço de UX e de esboço de UX em de UI em nosso

Público de alvo

Essa atividade de prática de esboço é para todos que já sabe pelo menos um pouco sobre esboço e design de UX.

Este curso é principalmente para designers de UX, designers de UX, designers de UX, de UVX, de interface de UX, de interface de UX, de

Nível de habilidades

Essa é uma atividade de prática, você pode acompanhar mesmo se for um iniciante e, ao mesmo tempo também pode se beneficiar de fazer este exercício se já for se você for um pensante visual qualificado.

Esboço é ótimo

  • Essa técnica tem em conta como nossa percepção visual funciona - quando olhamos para imagens, entemos muito mais rápido do que ler palavras;
  • que pode revelar que podemos não ver antes antes, conexões que não nós não temos percebido;
  • que permite um entendimento mútuo;
  • que de falha
  • é uma maneira rápida e barata para gerar muitas ideias.

Conheça seu professor

Teacher Profile Image

Krisztina Szerovay

UX Designer & Visual Thinker

Professor

I'm Krisztina Szerovay, freelance UX designer. I come from a family of teachers and engineers, so the value of knowledge-sharing and designing complex systems have always been apparent to me.

Teaching is not a profession for me, it is a passion, and I'm really grateful to have the opportunity to reach and help students from all over the world. If you have any questions, suggestions or feedback, please contact me! I believe that teaching itself is an ongoing learning process.

Next to UX design, I also do legal writing and research. I consider myself a generalist, I always utilize a multidisciplinary approach during my work, connecting the dots to achieve the best result possible.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: princípios de gestante e esboço e de: Bem-vinda. E obrigado por fazer este curso. Eu sou Christina. Deixar de lado o sentimento. Vês? Designer sábio e professor online. Eu sou apaixonado pelo que você está pensando e eu agendei durante o meu trabalho de UX. O objetivo principal deste curso é praticar e desenvolver a captura de esquiadores através dos diferentes princípios nacionais. Convido-vos a traçardes comigo ao longo do curso. Depois que ele vai aquecer e falar sobre nossos turistas. Vou apresentar-vos cada convidado, nossa bomba principal por um e, em seguida, criar capturas representam cada um deles. Eu tenho você incluir exemplos de interface de usuário homens Eu escolhi convidado nossos princípios para criar uma estrutura para esta pequena atividade prática de esboço. Porque conhecer esses princípios é realmente útil para você X ou os designers Y. Agora você fala um pouco sobre convidados, todos CRE então vamos começar a fase mais quente. Se sua família está com essa teoria, pule para a próxima palestra. Acho que começo é uma palavra alemã para moldar e descobrir a série sobre como diferentes elementos são percebidos pelos nossos cérebros ao combiná-los de uma certa maneira ou pedir um fora do primeiro convidado, uma frase famosa psicólogo resume a Serie Muito bem, o todo é diferente da soma da parte. Essa ideia pode ser aplicada a você. Eu também desenho. Os elementos de uma interface de usuário juntos determinam como o usuário pode interagir com o sistema . Convidado de princípios são regras da percepção humana. Nosso cérebro é melhor ver padrões, estrutura, estrutura, forma e lógica no mundo que nos rodeia. Você pode pensar nisso como uma otimização de visão. Os inconscientemente percebem a nossa palavra de um modo desligado. Construindo coisas significativas objeto combinando a parte individual. Quando os humanos percebem a palavra, há tantas entradas chegando. Em vez de analisar esses signatários como partes individuais, nossos cérebros começam a organizar as entradas para formar grupos unitários. O convidado, todos os princípios nos ajudam a entender como fazemos esses agrupamentos. Como os olhos humanos vêem. É como quando você vê um dos seus amigos ou familiares. Você não só vê o nariz ou os olhos dele. Você percebe e reconhece o rosto como uma prostituta. Então, para resumir nas palestras seguintes, vamos passar pelos princípios nacionais mais importantes por duas razões. Um. Use esta prática de abordagem, esboçando vamos esboçar muito durante este curso, e a segunda razão é que conhecendo esses princípios, bem, vamos ajudá-lo a projetar melhores produtos digitais, uma vez que os fora-da-lei convidados influenciam a experiência do usuário também. Gostaria de saber que os princípios incluídos neste curso não são os princípios originalistas do estilo do gás. A lista foi alterada ao longo do tempo. Estes são dispositivos que achei úteis para praticar, esboçar e, ao mesmo tempo, as carrinhas que são boas Toby sempre fora como um designer de UX por essas séries glaciais de percepção são criticadas por serem redundantes ou muito descritivo. Na minha opinião, pensar em como os seres humanos percebem o que vêem pode melhorar a nossa mentalidade como vocês X ou designers Y. E mais uma coisa. Se você quiser desenvolver ainda mais suas habilidades de desenho após o discurso, por favor, confira meu boletim informativo no meu site dedicado a esboçar para nós como designers. Os EUA comícios esboçando para você ovos ponto com antes de eu falar sobre cada diretor, para eu rapidamente mostrar-lhe o que assumir que você precisa, e nós vamos fazer um pouco de aquecimento 2. Ferramentas e aquecimento e de aquecimento: Então, do que precisamos? A resposta simples é que qualquer tipo de material que você faz o trabalho, por exemplo. Em seguida, o Room usou o guardanapo para esboçar suas idéias, em seguida, escreveu um livro sobre isso fora do curso ferramentas de qualidade. Nós e fazer seus esboços mais organizados e presentes capazes. Mas para os propósitos deste curso, qualquer tipo fora de papel e então faremos o trabalho. Então, estes são meus conselhos é que você deve usar papel de cópia de papel em branco é bom. Descobri que a rota ou os papéis quadrados podem limitar a sua criatividade e imaginação. Placas brancas também são grandes superfícies para esboçado, como para depende novamente, qualquer dor que você faça. Mas eu recomendo usar dois diferentes e doença para os fins fora desta atividade de captura visto para o menor os testes e a caneta de tamanho médio normal. Para a maioria das coisas que vamos fazer, é bom ter um plano para sombreamento, mas realmente não é necessário. Também é bom para enfatizar e adicionar mortes e dimensão aos seus esboços. Eu também recomendo usar uma cor. Eu usei o azul dele. Você não deve escolher o vermelho porque geralmente indica um rugido e verde também não é a melhor escolha, vez que geralmente nos assinam uma interação bem sucedida e você não quer criar esboços confusos . Agora que temos nossas ferramentas, podemos mergulhar no esboço. Então, é hora de você se aquecer com medo de vir comigo a partir de agora. Então, qual seria o curso de prostituta? Vamos começar com a coisa mais fácil, pensei. Em seguida, retire a corrida A partir do ponto de partida como este, você vai notar que algumas direções são mais difíceis de gerenciar. Tente manter suas linhas retas. Você deve ter um rastro agora. Em seguida, jogue círculos em torno da corrida, começando com um menor do que fazer um pouco maiores e maiores. Como você pode ver, a corrida serve como diretrizes para que você possa verificar o quão perfeito seus círculos são. Vamos fazer mais uma rodada agora um pouco mais rápido. Agora vamos continuar com parte de seus aliados. Jogar parte de nossas vidas vai melhorar o controle de suas mãos, e é uma habilidade muito útil para dominar, já que você vai incluir muitos aliados de garrafa em seus olhos. Esboços. Primeiro começamos linhas verticais. Nosso objetivo é fazer a distância entre eles mesmo você não vai é que fica mais fácil, graças à chamada memória muscular. Em seguida, role paralisar horizontal. Agora tente crescer linhas mais longas. É muito mais difícil mantê-los retos e fazê-lo de uma forma dinâmica. Não abrandar. Fazer parte dos Aliados melhora suas habilidades de coordenação também. Finalmente, vamos jogar um pouco terrível vai paralisar. Esta técnica é realmente usada para sombreamento, e é chamada de eclosão, e se você desenhar um segundo set off linhas, é a chamada eclosão cruzada. Então, como eu disse em uma palestra anterior, é bom se você tem uma caneta para sombreamento, mas não é uma obrigação. Você sempre pode aplicar eclosão ou eclosão cruzada após pontos e linhas. Agora vamos esboçar rapidamente algumas formas básicas. Os primeiros círculos começaram círculos menores. Estes são quase como pontos. Então você pode habilitar gradualmente. Se você ainda está desconfortável com jogar seus círculos, comece a fazer movimentos circulares com a mão. Mas não toque no papel com a caneta durante os primeiros 5 ou 10 movimentos. Se você acha que agora sua mão tem o movimento certo. Abaixe sua caneta então faça algo assim Agora é hora de triângulos. Primeiro lançamos triângulos literais reais, então todos os três lados devem ser alguém igual em tamanho. Então você pode experimentar tamanhos diferentes. Tenta acabar com a tua linha onde a começaste. Se você achar muito difícil, você sempre pode começar com três pontos. Finalmente, vamos desenhar alguns retângulos e quadrados. Ao esboçar interfaces de usuário, você desenhou muitos retângulos para representar botões. À frente estão pedaços fora do conteúdo e assim por diante. Primeiro através de um set off quadrados, em seguida, alguns retângulos novamente. Tenta acabar com a tua linha onde a começaste. Também é importante criar uma parte de nossos aliados. Caso contrário, não vai parecer limpo. Depois do aquecimento, vamos começar com a lei fora do City. 3. Princípios de gestantes: simplicidade: a Lei Básica de Gas Start é simplesmente cidade. Tantas coisas estão competindo por atenção em nosso entorno e temos capacidade limitada para processar a entrada de entrada. Portanto, nossa mente interpreta as coisas que vemos da maneira mais simples possível. Também significa que percebemos as coisas como um todo. O que é uma coleção de diferentes partes? Pense no rosto. Exemplo. Por exemplo, Drew no objeto desta maneira primeiro desenhou um triângulo, em seguida, crie um 2º 1 adicionando essas duas mentiras. Então, o que você vê agora? Você não vê uma horizontal e quatro linhas diagonais que você vê aparecer carne ou uma tetra hidro em, então através de uma equipe dolorida e pequenos triângulos em torno dela. Agora você vê um filho com a corrida fora da luz do sol, não o círculo e muitos tentam raiva. Também funciona com letras. Esta é a carta não muito terrível. Gana e uma linha horizontal simplesmente cidades sobre oferecer figuras facilmente reconhecíveis para a percepção humana. Nossa mente está procurando a maneira mais simples, mas também a mais relevante de interpretar o que vemos. É assim que seus olhos e sites funcionam. Quando vemos um formulário de registro, reconhecemos o padrão. Não vemos apenas três retângulos. Em algumas marcas vemos os campos de entrada, o campo, os trabalhadores e o fundo. Outro exemplo é um slide lá ou cardosa. Vemo-nos lá. Sabe isso que eu padrão. Não seria interpretado como tentar Angers ver círculos e raiva direta nossa próxima revelação principal . 4. Princípios de Gestalt fechamento: o segundo responsável principal nacional recuperar a divulgação. Esta lei afirma que nosso cérebro sente a parte que falta para obter uma figura completa, e também cria uma combinação fora parte para estabelecer um fechamento inteiro é aplicado da maneira certa se houver peças suficientes para criar um todo. Então, quando vemos formas incompletas ou não próximas, vamos tentar percebê-las como objetos completos. Se houver informação suficiente. Obviamente precisamos ter conhecimento prévio e experiência sobre o objeto dado para que possamos nos sentir no elemento que falta. Podemos interpretar em branco ou esvaziar nossos EUA como formas também. É assim que o espaço negativo funciona. Por exemplo, este é um retângulo ou um contêiner. Não está completo, mas nossa mente teme a parte que falta. Existem muitos designs de logotipo que aplicaram a idéia fora do espaço negativo. Por exemplo, basta jogar duas setas e, em seguida, dois retângulos como este. Você pode ver a idade da letra emergir. Obviamente, podemos usá-los para ícones ou qualquer gráfico. Percebemos esses objetos como uma pilha de retângulos ou documentos, mesmo que os objetos atrás do 1º 1 estejam incompletos, por exemplo, é um ícone de cesta ao lado do logotipo e design de ícones. Recai foi esse princípio quando ganhamos os usuários para parar por um momento para estimular sua criatividade e pensamento para que possamos agarrar sua atenção melhor. E, ao mesmo tempo, podemos incluir Ah, pouco interessante solução pouco interessantee inteligente para possivelmente criar uma experiência de usuário mais agradável. Também usamos divulgação, talvez mostrar notificações nos telefones ou tablets. Você eu pelo círculo e o número. Oi. É uma parte fora do ícone. nosso cérebro tem informação suficiente para criar um quatro, minha sobreposição ao elemento. Não só usamos o espaço disponível de uma forma inteligente, mas também aplicamos a lei fora da proximidade. Vamos falar sobre isso em uma palestra posterior. Então, sempre que você se sobrepõe ao elemento em um u eu, eu sempre faço a pergunta. Há informações suficientes para reconhecer os objetos na parte de trás? Nosso próximo apoio de primavera para cobrir sua figura 5. Princípios de este: figura: o princípio de base figura afirma que nossa mente tenta separar a figura do fundo. A figura é o elemento em que nos concentramos, e o fundo são as figuras que rodeiam esta forma que podemos conduzir, não é? Há atenção. Ver as coisas como figura e terra ajuda a separar as entradas mais importantes das vans que podem ser ignoradas quando eu uso o encontro. Então interface do usuário, a mente imediatamente inicia o processo de separação. Se compararmos o tamanho desses dois componentes, o menor será percebido como uma figura e o maior como o chão. Como você pode ver aqui, a estrela é a figura que direciona menina é o fundo. No entanto, neste exemplo, o retângulo menor é uma figura, e o outro é percebido como o solo. Esse baixo também se aplica ao design de ícones. A ciência do trânsito também funciona dessa maneira. Agora vamos olhar para alguns exemplos de vocês. É assim que funciona um botão de ação judicial na página de destino. Janelas pop-up ou modelo são outro exemplo. Neste caso, a figura anterior torna-se temporariamente o terreno que usamos para talvez armadas em vez de substituir completamente o conteúdo para ter os usuários na orientação. Ele comunica que o usuário ainda está na mesma página. O contexto não mudou ou veja este exemplo. Nós imediatamente sabemos quais partes são as mensagens, para que possamos nos concentrar no conteúdo importante pela figura é o conteúdo que nos perguntamos aos usuários para se concentrar. O pano de fundo também tem um papel importante. Ele pode comunicar a marca, disse que o humor, ou conter algumas informações adicionais. A figura do estado do solo não é necessariamente estável. Algumas ilustrações inteligentes usam esse aspecto. Por exemplo, olhe para este logotipo de bate-papo marca. Você pode dar uma olhada em outros designs de logotipo de espaço negativo. Você vê como a figura e o chão mudam, o próximo diretor, sua proximidade. 6. Princípios de Gestalt proximidade: a lei da proximidade é muito importante no design da interface do usuário. Ele afirma que os objetos que estão mais próximos uns dos outros são percebidos mais relacionados ou conectados, então os objetos que não estão posicionados perto deles. Os elementos que são colocados mais perto são vistos um disparado fora do mesmo grupo ou categoria, e não como objetos individuais. Este princípio também se aplica quando os elementos não compartilham outras características, como tamanho ou cor. A distância relativa é suficiente para fazer esta regra funcionar. Um exemplo para as fezes é a forma como compomos palavras de nossas letras e frases. Das palavras, Colocamos espaços entre duas palavras. Então é mais fácil para o nosso cérebro percebê-los como essa coisa agrupa letras. Então, ele compreende a habilidade. Obviamente nós os carregamos obter o significado de uma frase que não contém nenhum espaçamento de palavras . Mas o espaçamento adequado certamente melhora a legibilidade. Aqui podemos ver três sai de retângulos e aqui três linhas, criação de categorias e agrupamento é um aspecto significativo fora de você X e Y, projetado através da aplicação de posições diferentes e usando espaço de convites. Apropriadamente, podemos fazer com que a regra de afastamento da proximidade que suporta nossos controles conectados ao conteúdo não seja colocada muito longe um do outro. Nós os percebemos como relacionados. Outro exemplo é o Y off instagram. Os itens que são colocados juntos especialmente são percebidos como relacionados ou pensar sobre como altas temporárias na Amazon são exibidos. A imagem, o preço, a descrição e as classificações pertencentes a um determinado item estão satisfeitos De uma forma de mostrar relacionamentos, usamos a proximidade baixa. Quando colocarmos os trabalhos perto dos campos de formulário, o próximo diretor falarei sobre essa semelhança. 7. Princípios de gestantes: semelhança: O princípio da similaridade sugere que se dois objetos têm características semelhantes, esses objetos são percebidos mais relacionados do que os Vance que não têm essas mesmas qualidades. Existe uma ampla gama de características que podemos pensar. Pode ser tamanho, cor, textura, forma, fundos, orientação, transparência, sombras e assim por diante. Nós não apenas agrupar os objetos semelhantes juntos, o também pensar que eles podem ter a mesma função e regra, por exemplo, um tipográfico consistente. Mais alto são ele realmente suporta a capacidade compreende fora de um site ou um aplicativo. É claro quais elementos são as manchetes, quais são a cópia corporal. Quais são as etiquetas, os links e assim por diante. Similaridade é uma ótima maneira de mostrar as diferentes relações no conteúdo. Esta regra também explica pela consistência é tão importante, por exemplo, foi o usuário sabe como link é projetado. Ele pode suportar todo o processo de navegação, uma vez que os outros links serão facilmente reconhecíveis, tornando proeminente quais partes fora do conteúdo estão mais relacionadas. Você torna o conteúdo prostituta mais compreensível, então você vai acabar com um melhor uso Essa experiência, por exemplo, é fácil distinguir as mensagens de bloco do outro componente U Y neste exemplo, Se você assistir um vídeo no YouTube, você percebe os vídeos à direita como pertencendo juntos por causa de seu tamanho semelhante. E talvez você já tenha notado que esses princípios de pousadas muitas vezes trabalhavam juntos. A combinação de dois ou mais foi ter um efeito maior. Por exemplo, semelhança é muitas vezes combinada com a proximidade. Esses vídeos relacionados não são apenas semelhantes. Eles também estão satisfeitos juntos. Outro exemplo é um aplicativo de mensagem. Existem ícones diferentes no canto inferior esquerdo, que são semelhantes ao seu tamanho e a sua cor é a mesma, e estes sugerem que eles têm funções semelhantes. Eles podem ser usados para adicionar coisas ou para modificar sua mensagem. As características semelhantes fora ícones também pode comunicar certos cinco tipos o próximo principal vamos falar sobre a sua continuação. 8. Princípios de gestantes: continuação: a lei de continuação ou boa continuação significa que os elementos colocados em uma linha ou em uma curva são percebidos mais relacionados, em seguida, os elementos que não estão alinhados dessa forma. O principal também sugere que nossa percepção de formas é continuada na direção implícita . Então seguimos a linha ou a curva mesmo além das últimas partes da composição. Talvez o exemplo mais fácil seja uma linha pontilhada ou tracejada. Percebemos essas linhas como formas unificadas se as partes não estiverem muito longe umas das outras. Por exemplo, Google Maps ele era thes linhas pontilhadas para mostrar o passado. O outro exemplo muito básico é o trabalho de línguas muito frágeis e as partes fora das bolhas do terno também delineadas em uma linha curva. Então percebemos isso como um todo que você precisa. Outro exemplo é o menos off best-seller livros sobre o depósito de livros com ponto com. Eles estão ganhando, julgados na mesma linha horizontal, e o mínimo continua além do ponto final que vemos atualmente podemos facilmente seguir elementos que estão alinhados de uma forma. Olhe para este exemplo, estes dois gráficos mostram a quem eu enviei a maioria das mensagens do Facebook na semana passada O gráfico à direita é mais fácil de interpretar porque os ângulos diretos formam uma linha. Barras de progresso ou componentes de linha de tempo também são ótimos exemplos de continuação. Grandes sistemas também são uma grande representação. O Zoff. Este princípio criar uma estrutura consistente para um site ou um aplicativo é uma base de parte fora de uma boa experiência do usuário. Um layout consistente e eu sou é mais fácil de navegar e entender. A continuação também aparece nos componentes do controle deslizante. Percebemos um controle deslizante como o intervalo representado pela linha horizontal e o retângulo como a alça. Não vemos isso como duas linhas separadas e o manípulo nosso próximo princípio para discutir seu gabinete ou região da câmera. 9. Princípios de este: cerco / região comum: o recinto da lei ou a região da câmera sugere que os objetos que têm uma borda em torno deles são percebidos. É mais relacionado ou é um grupo. Os limites ou fronteiras estabelecem uma região fechada que pode ser usada para destacar a relação entre certas partes fora da interface do usuário ou do conteúdo. Cada elemento que é colocado dentro da borda é percebido como pertencendo juntos e da mesma maneira. Tudo fora da ária dada é visto como separado. A partir destes elementos. Você pode estabelecer a região da câmera colocando os elementos em uma caixa ou aplicar linhas separadoras . Também é possível usar diferentes cores de fundo para os elementos que pertencem juntos . Este princípio é usado no negócio do cartão. Por que os designs, por exemplo, no Pinterest estão separados desta forma? Drible. Use também este cartão na sua linha do tempo do Facebook. Os postes são separados da mesma maneira, e uma trilha a bordo também é um ótimo exemplo. - As opções e controles dentro dos livros de diálogo também pertencem juntos e dentro dos livros de diálogo . Regiões mais separadas podem ser estabelecidas usando linhas separadoras. Que exemplo. Pense na caixa de diálogo frontal dentro do Microsoft Word. O próximo princípio é: vamos lá, fé 10. Princípios de gestantes:: o principal fora da fé comum ou afundar escorrendo está aumentando a importação em hoje em dia, uma vez que você animações estão se tornando cada vez mais popular, esta lei afirma que os objetos que estão se movendo na mesma direção são percebidos como sendo mais relacionados, então os aviadores que não se movem ou se movem em uma direção diferente. Semelhança ou proximidade não importa. Neste caso. Se os elementos estão se movendo juntos simultaneamente, nosso cérebro os percebe como um grupo. O movimento real não é necessário. As setas também podem indicar quais elementos têm uma fé comum. Um ótimo exemplo para a fé comum é um menu suspenso. Todos os elementos dentro de uma categoria se movem juntos, indicando que eles estão errados dedo do pé do mesmo grupo. Outro exemplo é um slide para fora meu novo Quando você aplicar você por animações? Você pode sugerir quais elementos têm propósito funcional semelhante na interface. Por exemplo, no caso fora do slug informar, os dois campos de formulário estão se movendo juntos e o botão está um pouco atrasado, sugerindo que este elemento tem uma função diferente dos campos. Da mesma forma, se os elementos estão se movendo em direções diferentes com diferentes tempos, esses elementos percebidos como sendo separados apenas pensar em lá se mover para a direita e se mover para a esquerda significa realmente ser resultados amigos. Um exemplo mais comum é uma dica de ferramenta. Quando usar seus pairamentos sobre uma certa parte do Y, um novo elemento aparece, e este elemento está um pouco ligado ao elemento que estava sendo coberto sobre elementos dentro, então estranhamente em também se mover juntos. O próximo princípio a cobrir é elementos conectados. 11. Princípios de Gestalt os elementos: Então agora vamos discutir elementos conectados. Este princípio também é chamado de conexão uniforme ou o lof unidade. Na verdade, tem uma definição muito direta. Os objetos que estão de alguma forma conectados visualmente são percebidos como mais relacionados, então as vans sem essas conexões. Além disso, os elementos que estão conectados por conexão semelhante ou linhas estão conectados de uma maneira semelhante também são percebidos como sendo relacionados. Tulipas são ótimos exemplos. Estes são visualmente conectados ao elemento que está sendo pairado sobre. Outro bom exemplo são fluxogramas ou mapas laterais. Fala, Babeu ou assim sugerem setas de conexão e outras linhas de conector. Ou tão certo que elementos pertencem juntos. Pense no mapa mental, por exemplo. Só nos restam quatro princípios. Nosso próximo princípio é Seema três. 12. Princípios de este : a lei da simetria afirma que elementos simétricos são percebidos mais relacionados e como pertencentes ao mesmo grupo unificado ou serra no objeto ou seja, uma combinação fora de elementos de espelho são percebidos como um único objeto. Outra interpretação desta regra é que tendemos a perceber objetos como sendo simétricos em torno do ponto central. Então nosso cérebro separou os sujeitos em pedaços simétricos, e se vemos elementos simétricos próximos uns dos outros, nós os percebemos como pertencendo. Juntos. Aqui vemos três conjuntos fora do suporte. Curiosamente, na maioria dos casos, simetria tem um efeito mais forte do que a proximidade. Provavelmente o layout simétrico usado com mais freqüência é a página inicial do Google. Não é perfeitamente simétrico, mas não tem que ser para desencadear o efeito deste princípio. Também deve notar-se que um design simétrico cria a sensação de estabilidade e consistência. Vil e um layout simétrico cria tensão, simétrica e também promover a redução da complexidade e quimicamente mais fácil de compreender. Você também pode atrair a atenção do usuário usando um elemento assimétrico ao lado das outras vans simétricas e Reino Unido. Esse princípio também foi no design de ícones? Por exemplo, aqui está esta garrafa, a lei, fora de fechamento ou assim funciona aqui, o próximo principal terrorismo Isparta 13. Princípios de este : a lei fora do paralelismo está relacionada a parecer um três. Neste caso, as linhas semelhantes são percebidas como sendo mais relacionadas do que os objetos que não são paralelos. O outro ismo também ligado ao destino comum, mentiras que parecem mover-se ou apontar para uma direção, são percebidos como um grupo. Eles apenas praticam rapidamente lançando algumas linhas populares como fizemos durante a fase de aquecimento . Estas linhas parecem estar mais relacionadas. Você pode detectar o terrorismo em quase todas as formas de sair. Há blocos de conteúdo que são horizontalmente ou verticalmente paralelos entre si . O truque é que quando você combina esses dois tipos off arranjo, torna mais fácil distinguir entre os diferentes grupos fora elementos. Dispositivos alinhados horizontalmente pertencem a um grupo e os objetos alinhados verticalmente pertencem a outro. Esta é a tela inicial de um jogo chamado Clash Royal. Funções semelhantes estão alinhados de forma semelhante, e como um exemplo mais específico, ossos re e outros elementos mais tarde também são grandes representações fora deste princípio, temos que Morelos para cobrir quatro vitórias de copo e experiências passadas 14. Princípios de gestal: pontos focais e experiências anteriores: a regra dos pontos focais é extremamente importante em você X e o design Y. A interface deve comunicar quais funções Opções são as mais importantes que deram passo para o usuário. Esta lei afirma que ao aplicar o contraste, estamos fazendo um elemento diferente ou único, chama a atenção do usuário. Existem diferentes maneiras de enfatizar o elemento U por tamanho. Minha cor, por contraste, por diferente e tipografia por alinhamento e assim por diante, como mencionei antes, como mencionei antes,fazendo um elemento um simétrico ou quebrando a ganância. Assim, fazendo um elemento um pouco se destacar ou ao contrário dos outros elementos, também pode chamar a atenção. Definir pontos focais ajuda a estabelecer hierarquia dentro do usuário em seu rosto. Um ótimo exemplo para pontos focais, nossos botões de chamada à ação e o último diretor que vamos discutir é a lei fora de experiências passadas . Ele simplesmente afirma que os elementos são percebidos usuários de negócios experiências passadas. Este princípio é realmente significativo no novo sotaque. Eu desenho? Eu desenhei padrões? Trabalho? Obrigado, rebocar este princípio. Obviamente, a coleção de experiências passadas é diferente para cada ser humano. Mas existem padrões comuns que podemos usar para melhorar a capacidade de aprendizagem de um produto ou serviço. Essa é a razão pela qual não devemos treinar quando a cerveja, quando criamos as mais comuns que o Ike quer, como um ícone de casa ou um ícone de salvamento. O mesmo vale para sinais de trânsito e semáforos. As portas funcionam assim também. Percebemos essas linhas como a palavra táxi, não individualizar. E como você deve se lembrar, a lei de apenas City também se aplica aqui. E não importa que a letra A esteja inacabada. Ainda o reconhecemos. E como outro exemplo, esses retângulos e círculos são percebidos como um ponto de exclamação. Os padrões brancos trabalham no mesmo dia. Por exemplo, Para alguém que nunca viu imposto antes , pode ser confuso. Quais são essas palavras opcionalmente dentro da raiva direta ao lado do outro. O mesmo vale para outros padrões como paginação. À primeira vista, esta é apenas uma sequência de números de 1 a 10. Na próxima palestra, vou te dar um exercício emocionante 15. Exercícios de esboço: Nesta palestra, vou dar-lhe um exercício para praticar esboços e, ao mesmo tempo, Tomi Guest out princípios mais família são para si mesmo. Agora basta obter a folha fora do papel e rapidamente esboçar um site de pager bomba para um fotógrafo que mostra algumas fora das fotos e também contém uma maneira possível para o dedo do pé do usuário. Entre em contato com a fotografia lá Não passe muito tempo com ela. Você dorme por cinco minutos, então não torne isso muito complexo. Basta incluir a parte mais importante. E pense na versão desktop para que você possa colocar o vídeo de vez em quando eu lhe assegurarei minha solução. E vou explicar porque te pedi para fazeres isto. Então esta é a minha solução para o site de um pager. - Agora , apenas um passo para trás e tente pensar sobre por que nós aplicamos certas soluções dos EUA e quais os princípios das estrelas convidadas estão por trás dos padrões de desgaste que usamos tentar detectar pelo menos seis Princípios. Agora você pode postar o vídeo novamente. Então estes são alguns dos convidados como princípios por trás dos elementos nesta página. Espero que você aproveite este pequeno exercício e agora vou lhe dizer mais algumas maneiras de praticar, então estas são as atividades de prática adicionais. Eu usava equipamentos para abrir os sites que você visita todos os dias. Agora tente identificar como muitos convidados todos os princípios que puder. Se você quiser praticar a captura de interfaces de usuário, também é uma ótima idéia para copiar esses sites ou estrutura de aplicativos. O segundo exercício é ir a um site U I Pattern Collection, Pick up padrão e começar a identificar os princípios gestalt por trás desse padrão. Por exemplo, pense em e como funciona o mecanismo de classificação de cinco estrelas. Você também pode copiar esses padrões, a fim de desenvolver seus esboços de Scheer e, finalmente, você pode criar e esboçar seu próprio trapaça cortada Ulchi. Use seus exemplos favoritos você para cada principal e você nem precisa manter para obter princípios de início. Há muitas outras lontras em design visual e UX, então crie esboços resumidos sobre as coisas que você está lendo ou estudando. Tem uma vantagem de dois em um. Você realmente se lembra melhor do conhecimento que você está ganhando e seu caso de esboços irá se desenvolver. Vejo você na última palestra de encerramento 16. Fechamento: como participar da comunidade: Então parabéns por completar a atividade prática de esboços. Boa sorte com o desenvolvimento de seus esquiadores. E se você está interessado em esboçar para você, ex ou você por designers em mais detalhes, confira o meu curso sobre o esboço para você ovos dot com site e por favor considere juntar-se ao esboço para você ex comunidade. Eu tenho um grupo no Facebook dedicado a este tópico, e eu também no boletim informativo, que tem duas partes principais. Um é um 100 dias de duração que você X criou ícone crescente desafio. Isso pode realmente ajudar Toby um hábito em torno de esboço, ea outra parte é uma base de conhecimento UX semanal. Pegar, e também está acordado, formar a participação na comunidade de apanhadores U X. Compartilhe seus esboços. Compartilhe seu trabalho com outros designers U X ou Y. Então, obrigado por ser meu aluno e deixe-me saber se você tiver alguma dúvida ou sugestão gostaria com sua jornada de esboço. E não se esqueça de baixar os princípios da pousada. Trapacear, trapacear