Layouts tipográficos: crie layouts para conteúdo Web e aplicativos pesados | Claudio Guglieri | Skillshare

Velocidade de reprodução


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

Layouts tipográficos: crie layouts para conteúdo Web e aplicativos pesados

teacher avatar Claudio Guglieri, Creative Director / Hands on Designer

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

8 aulas (3 h 2 min)
    • 1. Introdução e configuração

      11:01
    • 2. A fase de ideação

      25:16
    • 3. Como desenhar um quadro de nível superior

      19:42
    • 4. Como construir uma grade

      32:08
    • 5. Tipografia, aparência e sensação

      31:49
    • 6. Equilíbrio de peso visual e composição

      15:13
    • 7. Como aprimorar seu design

      38:13
    • 8. A importância de um estudo de caso

      8:24
  • --
  • 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.

2.580

Estudantes

49

Projetos

Sobre este curso

Esse curso vai ensinar a você a fazer um uso efetivo de tipografia ao criar um layout.

Considerando sites como Reuters ou nova iteração do New York Times e USA Today, podemos ver como a web está mudando para composições tipográficas onde o conteúdo é rei e a interface de usuário é mínima, mas relevante. Durante este curso, vamos aprender a estruturar um layout eficaz para uma página de respingo e um modelo de artigo de notícias. Vamos passar pelos conceitos básicos de design responsivo, composição de grade e uso de tipografia para construir a hierarquia visual da composição.

O que você aprenderá

  • Como desenhar um quadro de fio de nível superior. Vamos cobrir a espinha dorsal visual do UX, wireframing.
  • Construindo uma coleção. Você vai projetar sua grade perfeita, detalhando como seu aplicativo se parece em diferentes tamanhos e dispositivos diferentes.
  • Tipografia, aparência e sentir. Vamos cobrir os componentes básicos da tipografia, incluindo títulos e legendas.
  • Pesos visuais e composição. Vamos preparar composições elegantes usando pesos visuais como tamanho, cor, densidade, valor e espaço branco.

Este é um curso único de design. Nenhum desenvolvimento será ensinado!

 

O que você vai fazer

Você vai projetar um aplicativo de leitura de notícias que confia fortemente na tipografia de bom gosto. Durante o processo de criação de um wireframe, você vai considerar a interação do usuário, a colocação de ativos e elementos de design responsivo. No final deste curso, você terá um maquete detalhado exibindo todas as funções do seu aplicativo.

Conheça seu professor

Teacher Profile Image

Claudio Guglieri

Creative Director / Hands on Designer

Professor

Claudio Guglieri is an independent product designer and creative director living in San Francisco. Claudio has been responsible for directing and executing interactive experiences for clients like Google, Kayak, EA, CNN, Nickelodeon, Microsoft, History Channel and Motorola to name a few. He led the Design Department at Fantasy Interactive as Design Director before starting his own venture.

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 e configuração: - Ei, pessoal. - Bem-vindo à criação de layouts topográficos foram conteúdo sites pesados e aplicativos. - Meu nome é Cavalleri. E antes de tudo, gostaria de agradecer por se juntar a mim. - Estou muito entusiasmada com este assunto. E eu realmente espero que você goste do curso como eles têm aulas. - A estrutura é que criei nove unidades. - Hum, - e cada unidade virá com uma palestra de vídeo cobrindo basicamente teoria e também como - trazendo alguns exemplos reais sobre alguns desses humanos são um pouco mais mãos sobre vai vir - com uma segunda palestra maior onde eu realmente passar pelo processo de concepção. A tarefa para a turma, que é criar as enfermeiras estavam lá. A tarefa para a turma, - Bem-vindo à introdução da Unidade Um e configurado nesta unidade. - Vou cobrir a configuração para a aula. Vou falar um pouco do meu passado, e também vou falar sobre as razões que me fizeram criar a maldição para a turma. Vou usar outra maneira para a loja para grandes exemplos antigos. - Você não tem que usá-lo se você não quiser. Se você se sentir mais confortável com um lugar diferente. - Isso é totalmente bom. No caso de você querer usá-lo e você não tê-lo, você pode baixá-lo de adobe dot com barra para uma loja. - Tenho certeza que você pode obter uma versão de teste lá, - mas realmente não importa porque nós não vamos obter um Nós não vamos obter isso - técnico na ferramenta vai ser mais em um nível abstrato, - como, - o mesmos princípios que, na verdade, - você sabe, - truques sobre para uma loja. - Então está tudo bem. - E vou usar também uma caneta no papel. - Professor na sala dos fundos. - Isso sou eu. Então meu nome é inteligente, espirituoso, e esse é meu site. - Por que não tentamos vir? - Hum, - fundo formal será. - Trabalhei como diretor de arte. - Sê mesmo Nova Iorque. Antes disso, trabalhei na Finest Interactive em Nova York por cerca de três anos. E antes disso eu vivia em Londres, onde eu Friedland e trabalho para a empresa chamada “Playing Concepts”. Na verdade, criamos toneladas de conceitos visuais para a Microsoft, então isso é um pouco formal, mas na realidade, um assinante de dinheiro, eu decidi coisas. toneladas de conceitos visuais para a Microsoft, então isso é um pouco formal, mas na realidade, um assinante de dinheiro, - Eu tento o máximo que posso para tornar meu trabalho relevante e tentar fazer coisas que importam - coisas que de alguma forma melhoraram usuários vivem de uma forma ou de outra. Pode ser como tirar o tempo tirando fotos lendo notícias, qualquer coisa que possa significar qualquer coisa que possa significaralgo para alguém e melhorar o processo de suas vidas. - Meu site. - Oh, - primeiro enfraquecer, - você pode me encontrar no Twitter. - Você pode me encontrar um médium, você pode encontrar sua baboseira. - E também Lincoln no meu site é por que não tentamos não vir? - Eu acho que se nós secá-lo basicamente encapsula a maneira como eu abordo meu trabalho e avaliá-lo - antes de tentar não ser pretensioso. Projetei coisas e tentei empurrá-las o máximo que pude e tentei torná-las relevantes. E nesse caso, por que não tentamos? Achei que ele era uma boa moto para isso. - O título de The Curse está criando layouts topográficos para conteúdo, sites e aplicativos pesados. Se você quebrar esse túnel um pouco, vamos criar layouts baseados na topografia. Então o layout normalmente é feito de texto e imagens e vamos usar praticamente tipografia para criar todas essas divisões e todas essas partes do layout que normalmente dependerão de elementos visuais. Vamos tentar nos afastar disso e confiar na tipografia o máximo que pudermos vamos fazer isso para sites e aplicativos pesados, isso é praticamente auto-explicativo , mas vamos ter um você cantar de uma forma que vai criar layouts temporários para sites de plataformas onde o conteúdo é rei. - Mas aqui vem a parte complicada. Só não sabemos o que esses continentes, então pense em notícias, sites de notícias de leitores, notícias de agências. - Você sabe, - portais de tamanho de conteúdo dinâmico onde você sabe sobre o nosso trabalho é realmente criar o quadro - para que os jornalistas possam sentir todo o quadro com informações. - Mas precisamos decidir de uma maneira que os usuários possam fazer nenhuma outra coisa que realmente, - você sabe, - nós precisamos criar para tratar este tempo de uma forma que é apenas fácil de ler. - Aquele não é o Tyson. Isso faz as pessoas lerem os artigos recentes. - É a entrada. - Por que esta aula? Quero passar por diferentes tendências que vi que me fizeram pensar fazer essa maldição. A 1ª 1 é o fato de que a Internet Webby está mudando para uma orientação mais central do usuário, e é definitivamente menos foco tecnológico. Um exemplo disso seria apenas um fato bem conhecido que nós designers gráficos, web designers. - Temos usado padrão fixo para soluções há muito tempo. - E isso é não, - isso não é novidade para ninguém, - mas nós temos usado, - você sabe, - como de antigamente, - de volta, - nos dias 800 por 600 para como 10 24 por 78 768 para gostar mesmo como o último antes - a bebida responsiva entrou. - Era como 1280. Mas agora está tudo diferente. - Nós definitivamente há esse movimento de design adaptativo responsável que realmente - entender os usuários. Andi usou tecnologia para servir conteúdo ao usuário de uma maneira melhor, independentemente do tamanho do grito ou independentemente do tamanho do grito oudo dispositivo que estão usando. - Então isso é ótimo. - Essa é a única coisa que você sabe, - nós definitivamente se eu tiver uma tela enorme, - eu não vou ver apenas um site 10 24 mais, - eu vou ver algo que ele é realmente otimizado para a saída que eu estou usando naquele - ponto. - Uma segunda tendência que eu realmente gosto é o fato de que a Internet está indo mais orientada para o conteúdo - e definitivamente menos visualmente esmagadora. - Não há mais, - não mais medo para como, - o horror de volta nós é na verdade o oposto. O espaço branco é bom, desde que o saibas. - Dá ao conteúdo toda a relevância que merece. - E é engraçado porque nós, na verdade, quero dizer, obviamente, a impressão digital decidiu estar lá para sempre. um Sinto que estamos chegando aumponto em que trazer design e design digital está finalmente se unindo. - E todo esse conhecimento incrível que temos de design impresso pode ser aplicado ao design digital -. - Então todas essas coisas que você realmente vê em um jornal que faz você sentir que você pode - ler um artigo na revista National Geographic pode finalmente ser aplicado no lado digital - - E isso significa que não temos. - Você sabe, - há definitivamente, - como nós estamos nos afastando de todos aqueles como ferramentas de navegação super complexas e relacionados - artigos, - e nós deixamos as coisas e nós criamos como artigos mais personalizados ser onde os continentes vieram - em. - Exemplo desta tendência também será como todos esses loucos. Que Murph é, umatendência que tivemos e o fato de que estamos movendo em direção a um design mais plano, e eu tenho um pouco de queda que eu definitivamente gosto da estante de autógrafos tendência que tivemos e o fato de que estamos movendo em direção a um design mais plano, e eu tenho um pouco de queda que eu definitivamente gosto da estante de autógrafos dias como ler hardcore com fotos, e estava tudo bem. - Mas se você realmente pensar sobre isso, - hum você sabe definitivamente não é sobre a arte é sobre o quão relevante e como é - os continentes para digerir. - Então eu não diria que é um ismo humorístico. - É horrível, - e design plano é ótimo, - é o Flay. Depende do conteúdo, e depende do projeto, e realmente é. - O foco deve ser em qualquer visual. - Independentemente disso, - Flat estão cheios de fotos. - O foco deve ser. - O que podemos fazer eso? O conteúdo é rei, e está tudo acabado. - A última rodada que eu gostaria de destacar é o fato de que o conteúdo relevante é tão - Michelle quando é realmente relevante para a verdade. E há algo de realmente, porque há muito tempo. Estou tão cansado, , tipo , pensando em portais grandes um ano de idade que tinham pensando em portais grandes, tipoum ano de idade que tinhamaté mesmo a CNN o fato de você ler um artigo. - Mas eles são, - como muitos carvão para ações. E há tantas informações relacionadas tentando chamar sua atenção que é muito difícil ler o artigo. Então estamos mudando para essa nova cena onde você sabe, o foco está no artigo. nova cena onde você sabe, Se você está lendo um artigo, se você está na página do artigo, não há nada em torno dele além do artigo e só quando você termina quando terminar , na verdade, como os fluxos deste lado, - você chega ao final da página. - Isso é quando você tem, - como, - essência do que fazer a seguir e, - você sabe, - apenas exemplos realmente práticos. O exemplo de prática é comparar o atual New York Times com esperançosamente o quê? - Esta espreitadela. - Vimos o que o New York Times vai ser. - Desde que saibamos que vai ficar mais perto através deste site. - Fizeram o ano passado, que é este saber completo. - E eu posso abrir bem rápido. Você vê como ... se eu rolar para baixo. Chegamos a um ponto em que não há nada no pate além do texto, obviamente há alguma informação de apoio para este texto. - Então eles te dão como, - hum, - contexto faz, - digamos um personagem como uma pessoa. - Este é um vídeo. Mas tudo é tudo gira em torno do artigo e em Liang vai ser muito rápido só quando você chegar ao fim você realmente pode ver, você sabe, anterior ou próximo, mas você não vê isso antes. - E esse é o efeito mágico que eles respeitam. O fato de você estar lendo um artigo, e eles não tentarem te levar para outro lugar, está voando. Então, voltando, acho que isso fecha a primeira unidade. - Então, muito obrigado e eu vou te ver em difícil de fazer 2. A fase de ideação: Ei, pessoal, bem-vindos à Unidade para a Cara de Ideação. Então, antes de estudar, eu tenho um pouco de cinco este Kaymer. E isso é que, através do curso de toda a turma, eu vou estar cobrindo alguns processos que você sabe, eu vou estar cobrindo alguns processos que você sabe, - Onde você trabalha? - Talvez estejam cobertos por um papel específico. - Parece que assinaram um apartamento. - Então, por exemplo, - eu poderia entrar um pouco no que um designer de produtos vai fazer. Alguns da dinastia estarão mais relacionados com uma interface, o centro. E talvez no final, eu entrei em eu entrei emdetalhes puramente visuais de execução. - Só são relevantes para os signatários visualmente. Mas só por causa do meu passado que eu poderia usar para trabalhar com um pequeno grupo de pessoas, nós temos que saber a coisa toda. Então, Então pegue o que for útil para você e sim, espero que ajude. Então, com isso dito nesta unidade, vamos cobrir três ideias e rosto de inspiração. - Eu vou estar falando também de alguns princípios de design e definitivamente mostrando alguns projetos reais e exemplos reais. - Então, - em primeiro lugar a ideação enfrentar este é definitivamente o rosto mais importante em qualquer projeto. - É muito importante que saia dessa frente com uma compreensão clara do que vai fazer. - Você sabe, - você normalmente pode já ter em uma tarefa e que poderia ser criado um leitor de notícias que - nós é nesta classe. - Mas essa pode ser sua própria tarefa porque você teve alguma falta na indústria que você acha que pode cobrir através de um cochilo. Ou, você sabe, em qualquer caso, pode ser você mesmo ou uma tarefa de cliente. Mas em qualquer cenário, a cara de ideação vai ser muito importante para determinar se você está criando, você sabe o que você está criando, e é importante que tenhamos passado muito tempo neste rosto nesta luz, enquanto eu estou - eu mesmo. - Hum, - só para ter certeza de que o que fazemos é realmente, - você sabe, - em poucas palavras, - é realmente ótimo e incrível. - Então, - por exemplo, - se falamos de sites de vídeo lá definitivamente Tom de sites de vídeo lá fora, - mas nesta aviação enfrenta que, - se você sabe, - criar um lado de vídeo é sua tarefa, Você tem que se perguntar, o que posso fazer para melhorar o que está lá fora? E você sabe, aconteceu algo que você acabou de dizer, você viu algo novo? E você fica cego pelo quão novo e brilhante? - Mas há sempre alguma coisa. E o engraçado é que, às vezes, só se vê que há algo que se pode ter criado quando alguém o criará . - E este sentimento está desligado? - Você sabe, - dizendo como, - enviado. Eu não entrei na minha cara, mas eu não pude ver isso tão baseado em todas as coisas que temos que pensar na cara da aviação menos loucos , estilo homem sentado no sofá , levantar-se de novo , - Volte. - Mas não pare de pensar nisso até ter certeza de que o que está fazendo é relevante. - Sinto muito, mas essa Lisbon quer. Então, nesta cara de aviação, você definitivamente é como Picasso disse, , você definitivamente é como Picasso disse, a expressão está lá. - Mas tens de te encontrar a trabalhar. - Uma inspiração é que este é um amigo meu disse que na palestra, - e na verdade, - isso me fez pensar muito. - Inspiração é a diferença entre grande design e apenas ok. - Decidir, - e eu não acho que nenhum de nós quer fazer. Certo, assine que soa bem, mas ele definitivamente não é muito eso lateral. - É importante pensarmos no que estamos fazendo antes de colocarmos as mãos em cima e tentar fazer algo notável em um sentido no outro e apenas dizer mais uma vez, porque realmente faz a diferença. - E há sempre um exemplo que vem à minha mente quando penso em você sabe, - essa cara de ideação é invertida ou eu tenho certeza que quando o relatório veio, - surgiu com a idéia de que eles saíram para jantar e eles tiveram, - como, - a melhor noite de suas vidas porque eles só pensaram em um conceito que é realmente - bom de perto. Então, se você olhar para as pessoas, , quero dizer um serviço. - Não há nada de novo nisso. - Eu agora sem todas as operações que eles têm suas coisas em um monte de coisas que é - incrível. - E você, mas você sabe, o “sim “e “assim “Fleet Board “é apenas um leitor de RSS. - Prisão oriental. - Há com eles para o seu iPad que é apenas mais visual e tirar vantagem é off. - Tire proveito de todos os recursos semelhantes que você pode usar em seu iPad e nem mesmo todos - deles, - mas pelo menos gestos. - Então, se você comparar flip ou dois e isso é realmente para compressão. Mas se comparares o Freeport com o leitor do Google, mesmo que seja retirado, sabes que mostram a mesma informação que tu tens. - Você pode começar o conteúdo que você pode. - Você pode compartilhar. - Pode nos manter lidos. Você pode enviar por e-mail , é o mesmo conteúdo, mas definitivamente há um ofício baseado, terrivelmente. Então, um cuidado sobre como este Texas definiu como, como o título está no centro, e é definitivamente o cabelo que o Chi é. - Está claro, e outra vez faz alguma coisa. E eu realmente acho que isso ajuda, mas na minha opinião, eram realmente como Make Flipper. Incrível é o fato de que apenas algo tão simples como a transição, como eles estão conectando as diferentes partes fora dela se tornou o nome do produto, e você sabe, o próprio produto. - Então flipboard. - É chamado Flipper porque você realmente frota a página, - e é um simples é isso e é incrível e é fácil de ler e emitir cidade. - Eles só para que isso é ótimo. Ao pensar sobre o produto que estava fazendo o projeto na cara da ideação, definitivamente há alguns princípios de design que devemos pensar, e eu pego em fazer isso, o produto que estava fazendo o projeto na cara da ideação, definitivamente há alguns princípios de design que devemos pensar, e eu pego em fazer isso, - chamou minha atenção e porque eles realmente diretor. - Mas eles mudam assim que olhamos para eles à luz dos critérios de sucesso. - Então, estes são os mesmos princípios. - A hierarquia está fora das necessidades? E isso diz, para que o sinal seja bem sucedido, ele deve atender às necessidades básicas das pessoas antes que ele possa tentar satisfazer necessidades de nível superior. - Então, se apenas criarmos como uma apresentação visual desse princípio, - vemos uma grande permissão, - e na base dela, - temos funcionalidade. - Então, definitivamente vamos dizer que estamos falando de invulgarmente lá. - Hum, - você respeita? - Você sabe, - o requisito mínimo daquele leitor de notícias é realmente exibir notícias. - Você pode concordar. - Então você sabe que isso satisfaz a carne psicológica aumentando um pouco. - Nós temos realmente, - realmente habilidade este Harmon acabar basicamente satisfazendo a segurança. - Então, - você sabe, - pisando, - temos proficiência em deficiência. - E no ajuste muito duplo. - Temos criatividade. - Então, obviamente, - se você tem, - se você está criando um serviço de correio, - as coisas básicas que você deve cobrir ist se eu que você deve ser capaz de enviar e receber - e-mails. - Hum, - mas, - você sabe, - e então você vai sair no fato de que o irmão tem que ser sólido emitido e cair - deve ser confiável. - Hum, - habilidade de uso. Você deve ser capaz de usá-lo de uma forma que, você sabe, se torne parte de si mesmo e do seu comportamento. E você não tem que pensar sobre o que fazer com eles proficiência em criatividade no topo, como algo que não é necessário no início. o que fazer com eles proficiência em criatividade no topo, Mas ele definitivamente tinha algo no topo da promessa. - Outro projeto de princípio sobre o qual eu gostaria de falar. - Sua forma segue a função. - Ele basicamente diz que a beleza eo sinal resulta da pureza off função também diz - as considerações estéticas no signo deve ser secundário a considerações funcionais. Eu recomendo que este livro seja alguém no primeiro comentário que fiz no curso, e eu escrevi todos esses livros e então você vai tirá-lo, mas, você sabe, eu acho que, no geral, esses dois princípios são verdadeiros, - obviamente de um leitor de notícias que você quer ler as notícias e qualquer coisa que você precisa, - como, - estética que fica entre você e uma necessidade básica em um requisito básico com o irmão - deve ser removido. - Mas ao mesmo tempo, - você sabe, - nós temos, - ah, - nós temos a luz fora os critérios de sucesso sobre isso disse que ao fazer a ciência - as decisões se concentram na importância relacionada de todos o aspecto do projeto, - forma e função nesta luz dos critérios de sucesso. Então, de novo, obviamente, se você fizer um serviço de animais ou um leitor de notícias, você deve ser capaz de ler as notícias. Mas o problema deles é que isso não é suficiente, porque isso está lá fora. - Chegamos a um ponto em que é realmente difícil inovar em alguns produtos específicos - porque há como uma grande separação no mercado. - Mas isso não significa que possamos fazer isso. - Quero dizer, - obviamente temos que atear esse fogo é sempre assim, - as necessidades básicas do produto, - e temos que ter certeza que, - você sabe que a funcionalidade está lá. - Mas se não cobrirmos o topo do triângulo se não cobrirmos a criatividade não vai funcionar. - Então olhe para o Dropbox. - Drop Oak é um cliente de FTP. - Seus insultos de clientes FTP. Havia toneladas quando o Dropbox saiu, mas eles só adicionaram mais coisas no topo do triângulo. - Eles acabaram de conseguir. - Ele está aqui para usar não era a coisa mais importante. - Não, o mais importante foi o fato de eu trabalhar. - Mas foi relevante à luz dos critérios de sucesso para que este produto realmente se tornasse bem sucedido? - Sim, ele era totalmente necessário para acabar com isso. - Basta ter em mente que cada vez que você discutir com sua equipe, - obviamente você precisa satisfazer as notícias do seu produto para satisfazer as necessidades básicas. - Mas você deve sempre empurrar para a melhor experiência. - E isso pode ser fazendo coisas que você normalmente colocará no topo do triângulo. - E isto é, - você sabe, - criando animações, - ficando como colocar o tempo acolhendo transições entre as diferentes seções, - tudo que cria a melhor experiência para o usuário. - Agora nós gostaríamos de mostrar alguns exemplos que eu tenho a oportunidade de trabalhar - durante os últimos anos, - e eles são definitivamente, - como, - exemplos realmente isolados de idéias que temos dentro de projetos que Nós pensamos que ele poderia fazer - eles se destacarem um pouco mais. - Andi, definitivamente. - Como se fossem considerações diferentes. - Como você pode achar, - você sabe, - avaliado antes de Freeport é o melhor exemplo de, - como, - uma idéia que realmente se torna o ponto principal do produto. - Mas isso nem sempre é possível. Na verdade, se a sua ideia não define o , irmão, pelo menos com base na questão dos critérios sexuais de design, definitivamente acrescenta esse sucesso de uma forma ou de outra. - E é isso que quero mostrar agora. - Tenho alguns exemplos. Primeiro, tem algumas pesquisas com você para o USA Today? Então a ideia do USA Today na página do artigo era criar o maior título do artigo que você já viu em um novo site. Então, se você olhar para os felizes não se vangloriar e você sabe, - parece que eles definitivamente se mudaram para, - como, - um título grande, - algo que é fácil de digerir. - Então queríamos criar o mesmo que você realmente verá. - E, - você sabe, - você definitivamente vai criar o título antes de qualquer outra coisa. - Então só você sabe, - se seu exemplo disso com um amigo, - componentes diferentes e então a história diz que você tem, - como, - obviamente, - hum, - conteúdo adicional que complementa a história assim por diante. - E uma vez que você acabar com você, - obviamente metade como a história anterior dentro do tema sobre o próximo também - - E se você se mover um pouco, você verá o que se relaciona com a sua localização atual onde você pode mudar. Mas acho que o objetivo disso para mim foi criar uma grande declaração na página do artigo, algo que você nunca viu antes. - E isso definitivamente leva você a chamar sua atenção para o título do artigo e - havia algum poder nisso. - Então são diferentes, variações diferentes. - E há outros exemplos que são exemplos que quero mostrar. E então é ... essa interface que criei para a Nickelodeon para o aplicativo iPad que eles lançaram não conhecido ... atrás. - Então este é um trabalho em progresso fora do ambiente em que estávamos criando. - Vou tocar a base. - Não toque na base, - hum, - hum, - neste quadro no próximo capítulo, - mas aqui. Só queria mostrar a ideia que temos para o cardápio. - Então você estará realmente se movendo em uma taxa infinita. Você vai se mover, você move a tela arrastando o iPad, indo para um lugar no outro. Você pode ver como você tem conteúdo diferente, dependendo da natureza. - Então às vezes ele pode parecer um conjunto de fotos às vezes é mais como um vídeo às vezes - é como um tweet rápido. - Mas achamos que seria legal se o menu fosse sempre o Zeppelin aqui no canto superior esquerdo. E toda vez que você quer acessar o menu, não importa onde você está, você apenas coloca para baixo e na verdade apaga a luz. Então a carne faz isso de novo, você pode, e você só gosta puxar para baixo. - Novo blacktop. - Agora você está no escuro. - Então este é obviamente um trabalho em andamento. - Você sabe, - há algumas outras etapas deste menu, - mas eu só queria destacar essa idéia de como desligar a luz - só porque - novamente é um daqueles exemplos que você definitivamente pode dizer que não faz. Definitivamente não está na base do triângulo. - Mas você sabe, - esses Renton, - como os pequenos detalhes que passo a passo, pouco a pouco, criam um produto realmente incrível para - o usuário. - Um exemplo a menos que eu gostaria de apresentar hoje é sexualmente um site com ele não muito tempo - atrás no Rio, - é chamado Escape Flat. E ele basicamente deixa vocês judeus, então dá-lhes um monte de opções fora de lugares onde você pode escapar do próximo fim de semana, você sabe, realmente de seus critérios selecionados. um monte de opções fora de lugares onde você pode escapar do próximo fim de semana, você sabe, - Então, por exemplo, - se você se importa com o preço, - você pode selecionar preços, - seus - hum, - critérios, - e então ele vai lhe dar resultados sobre isso Matéria. - Você também pode selecionar se aborrecimento e, em seguida, você pode adicionar, - como sistema de preferência como cultura, - comida, - vida noturna, - ao ar livre e assim por diante. - Então o que eu gostaria de falar sobre este site é algo que não é realmente, - hum ele não se relaciona muito com o conceito, - mas definitivamente acrescenta à experiência do usuário. - E é aí que você já viu no topo. Nós temos esses “drop downs “, e cada vez que você muda , a opção, na verdade vira. Então, os quadros estão finos, e você começa a ver como está mudando da eleição anterior para a sua seleção, do jeito que funciona. - Você pode ver como a mesma mudança nos valores. - Eles disseram, - como uma animação brilhante no botão ir, - na verdade dizendo ao usuário que agora eles ativamente vão para realmente selecionar pesquisa com esses critérios, - seu presidente e você realmente obter seu resultados. - Mas tão simples como criar esta animação. - E você pode ver como você sabe quando você realmente muda de letras porque com letras. Mas se você mudar de ícone, ele mostra ícone que há, tipo, diversão. - Eles realmente não adicionar nada por cento para o serviço, mas teste yusor você sente como - satisfação realmente interagir com esses elementos e faz a magia do usuário - interface. - Então isso é algo que devemos sempre prestar atenção. E apesar de ele ter dito que é difícil o triângulo, nunca devemos esquecer isso. Então, só para embrulhar esta unidade , vou mostrar como parte do rosto de ideação algumas ideias que tive sobre a atribuição desses carros, que é para designers são, diz leitor. - Então este vai ser o primeiro projeto sobre entregas. - Vou pedir a vocês para postar on-line eu gostaria que vocês, - hum post Isso capturas que você tem e as áreas que você está tendo sobre estes são, - diz Reader. Então podemos ir três juntos e comentamos, então, do jeito que estou olhando para isso baseado no meu próprio comportamento, estou olhando para isso de um ponto de vista muito funcional. - É como o lugar onde eu vou para realmente ler meus pés e ler meu traseiro, - diz artigos. - Não como um lugar que eu vá para me inspirar. - Então, mas este é apenas o meu ponto de vista. - Quero dizer, - por favor sinta-se livre para realmente abordar esta tarefa do ponto de vista. - Você acha que sim? - É melhor para você, - para mim é praticamente isso. - A coisa com Freeport, - ele realmente funciona no iPad, - e será um belo site também. - Mas a maneira que eu digero o nosso serviço é a forma como somos funcionais. - Então apenas ralando um layout onde, - você sabe, - nós temos, - como, - uma imagem grande e, em seguida, pequenos componentes. - Ele vai implicar algum tipo de hierarquia Cherokee no conteúdo. - E não é assim que vejo a nossa avaliação. - Realmente? - Porque eu realmente quero ser capaz de ler tudo ou apenas ter certeza que eu vi - tudo. - Avaliar Tudo tem a mesma relevância para mim desde que eu descrevi tão um pouco fora - explicação nesta tela você tem canto superior esquerdo. - Você pode ver como eu estou pensando sobre uma nova estrutura semelhante ao Twitter e semelhante a, - como conselho diferentes aplicativos móveis. - Onde você tem um menu à esquerda em que é bastante funcional. - Vai dizer-te apenas os pés. - Você vai ter, - um, - de lado, - uma coluna central que é realmente atraente. E esse é o que você vai clicar ou não para ver o artigo, porque ele vai conter uma prévia do artigo. - Então eu vi aquele artista muito semelhante diz que estamos lá para este. O problema é essa colunasedutora efalando sobre, etalvez possamos ver melhor neste esboço o chamado sedutor, aquele que realmente tem que inspirar você e mostrar a você um sedutora e O problema é essa colunasedutora efalando sobre, e talvez possamos ver melhor neste esboço o chamado sedutor, Um pouco fora. - Uma pré-visualização do artigo é puramente texto. - Qual é o problema com isso? - Quando estou navegando por nós mesmos? - Feeds, - hum, - apenas para a natureza do conteúdo que eu realmente assino. Suas galerias normalmente fora de fotos no título é algo como, um, - você sabe, - embalagens inspiradoras desta vez. Então o título não está me dizendo que não é realmente, como me convidar para realmente dizer, ele é muito descritivo, mas se o artigo tem fotos nele, você sabe, como me convidar para realmente dizer, ele é muito descritivo, mas se o artigo tem fotos nele, você sabe, chamado leitor e eu estou falando de falhar para me inspirar. - Então, mais uma vez eu gostaria de digerir. - Eu gostaria de se inspirar pela pré-visualização desses artigos de uma forma que será como - Twitter. Mas na verdade, como podem ver neste esboço, mostrando qualquer conteúdo de mídia que eu acho na minha metade. - Então ele terminou atrás de você para obter uma imagem. - Se for uma prévia de um vídeo ou algo assim, você sabe, vai me levar a tocar nele. Então, voltando para explicar isso um pouco mais, você pode ver no fundo como está explodindo para o mundo essa coluna do meio que eu chamo de sedutora . - Hum, - vai ter, - tipo, - artigos cortados, - e você será capaz de rolar para cima e para baixo. Então vamos passar para o próximo aqui. Então vamos passar para o próximo aqui. Então vamos passar para o próximo aqui. - Eu sou como se estivesse a sair muito. - Todos os estados diferentes que muitos da esquerda terão. - Então eu estou olhando para a camada, - e eu estou realmente definindo quais áreas vão ser responsivas e o que os outros vão ser - - Adaptativo? - Não, que eles adotaram. - Então você pode ver como você sabe de muitas maneiras. Definitivamente adaptável, porque depende de pontos fixos. - Terá um tamanho ou outro. - No entanto, - o menu sedutor é definitivamente responsivo depois de um certo ponto. - Então é uma mistura entre responsivo e adaptativo. E finalmente, este respiro funcional fora do artigo é definitivamente responsivo. - E essa será a área que aumentará o uso de arroz na janela para que você possa ver - como a armadura colapso menu será como um celular. - Você, por quê? - Mas você pode deslizar para realmente ver as opções. - Hum, - vamos seguir em frente. - E nesta coluna sedutora onde você sabe que é realmente com o habitual vai olhar para - selecionar o que eles vão ler. - Estava pensando em telas sensíveis ao toque. - Ele seria legal se pudéssemos, - como, - roubar como Twitter do jeito que eles são como furtá-lo rolar. - E isso revelará opções como as favoritas. - Mark é invisível ou compartilha. - Deve ser a maneira de se aproximar. - Isso é super simples, direto. - Não quero recomendações. - Não quero imagens relacionadas. Só quero ver os pés que assino da forma mais funcional. - Então, mais telas avaliá-lo antes, - como diferentes estados no menu no celular e também como Omo estará na parada normal - tamanho. - Alguns detalhes como quando sua escola no artigo e você chegar ao fundo, - emitiu uma pulga, - ir para o próximo e assim a mesma coisa quando vai para trás. - Então você vai ver sempre o próximo no artigo anterior que certificam que eles assim - desejo que continuamente em seguida navegação do usuário, - o uso de fluxo e eles nunca começar a chegar ao fim de um, - hum, - Viagem. - Mas é sempre como um fluxo contínuo de artigos invisíveis. E esta é uma visão de nível superior como temos três áreas principais, - ABC, - sobre como essas serão mostradas em um tablet para que você possa ver como A e B no alto no meio - serão visíveis. - Mas veja, - nós mostramos quando você toca em uma dessas pré-visualizações e ele vai mostrar que será deslocado - camada em cima. - A mesma coisa para Movil com a diferença de que o menu sendo um está colapsado também. Então, só um monte de esboços diferentes, ideias aleatórias. - Então você pode ver aqui, - por exemplo, - como nos muitos à esquerda eu tenho alguns Parsons são como sobre que o adaptativo no on - o acesso branco, - algum outro tipo de resposta, porque eles terão um alimentação e você será capaz de rolar - para baixo sobre aqueles em alguns na parte inferior novamente. - Opções como roupa ou uma conta de gerente será corrigido em, - portanto, sobre lá, - e você pode realmente também agrupar feeds. - Então, estou ansioso para ver quais são seus esboços e idéias. Enquanto isso, por favor, dê uma olhada nisso, e eu acho que só o fim de ouvir pensar que você 3. Como desenhar um quadro de nível superior: - Ei, pessoal, bem-vindos à Uni 3. Vamos dar-lhe uma estrutura de nível superior antes de começar. - Eu tenho um pouco de isenção de responsabilidade novamente sobre, - e é praticamente que eu só queria falar sobre como decidir quando você vê em visual sobre - o Grateful você sabe até agora, - especialmente dedicado aos quadros U X e Y. Ou, você sabe, fui para um show, que é como Han Drone você X. e você sabe que não há apenas uma resposta, mas eu, na minha experiência, por exemplo, Se eu estou trabalhando em um projeto que não é ele não inclui muitas páginas, - eu poderia fazê-lo sozinho. No entanto, se é como um grande portal ou como um grande lado corporativo que ele tem um líder, um monte de páginas diferentes, várias variações diferentes, você sabe, eu poderia ter uma pessoa U X comigo. Totalmente dedicado aos carneiros da esposa sobre a razão para isso. O recentemente é bastante funcional, e ésó porque quando você está apresentando algo para um cliente, você sabe que eles podem precisar provar estes seus ovos, provar isso e qualquer pequeno ajuste ou qualquer O recentemente é bastante funcional, e é só porque quando você está apresentando algo para um cliente, você sabe que eles podem precisar provar estes seus ovos, pouca mudança ou qualquer pequeno comentário que eles possam - ter. - Sabes que para melhorar vai demorar mais se o fizeres para te mostrares se o fizeres num visual do Grateful. - Então, para tipo, - um pequeno projeto é totalmente bom apenas para a loja de fotos. Mas assim que você sabe que fica maior do que um certo ponto, é definitivamente uma noite Mary, se você não trabalhar com isso, você X pessoa que você sabe que é bem apertado. - Pode, - como, - na verdade tuitar essas coisas na mosca usando, - você sabe, - o programa lamentável ou o que quer que essa pessoa se sinta confortável com. - Com isso dito, - qual é o quadro? De acordo com o Google, há duas descrições. - O 1º 1 definitivamente não é nosso no segundo fica um pouco mais perto de uma estrutura básica - subjacente ao sistema, - conceito ou texto. - Então pense sobre este conceito de sistema ou leva um site estrela ou nós estamos para cima. - Basicamente, - o quadro é a estrutura lá está subjacente a cima, - então ele basicamente conecta todas as diferentes seções em seu em faz com que seja apenas uma peça de trabalho . - Então pense sobre o quadro como primeiro e a navegação, - a navegação que conecta todas as seções diferentes pensar em parte da estrutura - que será qualquer componente global. - Então, cada vez que você realmente pressionar a si mesmo Inseto dois favoritos que funcionam em todos - as seções é parte do quadro global. - O que eu normalmente gosto de fazer 1%, em seguida, framework para o nosso cliente ou apenas para mim, - ainda é realmente por cento quarto. - Como essas camadas estão atrasadas em um espaço de três D e isso realmente não faz muito sentido, - mas realmente ajuda a entender o ecossistema global fora do eso up você vê, - como se eles estão empilhados em cima um do outro, - eles podem entender que são como carros que se acumulam uns sobre os outros ou assim, como muitos escravos da esquerda. - Mas está em cima dele empurra o conteúdo. Essas são como ... fotos de você alto nível que o cliente ou sóvocêpode ter você, minha honestidade é mais fácil. - Outra coisa que eu recomendo ao fazer o framework, - especialmente para clientes, - é criar um gráfico com o ecossistema do up, - e eu estou chegando à próxima seção. Nós vamos mostrar alguns exemplos, e eu tenho algo relacionado a isso, então isto é, obviamente, os nomes à direita, mas veja este é um exemplo do ecossistema muitas vezes levantado. - Então você tem uma tela inicial, - você tem cidade, - e você pode ver quanto mais você tem listas deve fazer e então você tem, - como, - componentes. - Então você mostra todo o ecossistema sobre como essas seções estão conectadas. - Você sabe, - a partir deste gráfico e entender a partir desta tela inicial, - eu posso ir para esta seção ou esta seção. - Eu entendo isso. A partir desta seção eu posso pesquisar, e eu posso, e eu procuro nestes três diferentes com esses valores diferentes. E isso pode levar-te a esta outra coisa que está ligada, de alguma forma, todas estas ligações estão no coração desta vez. Mas quando você começa a ler sobre apenas passando por específico, toda a duplicação é bem fácil de entender. Então, um exemplo de um quadro Este é Ah Furley Easy. Eu crio essa câmera para o iPhone, e na verdade é bem simples, mas funciona com algumas camadas diferentes, então você pode ver como é totalmente sem design. algumas camadas diferentes, - O que estou fazendo aqui é só uma questão de explicar como os diferentes componentes funcionam. Então temos aqui, como a captura da câmera. - Temos o iPhone, - e depois temos o menu que fatia de baixo. - É este e eu era o único que está no topo. - E, - você sabe, - qualquer que seja o fundo real, - há um muito abstrato, - mas realmente ajuda a entender como esses painéis funcionam. - Outro exemplo seria se eu fiz um tempo atrás que novamente você poderia preso todas as - seções em cima um do outro apenas para gostar de quebrar todas as camadas que criam a - interface de usuário. Então temos que usar os amigos, temos camada de tempo, camada diurna, e então isso cria uma cidade. E depois temos pacotes diferentes da cidade. - Outro exemplo. - Este é um grande problema. - Afeganistão. Então isso é basicamente uma proposta para paralela uma campanhaparalelade vídeo, e vocês podem ver como eu queria explicar que você pode estar em um vídeo e há um ataque em um vídeo. - E se você pressionou ataque, - este componente de vídeo vai deslizar para a esquerda em você ver aqui como após a prisão no ataque -, - ele vai se mover para a esquerda e vários UE. - Não, este vídeo se torna sobre o momento em que você apenas pressiona. Então, se eu parecer fora, você pode ver as duas ao mesmo tempo. Praticamente vídeo, você toca nele e essas fraudes, e você sempre pode voltar para realmente voltar ao vídeo onde você era uma interação bem simples . - Mas, - você sabe, - é realmente bom passar pelo exercício de construção criado algum nível superior - ux para explicar o que está acontecendo. Agora quero mostrar a vocês quando é provavelmente uma das estruturas mais complexas que já fiz e não vamos entrar em detalhes, mas eu só quero mostrar a vocês, como todas as categorias que estou cobrindo com essa estrutura. Então, neste caso, vou ser muito abstrato. Foi basicamente uma noite, mas foi projetada para Nickelodeon, e queríamos fazer um mundo, você explicará, Horace, você explicará, Horace, você explorará horizontalmente. sobre isso. - O Will terá camadas diferentes. - Imagine que temos isso. - Mas aqui, imagine. Você vê o mundo através do iPod, do iPad, isso é uma janela. - Então, - você sabe, - eles são como alguns componentes globais como o indicador de menu. - E isso é realmente o que eu mostro no episódio anterior. - Se você se lembrar, - e então se você continuar olhando através desta janela - você pode ver essas camadas - que é o número três jogo é o ambiente de primeiro plano. - Então eles são como Lums. - Você sabe, - o telhado lá como pessoas que estão super perto da câmera porque eles estão nesta camada - que é mais perto do seu ponto de vista. - A próxima camada é, na verdade, a camada de conteúdo. Então, novamente, o conteúdo sobre isso será mostrado por baixo, que é como por trás desses componentes da camada três. Há alguns detalhes como você pode deslizar para cima e para baixo e assim por diante, e então eles usam a Camada 1, que é o ambiente da espinha dorsal. - Então, novamente, - você pode ver alguns personagens que ainda há algum conteúdo se fundem com o Bagram - componentes, - e há algumas interações a serem separadas das interações. - Três. - Então, desculpe-me. Então, os primeiros aqui, você pode mudar o plano de fundo fora da chamada do fundo. - Você vê alguns vídeos e assim por diante. Esta é uma estrutura bastante complexa, e fica ainda melhor porque sabe o que gastei aqui nesta perspectiva isométrica . uma estrutura bastante complexa, e fica ainda melhor porque sabe o que gastei aqui nesta perspectiva isométrica - Agora mostro-te como funciona. - O chão parece ser do iPod. - Então todas essas camadas, - você sabe, - toda essa complexidade é realmente encapsulada aqui, - onde na verdade não parece mais tão complexa. - E essa é a magia disso. Não se trata de criar complexidade complexa por causa disso é tentar explicar o conceito. - E então, - você sabe, - obviamente tornando isso complicado apenas para torná-lo simples no final. - Então nós explicamos também, - eles definem o menu de nível superior, - e isso é o que eu realmente gastei a unidade anterior onde você pode realmente, - como, - puxá-lo e ele vai desligar as luzes. , Explicamos que, na verdade, esse ambiente em que estamos navegando horizontalmente é modular e escalável. Então, novamente, tudo é baseado em um modelo, e eles são como modelos diferentes. - Uma é uma pessoa e conteúdo que você pode realmente deslizar. - Particularmente outro modelo será uma pessoa de corpo inteiro que gostaríamos de conteúdo à sua esquerda. Então temos, como portas que te levam para umquartodiferente, quarto e temos um modelo sem caracteres. - Eu conheço o templo com personagens novamente, - um modelo interativo onde realmente atores vão e nós vamos fazer algo no vidro - do passado. - Então você tem que parar com isso. - E assim é o mesmo componente aqui com um modelo diferente. Então, neste caso, em vez disso , como para limpar o vidro, eles serão como tirar o, hum, Islã dele lodo. - Hum e, em seguida, obviamente, explicando o quão fácil para uma escala este conceito e, - você sabe, - criando mais modelos, se necessário. - Um ponto das estruturas foram explicados. - Como interagimos com as seções? Sabe, todos os gestos que vamos usar, então vamos dizer conteúdo desenhando um círculo, vamos abrir conteúdo fazendo, mas como pintar com os dedos pintados de volta então vamos dizer conteúdo desenhando um círculo, vamos abrir conteúdo fazendo, mas como pintar com os dedos pintados de volta conteúdo. - Você pode realmente criar como apertos de mão secretos com alguns personagens dentro de algumas das - janelas. - Você pode se mover da esquerda para a direita. - E novamente, - é um sensível, - tipo, - bastante complexo. - Então eu estou indo para o pior caso aqui para vocês verem, - você sabe, - quanto detalhe podemos colocar no quadro? Novamente, como em uma amostra da semana de interação até o dispositivo, mas contestamos girado também para encerrar este exemplo. - Há algumas animações, - exceto, - um sim, - exemplo. - Então salto de personagem, - como você pode ver, - é definitivamente sobre este sinal é sobre a exibição. - Como isso é, - você sabe, - é mostrar o conceito do que vai acontecer, - como o conteúdo neste caso será revelado por, - como, - um personagem que salta, - como um porta que fica aberta ou por, tipo, personagem que corre e realmente revelar o conteúdo é uma máscara. - Então vamos fazer zoom para que você possa ver. - Ihsaa Trabalho de impressão muito maciço. E é uma descrição de alto nível só para o cliente e outra doença rápidae perfumada. E é uma descrição de alto nível só para o cliente e outra doença rápida - Eu queria mostrar, - hum é apenas um site onde, - na verdade, - você sabe, - eu estou ilustrando como a tela parece aqui, - o tamanho e como isso vai estar sempre levando toda a pele do dimensionar a navegação - de estar na parte inferior da escola torta para baixo ele vem para o topo, - você sabe, - apenas passando por alguns dos conteúdos. - Temos um pouco de detalhes demais aqui. - Mas, - você sabe, - apenas tentando explicar ao cliente que como as seções estão conectadas. - Então esta imagem em tela cheia enquanto você rola para baixo há um mapa e você pode clicar em alguns - ponteiros e ele vai deslizar para este ou para o mapa, - hum, - e assim por diante. - Então vamos voltar. Esses foram alguns exemplos fora de estruturas, e agora eu gostaria de ir muito rápido através de algumas coisas. - E não que você realmente tem que fazer ao criar sua própria estrutura. - A primeira coisa é definitivamente pensar sobre o quadro geral. - Não pegue os detalhes e jogue algumas descrições de conteúdo porque, - você sabe, - pegar em detalhes ou conteúdo nesta fase do projeto fora pode acabar em - discussões que você realmente não quer ter com um cliente ainda. - Agora o ponto é obter essa aprovação nas estruturas para que você possa realmente seguir em frente, como entrar em detalhes em seções específicas. - Mas neste ponto, - você sabe, - tentou mantê-lo realmente como o nível superior e apenas explicar como essas seções eram um com outro - - Mais do que entrar em detalhes de novo. - Qual é a ligação entre todas as secções? - Você precisa detalhar isso como você precisa explicar como essas seções estão conectadas umas às outras. - Oh, - e você sabe, - você coisas como uma navegação como uma animação no meio foi a transição se é como uma - conexão física entre eles, - então pense sobre como uma seção vai empurrar para cima a outra, - ou ele vai, - como top comum todos esses detalhes. Seria bom se você pudesse explicar, refletir toda a funcionalidade. - Não nos importamos com o conteúdo, mas nos preocupamos com a funcionalidade neste momento. - Desculpe. Dias como, como um funcionário salvador como uma estrela ou há como, umfuncionário salvador como uma estrela ou há como, compartilhar todas essas coisas que podem desencadear como novos cenários é, eu diria, compartilhar todas essas coisas que podem desencadear como novos cenários é, eu diria, - trabalho importante com 100% de fundos. - Quero dizer, você pode nem precisar de telefones, mas eu só tenho experiências no passado em que algumas pessoas vão fazer X com um muito, tipomuito, muito pequeno. E você sabe que isso é sempre um problema porque eles estão fazendo um trabalho que você pode realmente, você não pode traduzir para o letreiro mais tarde. A reivindicação pode aprovar algo porque eles só estavam, como mover suas preocupações para projetar. - No entanto, - você sabe, - neste nível, - você dias qualquer diversão. Só estou tentando não enlouquecer com essa ISIS e tentar se manter mais perto. - O mais perto que puder da vida real fora da caixa. - Essa é engraçada. - Então acho que talvez seja exagerando um pouco. É bom pensar fora da caixa, , como eu sempre disse, o fato de que ele não é impossível definitivamente significa que não foi feito antes, mas não significa necessariamente que possa ser feito. - Então eu apenas encorajo você a pensar fora da caixa o máximo que puder para que você possa - realmente deixar fora da caixa. Tentei as grandes novas soluções tentando, na verdade , cair para uma navegação principal. - Pode não ser a melhor solução. - Talvez este um trabalho legal feito você pode fazer apenas como tentar inovar nesses componentes. Obviamente, em métodos de navegação. - A. - Tanto quanto você pode usar para mostrar como todas essas seções estão conectadas. - Planeje todos os dispositivos. Isso é muito importante com ele antes, quando esboçamos nossas idéias. - Mas mesmo aqui, - você deve realmente pensar sobre você sabe como essas seções vão ser estabelecidas no - diferente na saída amigo, - telas diferentes e novamente, - simplesmente não pode gostar de voltar para o primeiro tópico de detalhes oficiais é realmente importante - que ninguém entender isso como design. - Mas esta é a nossa descrição geral para comandar esta unidade. Quero mostrar um trabalho de amigo de alto nível que fiz no leitor de RSS. - E eu não tenho muito foco nos diferentes tamanhos que ele poderia ter também, - como, - que parte do layout será responsivo Qual parte das camadas será adaptada? Mas eu gostaria de realmente uma das tarefas desta unidade para vocês, isso é realmente criar uma estrutura mais completa isso é realmente criar uma estrutura mais completada sua ideia baseada nos exemplos que vimos. - Então eu estou como eu vou mostrar, - você sabe, - eu estou, - como, - hum, - focando em parte das camadas que eles adotaram adotaram uma das camadas que são responsivas - Mas gostaria que vocês trabalhassem de uma forma que incluíssem animações e decisões. - Então eu disse que o nível superior não foi projetado em tudo, - mas nós praticamente vemos as diferentes seções fora da camada, - você sabe, - e como os muitos à esquerda seria adaptável. - Então as façanhas vão para a direita. - E eles incluirão a mídia, - se eles tiverem, - e como o artigo será responsivo levando o resto dele com e nós também detalhamos. - Eu sou tão detalhado, - você sabe, - a altura fora dos componentes. - Que parte dos componentes será corrigido sobre o que na parte dos componentes será - realmente responsivo para na saída. - Esta cabeça do navegador, - hum, - novamente, - como isso se aplica a, - digamos, - um na saída que é semelhante a um tablet. - Mais aniversário, horizontal dourada. - Então, novamente, - temos esta nova versão fora da navegação que está colapsada. Mas você ainda vê, como a unidade de informação principal, e você sempre pode, como deslizar para revelar mais informações sobre. Depois, as derrotas levam todo o grito, por isso vai ser mais inspirador. E assim que eles costumavam clicar em um, ele irá para a segunda tela que temos à direita, onde você realmente assumirá essa pilha de proezas. - E novamente, - como isso vai se traduzir para um dispositivo móvel para que você possa ver como seus muitos um tradutor que. - Na verdade, escondemos completamente. - Vivemos um pouco fora do indicador à esquerda. - E isso vai deixar o usuário saber que há esse dinheiro. - Eles podem arrastar e revelar ordem do que isso. - Todo o grito será usado para Theis. - Grande seção com pré-visualizações, - Qualquer que eles tocar em aqueles nós na versão tablet. - Você sabe que vai se safar. - Artigo em cima. - Então, - Dustin, - Simon, - você sabe, - baseado nas idéias que você aconteceu produzindo seu - será legal ver - que tipo de - estrutura você pode criar? - Você também pode fazer um mapa do site, se quiser. E sim, estou ansioso para ver o que você pode inventar. - É o fim da lista dos três. - Muito obrigado. 4. Como construir uma grade: - Todo mundo. - Bem-vindo à unidade para viver Integrar nesta unidade, - vamos cobrir a definição de um grande componentes que fazem um grande detalhe de - que design? - Alguns fatores comuns entre grande para Web e design de impressão são exemplos reais que eu trabalhei - no passado. - E finalmente eu vou passar pelo grande realmente construído para o leitor de bundas deles. - Então o que é ótimo e por que precisamos dele? - Bem, uma definição de grande é “estrutura fora do espaço “, barrar o apartamento deles dois ou cruzar um ao outro uma grade, mas uma definição realmente gosta melhor. - Esta é da Wikipédia? - Praticamente um tipográfico, - realmente disse estrutura bidimensional composta de um sério off cruzando vertical e - o acesso horizontal usado para um conteúdo estrutura Bem, - você pode, na verdade, - realmente disse estrutura bidimensional composta de um sério off cruzando vertical e - o acesso horizontal usado para um conteúdo estrutura Bem, - você pode, na verdade, a tela que praticamente concordar com isso e você pode ver como eu vou explicar tudo - os componentes mais tarde. Mas aqui você pode ver, como alguns dos componentes que fazem o grande, então você vê as colunas fáceis da unidade. - Você vê uma linha de base e assim por diante. - Praticamente este maior me ajudando agora a organizar esta estrutura firmemente simples - que é exatamente o que eu estou usando para a apresentação de uma forma que é fácil de absorver e - estrutura. Há uma citação de soja em seu livro, Ordem e Desordem “que diz, desde tempos imemoriais, tudo o que a humanidade tem percebido está sujeito a busca contínua por ordem. O livro é altamente recomendado, especialmente para esta seção. Você praticamente fala sobre cumprimentar sua região e as razões por trás dela, e isso também se aplica ao que o mesmo mais tarde. Mas quando li esta citação, pensei no golpe que realmente gosto. São coisas organizadas ordenadamente , e este copo é quase como tirar fotos de objetos. - Eles são bem organizados. E há algum prazer visual sobre, tipo, ter visto esta foto. Então essa pergunta de novo, o que é ótimo e agora por que precisamos dela? Então essa pergunta de novo, - A principal razão é que faz a diferença. Você pode realmente dizer quando algum sinal foi feito, mas use Integrate ou onde ele foi, e algumas pessoas são muito boas nisso. Conheci alguns designers no passado que nunca usam segredo, mas eles erammuito específicos e metálicos e como organizavam seus incompetentes. Conheci alguns designers no passado que nunca usam segredo, mas eles erammuito específicos e metálicos e como organizavam seus incompetentes. Conheci alguns designers no passado que nunca usam segredo, mas eles eram mas eles erammuito específicos e metálicos e como organizavam seus incompetentes. Mas na realidade, você sabe, se você pode realmente usar um ótimo, você vai dizer Tom de tempo ao organizar suas informações e construir o layout sobre, você sabe, é realmente importante realmente tem um grande que ajudar você realmente trabalhando. Algumas pessoas tomam isso como, Ok, eu tenho que usar segredo, mas, você sabe, eles quase passam mais tempo acordados. - Eles não concordaram com suas necessidades então, na verdade, você sabe, economizando tempo porque eles estão usando um ótimo. - Então é importante para você saber que, - você sabe, - um ótimo é o resultado de pesquisas anteriores e os pensamentos anteriores sobre o que você realmente - vai construir. E quando você tiver isso em mente e estiver bem claro, o grande vai te ajudar a fazer isso acontecer. - E este é um exemplo do leitor de incêndios. Estou construindo um exemplo para a turma, e você pode ver um pouco da criação que comecei a construir. Na verdade, explico isso mais tarde, mas como uma breve descrição, você pode ver como temos à esquerda o principal vindo com os pés e que está pegando, tipo, um Collier feito de duas unidades. - Eu vou ter, - tipo, - alguma margem com, - tipo, - este padrão só para me ajudar. - Como os itens vão ser a sua linha. - E eu também estou marcando o que vai ser dispositivos móveis e tamanho do telefone e também como tablets. E aqueles que eu explico mais tarde são diferentes, como pontos de quebra no responsável depois de projetar e construí-los, um, recurso que também precisamos criar. diferentes, como pontos de quebra no responsável depois de projetar e construí-los, um, - E este é novamente o tribunal no Caribe. - Em sua ordem livro nesta ordem cumprimenta em ordem continuamente e harmonia para a apresentação - off informações em páginas web frequentemente de alta densidade. - E em que enviar andan exemplo seria USA Today novamente. - Então, nesta página de artigo, - Estou usando uma rua comum de cinco e você pode ver como tudo está sendo organizado entre - você sabe, - dentro dessas cinco colunas que temos no 1º 1 na verdade de notícias sérias e, em seguida, - ficar na coisa vai nos outros. - Outra razão será cumprimentos. - Saúde yusor esplênica vale informações diferentes de página para página de chão de comportamental - estado para estado comportamental, - que ajuda na comunicação dessa informação e usando o mesmo exemplo é antes de nós - têm cinco colunas e nós usamos é que os três no centro apenas para exibir o texto principal - e então vamos usar o 5º 1 à direita para exibir conteúdo adicional. - Então, novamente, - usuários que eles passam por diferentes artigos vai entender eventualmente que a Quinta - Coluna dentro da visão de artigo vai ter sempre como fotos e baterias de vídeo. - Outra grande razão tornar mais fácil adicionar novo conteúdo a um site de uma forma que em - sistema americano com a visão geral fora do site regional. - Então, de novo, - quero dizer muito simples, - como basicamente nós construindo um site que tem que ser atualizado e como tudo funciona - dentro de um ótimo, você sabe - mais tarde nós queríamos isso. - Acho que mais informações sobre novos módulos. - Vai ficar tudo bem, desde que fiquemos a esse crédito. - Outro grupo fazendo está aqui para planejar diferentes dissensões do senhor deputado fora do mesmo conteúdo - mantendo uma estrutura abrangente. Então este país, bem com essa grade responsiva e adaptativa, porque à medida que construímos neste site que Laissez tem um ótimo, sabemos que vamos planejar com ele dentro da grade. - A aparência do site depende do tamanho do Buber. - Então não importa se é 966 40 o que quer que seja. - Ele sempre manterá a mesma consistência e isso na mesma aparência. Certo, vamos falar agora sobre as diferentes partes de um grande, então o mínimo, a menor divisão em uma grade. - Isso é o que uma unidade escolar uma unidade é normalmente para pensar muito estreita para realmente conter ou - como abrigar qualquer conteúdo textual. - Então é por isso que os combinamos em colunas. McCallum é um grupo de unidades que você pode ver, e eles basicamente se combinaram para criar. - Chamamos áreas viáveis. - Então, nesta faculdade podemos realmente ter conteúdo porque eles são brancos o suficiente, - e eles realmente se combinaram em regiões e regiões. - É esse grupo fora de colunas e, - você sabe, - no final eles formam página. - O próximo componente é a linha de base, - e eu sou realmente eu sei sobre a melhor terra porque é realmente, - realmente, - muito importante quando você realmente constrói como uma camada do que projetado para usar uma linha de base. - Ele realmente ajuda este poço devido a realmente medir o espaçamento entre linhas e especialmente - entre blocos fora caracteres. Quando mudar a tipografia, vai dizer,por exemplo, por exemplo, o espaço entre um título na cópia do corpo que é muito útil ter o porão, então, por favor, use-o. - Certo, então a próxima é calhas. - As calhas são os espaços vazios entre unidades e moedas. Sabe, quando a unidade está recombinando cummings que absorvem. - Eles a colocaram dentro deles, mas eles não conseguem o que está entre o que os separa de uma unidade diferente de uma coluna diferente. - E o último é o padrão no mercado. - Então as margens são o espaço fora de uma unidade ou coluna e colocar é o espaço dentro dessa unidade - ou coluna. - E você pode saber que alguns destes parecem familiarizados com HTML e CSS porque estes são - como propriedades que você pode realmente trabalhar com. - Isso é muito útil. - Próximo Esta saudação especificidades para Web design. - Bem, - escusado será dizer, - cumprimentos são realmente velhos. - Não. Então, quando você vê agora em interativo, mas obviamente eles têm um legado fora de placa impressa e antes disso, eles têm um legado de como pintar no desenho assim por diante, para que tenhamos longa tradição fora de cumprimentos. - Mas quando se trata de interativo é definitivamente um mundo totalmente novo. - Então eu gostaria de destacar algumas coisas que eu acho que são específicas para Web design. - O 1º 1 é layouts dinâmicos. - Então temos que construir ótimo para visão desconhecida, - preciso. - E nesse sentido, - nós definitivamente não sabemos isso com porque definitivamente depende do usuário na plataforma. - Os problemas do usuário nessa altura. - E eles são assim. - Eu não quero dizer tendências, - mas como diferentes soluções que encontramos o problema e poderíamos dividi-lo em design adaptativo - e responsivo. - Então apenas descreva um pouco Adaptive é realmente projetado que funciona com pontos fixos de ruptura . - Então pense em eu tenho um exemplo para você. - Pense sobre isso vai um fora os gatos que casaco para que ele é fixo porque ele tem, - como, - diferentes pontos de ruptura. Se você redimensionar a janela, ele realmente mudou o layout quando você atinge um desses pontos de quebra, você pode ver aqui, mas nada além disso. - Nada está sendo preciso. - Então não importa, - você sabe que era o tamanho disso disso desde que você não atinja o ponto de ruptura, - você sabe que ele permaneceria assim e responsivo decidir no país. - Eu gostaria de mostrá-lo para mostrá-lo, mostrando este exemplo, - meu amigo Israel Pastrana Então é praticamente no sinal que realmente redimensionado gradualmente - com o navegador. - Então, de novo, - você sabe, - isso não é algo que os senhores vão fazer. - Recita que sabemos que não há nenhum ponto em fazer isso, - mas isso Certifique-se de que, - você sabe, - independentemente de seu tablet ser um iPad ou um tablet Windows ou qualquer solução que havia poderia - ser diferente. - Isso vai garantir que ele realmente parece ótimo ao mesmo tempo. - Ele também tem pontos de dispersão para que você possa ver um ponto de ruptura aqui é fazer o menu colapsar ou - não, - por isso é definitivamente uma mistura entre os dois. Então, seguindo em frente pense móvel, quanto menor for a tela maior do que tanques e descontos, porque , sim, definitivamente. - Agora, - no momento em que vivemos em dispositivos móveis diz ter uma maior ou mais densidade mais resolução - do que gritos desktop. - E eu vou dizer como um exemplo, - como, - sua tela de desktop pode ter, - como 72 em apenas um ponto de interesse - enquanto seu dispositivo móvel pode ser até o dobro. - Então, por causa disso, - se tivermos um texto com este tamanho de 12 pontos, - quando seu desktop e você traduzi-lo em dispositivos móveis, - assim como isso vai parecer muito, - muito pequeno. - Então, basta pensar em dispositivos móveis é algo que os usuários obviamente levam com eles e eles - verificar em movimento. - E definitivamente o texano precisa ser maior. - Acho que isso soa. - Eu verifico isso como um portfólio aleatório onde eu verifiquei no meu celular e eu poderia - ver como se apenas o texto fosse muito, - muito pequeno. - E, - você sabe, - pensar em mim no metrô ou tão bem não é algo que você pode se sentir convidado para - ler. - Pelo contrário, novamente, - um dos meus sites favoritos no momento 1.000.000 pontos com, - você pode ver como apenas a fazenda é maneira, - muito maior e definitivamente mais agradável. - E ele está aqui para avaliar algo. - Eu também acho que é exclusivo para Web design é o fato de que decidimos por uma densidade não conteúdo -. - Então, se você comparar uma revista, - você sabe que eles obviamente já têm um quadro, - um estilo que eles têm que seguir como em todos os artigos diferentes - mas no final do dia - eles sabem o que é o artigo. - Então, - você sabe, - eles trabalham com esse conhecimento. - No entanto, - executar design interativo que construímos, - nós construímos o quadro que realmente construímos no quadro para, - hum, você sabe, - qualquer que seja o artigo deles sobre os jornalistas sobre, - quem quiser para postar e tem que funcionar para todos eles. E nesse sentido, gostaria de falar sobre dois cenários diferentes. - O 1º 1 é páginas de visão geral. - Então pense sobre a home page principal fora de um novo site ou um site de portal. Vais mostrar artigos diferentes que tens na página. Mas obviamente, você não vai mostrar a coisa toda. - Então você sabe, - você pode mostrar apenas como um corte fora do título. - E talvez sejam legendas. E nesse caso, porque você vai entregar esse projeto a alguém, e essa pessoa vai usá-lo. - Você só precisa ser, tipo, muito específico. , Você sabe, quando detalhes em coisas como a contagem de personagens, você tem que dizer como era o número máximo de caracteres que esse combustível pode acomodar e ter que deixá-los saber que se passar por cima, - você pode ter que fazer elipses nesse conteúdo. E eu tenho alguns exemplos disso é, um, este protótipo para o USA Today e você pode ver, você sabe, isso é obviamente essa página inicial onde você realmente tem um título no exterior. este protótipo para o USA Today e você pode ver, você sabe, - Sim, mais capas. E se nós rolarmos para baixo, todos esses caras aqui são esses caras aqui eles são únicos para realmente configurar um máximo,caso contrário, você sabe que ele assinou pode ir em forma. todos esses caras aqui são esses caras aqui eles são únicos para realmente configurar um máximo,caso contrário, caso contrário, - Mas isso não significa que, você sabe, você não tem que ser realmente. Você também tem que ser um pouco flexível. - Então você sabe, - não pode vir em que um mínimo fora deste específico de caracteres e um máximo deste - sobre o específico. - E nestes módulos, - você pode ver aqui como eu fui um pouco flexível, - então poderia ser como duas linhas. - Pode ser uma linha, - mas a imagem à esquerda, - poderia ser como o que é um modelo para esportes com duas linhas e às vezes iraniano. - Você pode ir para três linhas e assim por diante precisa ser. Obviamente, você precisa prestar contas por tudo o que puder. Outro exemplo seria essa outra proposta para o Google, mais as páginas castanhas. - Então, novamente, - aqui diz a página de visão geral. - Então, se você vai falar sobre, - você sabe, - música, - por exemplo, - ou qualquer coisa que você tem para artigos aqui e o título Stary pode ser de até +12 talvez como, - três linhas. Mas então você começa a escrever o texto, e não sabemos qual será esse texto. - Mas precisamos. - Na verdade, o limite foi o máximo que vai ser eso. - Na verdade, - onde ia trabalhar com este quadro pode cuidar disso. - Então voltar ao outro cenário diferente que queria falar é a página de detalhes. - Então aqui está um cenário diferente, porque antes não podíamos conter todo o conteúdo do artigo, mas no caso - foram neste caso, - nós realmente temos É nossa responsabilidade. - O teórico é, - você sabe, - pode encaixar perfeitamente no nosso layout e realmente ficar bem. - Então alguns exemplos nesse sentido são, - hum, - como, - coisas diferentes que irão ao longo do tempo, - este será um deles, - você sabe, - Na verdade, - hum, - como, - coisas diferentes que irão ao longo do tempo, - este será um deles, - você sabe, - Na verdade, isto é como uma visão de artigo bastante segura onde você pode realmente ver um título e você pode ver - como este título, - no caso de ele chegar a duas linhas. - Só empurraria o conteúdo para baixo. - Então, tudo é flexível de uma forma que, se for mais longo, apenas empurrou o conteúdo para baixo. A mesma coisa para isso, tipo interação curta e a mesma coisa para realmente isso. - Obrigado, - Tom abaixo eu sei que o exemplo será Este artigo faz para USA Today e novamente é apenas um - assunto fora, - como ler diferentes módulos. - Então, na verdade, - se a empresa é curta assim é quase o pior caso - uma área que os continentes - realmente curta, porque se for longo você só tem, - tipo, - toneladas de motivos diferentes que você pode combinar. Mas se é certo que isso pode acontecer, você também tem que estar pronto para isso. - Neste caso é muito longo, como você pode vê-lo. - Então você tem assim que pode ser mais longo. - Vai empurrar o conteúdo para baixo. - Podemos ter, - como, - citações que farão com que o conteúdo vá em torno deles novamente. Quebrar o corpo é torná-lo mais brincalhão com citações ou o que quer que seja e , finalmente, isso veio por aqui. - Outro será, - hum Então aqui, - por exemplo, - você sabe, - se você, - como, - navegar nesta página e você, - na verdade, - mas isso é para ver sua navegação como, - esta página é chamada para baixo, - e você realmente quer clicar em um desses artigos que você toca no livro. - Abre uma sobreposição. - E agora, - obviamente, - você sabe, - isso pode acontecer todo o caminho. Mas se você realmente criou este sistema que você pode comentar sobre linhas específicas como o meio está fazendo agora. - Então, - você sabe, - você vai realmente selecionar a linha aqui livro, - e este painel vai aparecer novamente. Comentários não é algo que você possa realmente, , sabe, como cortar. - Eles têm que estar lá todo o caminho. Então, novamente, se isso ficar mais longo, só vai ficar mais longo. Voltando à apresentação, é importante ser brincalhão. Voltando à apresentação, Há algo como, explicarei isso mais adiante sobre nós. Seguimos em frente, especialmente na tipografia. - Mas, - você sabe, - é importante realmente organizar o país de uma forma que eles usam para sentir como - realmente lendo tudo bem. - Outro específico em Web design para grãos é a tipografia. - Fullbacks. - Então isso está definitivamente mudando com serviços como Type Kid ou Google phones e tantos - outros. - Mas você sabe, - muito antes de você estabelecer um desses como armas. E se o usuário não acontecer localmente em seu computador, você pode selecionar como um fullback para a topografia do telefone. - E assim, - você sabe, - tempos românticos vão para um diferente, - serif diferente, e assim por diante. - E o único problema que você pode encontrar ao fazer isso é como a milha tipográfica ser - talvez, - por que eles são tão novamente você só precisa realmente construir. Concordo que pode vir comum diferente, um diferente, com tipos diferentes. Isso é muito importante quando se pensa em uma composição tipográfica, porque isso pode mudar totalmente se o telefone for não, o quevocê pretendia ser. Isso é muito importante quando se pensa em uma composição tipográfica, porque isso pode mudar totalmente se o telefone for não, o que porque isso pode mudar totalmente se o telefone for não, - E o último é. - Obviamente, os telefones estão sendo processados pelo navegador. Então, novamente, isso é algo que está se tornando mais padrão, mas às vezes ainda está com os signatários. Trabalhamos para gostar que as fotos mostram, mas eles têm maneiras diferentes de renderizar telefones e ficam lindas para uma loja. - E então você realmente vê o telefone em que um conjunto específico no navegador e ele não - parece tão bom. - Então é muito importante. - À medida que você avança, você desenha seus projetos para testar suas falhas no navegador o tempo todo . - Bem, então nós conversamos sobre a diferença. Mas vamos falar sobre os fatores comuns, porque na realidade, o digital realmente bebe do legado anterior que eu já tenho. - Então não é como se nós viéssemos, - na verdade sabemos de onde nós realmente a Espanha creditamos já que estamos usando. Então começamos a estabelecer regras em todos os tamanhos, cada ciência diferente que podemos ter, não importa se é um dispositivo móvel ou tablet ou se isso parar. - Sabe, as regras de layout são sempre as mesmas. - E você sabe o fato de que precisamos ler esse conteúdo na camada costumava ser bom - aplica-se a todos os tamanhos e, em seguida, obviamente, regras tipográficas e de legibilidade. - Ele precisa parecer bom, - mas também precisa ser fácil de digerir do usuário. - E, - você sabe, - nós ainda temos como alvo o mesmo grupo de usuários humanos. Então se alguma coisa, se você pode ler algo em uma página, não importa. Se você vê isso no iPad, deveria ser uma Assis para ler, como você sabe, em uma plataforma física do que apenas um grito. - Então, como é que fazemos isto acontecer? - São duas citações que são realmente como a este respeito. - O 1º 1 disse, - quanto mais simples o grande, - mais eficaz é totalmente verdade no 2º 1 é cada problema requer dedicar uma - solução. Definitivamente não é só uma solução para tudo, apesar de haver noites de homens, Frank. Mas a realidade é que, se eu terminar a unidade assim, , você pode não ter se eu terminar a unidade assim, você pode não teruma boa opinião sobre mim. - Então vamos falar sobre alguns exemplos reais. - Agora podemos ver as grades. - O 1º 1 que eu gostaria de mostrar é a página de termos e condições no voo de skate. - Então você pode ver aqui o aperto que eu usei quando nós realmente construímos o site, - você pode ver como, - como o Tobar realmente pode usar, - um, - como um par fora de unidades verticais, - metade, mas é bastante muito tudo é uma linha na linha de base. - Então nós temos esta área amarela que novamente você pode ver como ele se encaixa perfeitamente na criação - e como vamos para baixo desesperado, - garantir como até mesmo os botões e isso leva. - Tudo está sentado descansando sobre essa linha de base em que realmente ajuda a criar como - o espaço. - E isso é bom entre o título no corpo do texto. - Então, para o botão também, - assim é praticamente sobre, - como seguir, - obviamente nesta linha de base e também como, - você sabe, - Eu cobro duas regiões. - Então, é um grande bem simples fora de apenas duas regiões, - uma descartando quando você tem o menu. E este é o corpo de tex, onde você tem onde você temtodo o conteúdo. - Então isso é um ao outro. - Um é o detalhe, excessivamente. Não há nada mais complexo, e eu sigo isso em algum momento. - Mas alguns outros eu não, - então você pode ver como novamente, - como obviamente o Khobar e o quadro segue perfeitamente - todo o conteúdo para ser como no topo da linha de base, - até mesmo as condições meteorológicas enquanto você se move Aqui em baixo. - Eu só precisava ir mais detalhadamente, então eu não estou conseguindo usar tanto a linha de base, mas assim que eu posso ouvir tudo, está perfeitamente alinhado e ele cria, , - blocos de conteúdo, - um exemplo de, - como, - contagem de caracteres. Então, quando construirmos esses relógios aqui, nós temos que dar a eles, você sabe, o réu também, como a equipe eterna, um número máximo de nós temos que dar a eles, você sabe, o réu também, como a equipe eterna, caracteres que eles poderiam realmente, - esta coluna poderia realmente ter razão principal é que nós temos muito tempo para, - um desenvolvimento e também reside na grande quantidade de imagens que temos para todos os - diferentes destinos. - Então nós pretendíamos realmente ter, - como, - este máximo, - para que eles realmente sempre funcionem juntos muito bem. - E você pode ver como seguir em frente novamente todas as áreas são como, - realmente como encaixar para o grande o tempo todo, tanto quanto podemos. Outro exemplo será novamente a página do artigo que mostrei antes para que você possa ver como eles os mantêm . - Funciona com o Takes Ritz. - Uma é cinco colunas e outra é apenas duas colunas. - Então, de novo, aqui estão cinco. - Você pode ver que isso está pegando um blurb humano que cita também. - Se nos movermos para baixo. - Agora temos isso, - como conteúdo adicional lá que leva a quinta coluna. - Nós quebramos as três colunas no centro às vezes colocando conteúdo como este e - bem no final, - você sabe, - com você pela empresa apenas para com mais histórias ao lado está na cobertura e, finalmente - com quatro módulos, - como mais conteúdo da sua cidade. - A última parte desta unidade é o R. - Diz leitor. - Eu queria compartilhar com vocês meu progresso no design e também gosto do grande que eu - construí para isso é para que você possa ver na tela. Se você se lembra do meu trabalho de amigo, eu ia fazer perto da tela em três áreas diferentes. - Então, quando será a lista fora de todas as façanhas usar Descreva quando você pode ver o novo post lá - estão disponíveis. - Podias ver como o teu favorito. - Ou você pode ver como uma lista de feeds. Outra Colleen central será, quando você realmente sabe, quando selecionar um pé específico, verá as notícias listadas lá, mas não verá apenas o nome em um pouco da descrição, - você vai ver. - Além disso, - como qualquer conteúdo de mídia que eles vêm com, - hum e então você vai ter esta área à direita onde você realmente vai ver o artigo. Então vou pular dois para o show, e isso pode ser mais fácil de visualizá-lo. - Então é um pouco como o leitor está fazendo. - Não estou muito feliz com algumas funcionalidades. - É que eles têm. - Então, - por exemplo, - para mim, - esta coluna do meio é realmente importante para realmente me fazer decidir ler um artigo - ter sido um artigo ou não. E só porque eu me inscrevo em algumas proezas que eles não têm um título relevante. - Talvez haja, tipo, inspiração. - Hum, - então você sabe, - não é realmente sedutor não é realmente realmente me fazer clicar sobre isso. Então eu queria mostrar um pouco mais de vídeo de mídia que eles têm aqui, então eu posso realmente, , você sabe o problema de clicar nele, mas isso é praticamente o que eu expliquei. - Tínhamos uma coluna aqui onde se pode ver os pés. - Você pode ver um novo post. - Você sempre considerou favoritos, - e então você vê individualmente derrotas uso descrito para. Se vierem com um ícone que será visualizado se não vierem , teremos coisas assim. - É como um padrão. - Eu vim para os detalhes sobre isso que eu pensei que seria meio legal. - Você terá, como grupos. Então você sempre pode rastrear esse interno lá, um e eles vão ter, um, vai se tornar um grupo também. - E outra coisa que eu queria mostrar é o fato de que você sabe, - você tem esse número que diz o número de artigos que você não leu sobre esse pé - e você sabe, - dependente. Se você não tem nenhum artigo no quinto, você verá o título como este tipo de como eles fora. - Então você sabe que está vazio. - Se você tem artigos postagens para ler, - será um pouco mais destacado. - Então você sabe que há algo lá. - Outra indicação visual que eu queria fazer nesse sentido foi o que eu vim como eu pensei, - ele vai ser realmente muito legal se digamos que você ler todos os posts em, - não para papel para que o ícone realmente desapareça e será mostrado como um minúsculo círculo, - mas é apenas assim que você tem um. - Você precisa ler um livro. - Vai providenciar. - Vai se tornar grande de novo. - A razão para isto é porque quero mostrar-lhes. Esta coluna quando a esquerda tem duas visões diferentes, o que é expandido e o outro é o colapso. Esta coluna quando a esquerda tem duas visões diferentes, - Então, quando ele entrar em colapso, você pode não se importar muito com o texto sobre o título, porque você poderia chatear porque - apenas, - você sabe que ele vai ter esse tamanho vários em sua tela . - Você sempre pode expandido, - embora, - Mas se você colapsar, - Eu queria agradecer todo o conteúdo textual fora e apenas deixar uma indicação visual que pode - deixar você saber muito em breve artigo que você precisa ler em que feed ou No. - Então, - você sabe, - por tê-lo assim, - você realmente tem uma idéia muito rápida sobre os feitos. - Você já leu e aqueles que eu ainda tenho, - como, - item excelente para você ler. - Então, essas são algumas ideias. - E então esse cara aqui e assim como a assinatura, - você sabe, - módulos diferentes como ele vem com uma foto. - Não vem com uma foto. - É só o texto. - É preciso com as escrituras e assim por diante. - Vamos mergulhar um pouco no creme. - Então o que? - Eu pensei para isso, - você sabe, - isso, - realmente? Temos essa unidade aqui, e não importa o número de unidades que você tem, porque estou planejando que isso realmente adote, faça qualquer que seja o tamanho de uma solução fora da tela. - ISS. - No entanto, há alguns componentes adotados. - É como o, - hum os alimenta muitos aqui. - Dependerá do tamanho da sua tela, - todo o seu dispositivo que será mostrado completamente ou não. E há também uma web, uma versão de telefone onde ela será desmoronada no início. Então, sabe, acho que esse número de unidades não importa. - Mas realmente importa que estamos cientes do que há com um telefone? - Então eu estou levando uma referência que eu encontrei 6 40 pixels com e também um tablet. - Então, de novo, - eu estou pensando que é uma referência, - hum, - com, - hum, - bem em, -eu estou pensando que é uma referência, - hum, - o iPad - , - hum, - com , - hum, - bem em - hum, , - - não é apenas uma questão de mostrar o conteúdo, mas realmente duplicar o tamanho quando - você chegar a esse dispositivo de verdade. - Ok, então você pode ver apenas falar sobre os diferentes componentes que temos. Como dissemos, um eu sempre gosto de marcarumpouco a linha de base e, em seguida, sou mais notável. - Isso realmente me ajuda a organizar visualmente como este espaço entre o tipo e às vezes no - neste caso, - e realmente fez isso ainda mais fundo sem separação de cinco pixels. - E depois temos as unidades e depois estou a criar. Gosto de criar marcadores para palmadas dentro das unidades. - Então, se eu ver, - hum, - você sabe, - isso serve para muitos. - Você pode ver como todos os itens são deixados alinhados com essa parte dentro da unidade, - isso é para mim é realmente útil, - e ele realmente me ajuda a mantê-lo como, - agitado e realmente organizado também. - Nesse sentido, - eu tinha o mesmo à direita, - então isso é um máximo, - como o texto nunca deve ir para trás além desse ponto. Caso contrário, quebrará a margem dentro da unidade e você sabe que parecerá barulho, então isso é importante. - Também para dizer aos desenvolvedores que temos o mesmo tipo de como Mark em destacar a separação - dentro da unidade e isso para este artigo coluna. - Então, novamente, - você vê como nem as imagens ou o conteúdo vai antes dessa parte dele. - O único conteúdo real que vem com o qual estaremos antes é a sensação de busca. - E não gosta da metade, porque senão , você tem que pensar no tipo. - Ele quase realmente precisa respirar um pouco mais do que raio-X alguns dos componentes. Então, já que isso é como eles fora, é bom não seguir o mesmo padrão. Na minha opinião, e depois a mesma coisa à direita, só para ter certeza que garotas, não levagarotas, elas são as únicas acabadas de novo. - O campo de busca. - É como metade. - Então esse é o texto. A coisa sobre este Texas como se ele só aparecesse quando você paira o artigo. - Então verá que ainda estou trabalhando nisso. - Mas nós vamos ter, - como a data em que este foi postado e também as opções para torná-lo para o mercado seu favorito - - Então você pode realmente, - muito mais tarde, tudo bem. - Então esse é o meu progresso na bunda deles. - Se e eu adoraria ver o seu, - Eu me oponho a isso. - Ótima. Então PST é quando você realmente pode usá-lo ou apenas usar isso uma referência em sua missão. - Muito obrigado. - E vemo-nos na próxima unidade. 5. Tipografia, aparência e sensação: - Todo mundo. - Bem-vindo à topografia da Unidade Cinco e olhar e sentir depois de Certeza, - introdução irá cobrir o básico fora da tipografia e uma seção que eu chamo. - Adoraria ler suas mensagens. Depois disso, vamos passar por vamos passar poronde estou com o leitor de artistas deles, que é a tarefa para a turma. onde estou com o leitor de artistas deles, - Então, um pouco de interação. Primeiro, eu estava assistindo uma palestra de Jason Santa Maria, que é um dos diretores do X Create. - E ele estava falando de tipografia na web. - E havia, tipo, várias coisas. - Você disse isso. Na verdade, achei que eles estavam interessados, e o 1º 1 foi como, se você digitar é ruim, ele assinou falha? E acho que isso é verdade na realidade, se me falares dos campos sonoros. Mas ele também disse que você sabe, não é sobre o tipo que Abbott é sobre o quão ruim é o uso do tipo. - Então, neste sentido, - você pode ver na tela como engraçado senso cômico. - E fiquei muito surpreso quando mudei a topografia porque estava esperando horror de olhar para ela, e posso dizer que não desgosto muito dela. - Quero dizer, - o Stills Comic vende, - mas desde que você mantenha um espaçamento certo e você saiba que o herky certo é definitivamente o uso - do tipo de que faz seu design falhar em cima de sua seleção de tempo. - Outra citação por dia sintomas de Santa Maria que eu pensei que ele estava com irrelevante é o - tipo é uma decisão importante a ser considerada em cada passo fora do processo de design. - Isso é muito importante. - E, - você sabe, - é algo que você realmente decide no início. - Mas você realmente precisa ser flexível o suficiente para rever sua decisão através do processo de design apenas para ter certeza de que você está tomando a decisão certa. - E esta é uma citação que eu acabei de chegar com e este é o texto destinado a ser lido. - Foi por isso que estas coisas significam? - Bem, - eu sou um desses designers lá por muito tempo, - você sabe, - eu sempre digo, - como, - Oh, - ninguém lê o texto, - eles vêm, Ninguém lê o texto, e isso é verdade. - Quero dizer, ninguém só verifica. - Mas a única razão pela qual os usuários não lêem texto é porque não tratamos o texto com respeito. - Quero dizer, - se você quiser graças a ser rasgado por usuários, - você realmente precisa colocar mais para eles, - você sabe, - tornando o tipo de lançamento mais e, - você sabe, - difícil de ver Você sabe que eles não vão se importar com o lado mais velho. - Eles não vão. Não é como, você sabe, este famoso livro não me faz pensar que diz grátis. Assim como os usuários não são estúpidos, são apenas preguiçosos. - Vamos tratar o texto com respeito. - E, - você sabe, - vamos ter certeza de que toda a vitória com a tela é realmente legível. - Então, em um exemplo, - nesse sentido é o site da Wikipédia. - Este é um site para Leo e é totalmente responsivo. O problema deles é que tem um layout muito líquido, e não usa porcentagens. - Ele só vai até o fim. Então, toda a área onde você pode ler agora, pequena Medina, você sabe que vai se esticar com o seu navegador. E eu, pessoalmente, tenho uma tela muito grande, e tenho tendência a ter o navegador tirando a tela inteira. - Então, quando eu tenho situações como esta, - você pode ver como a medida fora da linha é tão grande, - é como quatro vezes a medida recomendada para este texto que é realmente difícil de ler. Toda vez que entro na Wikipédia, tenho que redimensionar o navegador, porque senão posso ler o texto. - É realmente difícil acompanhar o texto quando temos uma medida tão grande. - Então vamos passar por diferentes conceitos básicos fora da tipografia. Como dissemos antes, acho que no capítulo um, tipografia pode ser definida para nós. - Eles estão na técnica fora de arranjo tipo, a fim de tornar a linguagem visível. - Então, - você sabe, - o básico da tipografia será todos esses diferentes componentes que tornam o tipo visível. - Isso torna a linguagem de uma forma que os usuários podem trazê-la. Então vou usar esse grande parágrafo como exemplo para descrever todos os parâmetros. - Então o 1º 1 é a medida. - Medida é a esquerda fora de sua linha Eles enviaram medida recomendada de como 60 65 caracteres em -. - Se você superar isso, - ele só se torna como um exemplo da Wikipédia que é realmente difícil de seguir. - Outro está liderando. - A entrelinha pode ser descrita como a distância entre a linha de base em duas linhas diferentes - dentro do mesmo texto. - Então é por isso que você pode ver neste exemplo que temos uma grande vida no título principal. Porque só que você sabe, a base de que a vida entre os dois a distância entre as linhas de base é maior, mas você vai até as legendas. - Você pode ver como o linho pequeno dentro desse bloco de texto, - e torna-se cada vez mais menor com o corpo do texto. - Outro conceito é rastrear. Então, rastrear é a distância entre personagens, , como vendo isso um grupo. - Então você sabe, - isso é um pouco confuso quando você realmente pensa em rastrear e virar. - Mas pense em rastrear. - Aplica-se a todo o bloco de texto para que você possa ver um exemplo aqui à esquerda, - este parágrafo inteiro com um rastreamento off 10 pontos conforto para a mesma esperança. - Uma aeronave com um rastreio de 50 pontos. Nesse sentido, outro conceito é o nome Kerr. Kernen é o espaço específico entre dois caracteres, então rastrear é como um nível superior. - Aplica-se a todo o grupo. - Em Kernan, - apenas o fornecimento se aplica apenas à sua relação entre dois caracteres. - Assim você pode ver como na esquerda. - Nós temos o mesmo rastreamento para frente, - e você sabe, - eles são como personagens complicados como um e por quê ou um M V neste caso, - ou W e A que exigem em um Kernan específico em que giro não é aplicado à esquerda, - mas você pode ver como ele é fornecido à direita, - e ele apenas parece melhor e outro está pendurado pontuação. - Ou acho que são cores bem, Rommel, pontuação. - E isso é apenas, - você sabe, - você precisa ter certeza de que qualquer aspas ou pontuação que você está tendo em seu texto, - ele sai da caixa fora da medida da linha. Então, se você tem esse chamado mexicanos, ele está aqui. - Apenas certifique-se de não quebrar o alinhamento por ter essa citação dentro da coluna. - E isso é realmente coisa bonita ver. - Você pode estar em um choque ao escrever citações. - Conheço o concerto. - Ragin. - Então Ragin é, na verdade, você vê como a medida fora da terra é específica. Mas como tudo é deixado online, algumas linhas terminam antes de outras. - Depende, - foram as últimas preocupações. - Vai ser um pouco mais ou menos, então temos que tentar o máximo que pudermos. E isso também é como uma daquelas opções lindas em editores como Photo Shop ou Illustrator para fazer o Ragin, quanto mais menos extremos pudermos para fazer as vidas, mais consistentes podemos. - Então parece melhor. - Outro conceito de contraste. - Contraste. - Ele basicamente, - você sabe, - define como os ataques devem aparecer se você tem um fundo branco ou, - pelo contrário, - um fundo escuro. - Então isso é uma rápida, - hum, - regra de ouro. - Se você tem o texto em um fundo escuro, - o rastreamento e o texto inicial deve ser maior. - No entanto, - o peso fora deve ser menor, - então é realmente difícil de ver, porque é por isso que fazemos isso. - Mas aqui você pode ver como o título principal, - a rápida Fox marrom salta sobre o cão preguiçoso no lado esquerdo é realmente bola, - enquanto à direita é semi-bola. - E é muito difícil de ver, porque esse é o ponto de partida. - O contraste. - Você precisa diminuir o peso fora dos fundos ou, de outra forma, torna-se muito ousado A e - não. - Já não é fácil ler. - A mesma coisa para o subtítulo. - Comey é para qualquer pirulito. Você pode ver como o peso é, é menos pesado à direita sobre o escuro, lá à esquerda, como um fundo branco. menos pesado à direita sobre o escuro, lá à esquerda, No entanto, quando chegarmos ao corpo Tex, podem ver como aumentei o rastreamento de Onda. - Como aumentou a liderança fora das linhas. - E isso é porque se mantivermos o mesmo sobre um fundo preto, - de repente todos os personagens ficam realmente barulhentos é muito difícil de ler um texto. Então é por isso que recomenda do ponto de vista da percepção visual, aumentar o rastreamento, aumentar a vida e diminuir o peso do fundo da hierarquia do tipo? - Bem, - quero dizer, - usamos tamanhos para tornar as apostas legíveis e para realçar - hierarquia específica. - Então, o que queremos que o usuário veja primeiro, - quando eles olham para este pedaço de texto, - a primeira coisa que queremos que eles vejam é obviamente o título principal. - Então essa é a segunda coisa que será o subtítulo. - Então esse é o número dois, - e você pode ver a hierarquia e os pesos e fora daqueles como eu rostos são como maneira, - muito mais relevante e, - por exemplo, - qual será a terceira coisa que eu gostaria de ver, - que é o autor e a data, - mesmo que isso possa não acontecer apenas porque a forma como os usuários lêem, - sabe, - países ocidentais onde lemos da esquerda para a direita, - tendemos a desenhar um ness. - Então autor e eles provavelmente serão a primeira coisa que vão ler. - No entanto, - a hierarquia e em termos de pesos e cores, - está dizendo para você ler um texto primeiro. - A próxima seção chama-se “I Will Love” para ler seu texto o tempo que você quiser que eu leia. - E esta causa volta para trás para o que eu estava falando antes sobre como o signatário - dizendo coisas como ou ninguém leu o texto. - Na verdade, - quero dizer, - as pessoas lêem cidades de texto, - mas o que você pode esperar isso então quer realmente ler Obrigado você nem se importa com. - Então, - você sabe, - desde que os signatários se preocupem com o imposto e tentando torná-lo o mais legível possível - usos vão começar a lê-lo. - Mas onde você pode fingir é colocar um pedaço de texto sem amor e sem pontos de quebra e - não atraente para ele e, - você sabe, - tentar ter um usuário realmente passando por isso e trazê-lo para baixo. - Provavelmente não vai acontecer. Então a primeira, talvez a primeira coisa que poderíamos dizer sobre os sentidos, como quebrar, fazer contas. E isso significa que, se você realmente quer usar para lê-lo, você tem que quebrá-lo. - Você tem que articular esse texto de uma forma que seja totalmente interessante. - E um exemplo nesse sentido é a página que eu tenho aqui fora do plano de fuga. - Então, - você sabe, - obviamente, - como cada signatário deste projeto para fazer sua página sobre é basicamente eu tenho como um - arquivo de cachorro e que diz que há obviamente todo o texto que iria nesta página no - fato de que teremos um vídeo. - Como posso fazer isso atraente? - Bem, você precisa criar como uma nova ordem que você precisa criar, como uma hierarquia fora de elementos. - Hierarquia de coisas que usavam. - Vai passar. Então, primeiro de tudo, se você chegar a esta página clicando, você sabe sobre você virá aqui. - A primeira coisa que você lê é agora vamos falar sobre reservas de vôos. - Então, há uma declaração. - É a primeira coisa que você lê. Como agora vamos falar sobre reservas de voos. - Esta página é sobre isto. - Não é sobre nada mais é sobre reservar voos. - E se você continuar com eles, então você tem os vídeos, - você pode clicar nele. - E então você sabe esse sentimento quando você está preso e então basicamente explicar o que é o projeto, mas isso explica de eu realmente gosto de publicidade, - você sabe, - é realmente como se isso faz você entusiasmado com isso. - Mas vamos continuar. - Então, continue com o texto é como um fluxo normal indo para cima e para baixo. Então, quando você tem o amor mundial, amor, amor, amor, L.A., , você sabe que lê esses ataques de bloco, tudo bem. - E depois acreditamos que isto é mais longe. - Então tire isso. - Agora vamos falar sobre a reserva de moscas. Acreditamos que há uma maneira mais inteligente que estou seguindo. - Estou usando o mesmo telefone. Na verdade, isso está na mesma hierarquia, então você pode conectar esses dois e não com esse texto, e você ainda tem a idéia do que é isso? E depois desta auto-estrada, temos luz de fuga, e depois chamamos-lhe “vida saltada”. - Então aqui, - você sabe, - puramente um texto. - Você pode respirar, você não pode estar pronto. - Sabe, é sobre isso. É sobre viajar daqui para todos esses lugares, mas ainda assim, é um serviço gratuito, e eu poderia ter quebrado isso ainda mais. É sobre viajar daqui para todos esses lugares, mas ainda assim, mas ainda assim, é um serviço gratuito, e eu poderia ter quebrado isso ainda mais. é um serviço gratuito, Mas há definitivamente um equilíbrio quando você realmente sabe, você pode realmente quebrá-lo ainda mais porque caso contrário ele se torna como um Tarantino como - um filme sério fora. - E não há nenhum lugar que tentemos aqui. - Mas basicamente temos que dividir todo o texto. - Temos os pontos principais. Então, de novo, acreditamos que isso é inteligente. Se seguirmos o furacão, chamamos de fuga. E se seguirmos os furacões como se não soubesses para onde queres ir, óptimo. - Você respeitou o tipo de pessoa que estamos procurando para que você possa ver como mesmo apenas com os - títulos foram criados Geração para fazer sentido em drives o uso de baixo. - Então, - você sabe, - você é o único tipo de pessoa que estamos procurando apenas relaxar. - Diga-nos no que você está interessado e vai continuar. Quando quiser ir embora, cuidaremos do resto. - Então eu sou Amy. E aqui estou eu pensando em nos dizer no que você está interessado. Esses ícones aqui são seus interesses. - Está interessado em vida noturna? - Comida interessante, explorando temas, sabe, compras. - Acho que foi um luxo. - Eu só sempre com isso. - Como romance, coisas assim. - E depois é como o próximo. Você é exatamente o tipo de pessoa que procuramos. - Uma busca melhor. Então agora descrevemos, como descrever, dar grandes declarações ou o que é isso? Uma busca melhor é sobre fornecer blá, blá, blá, blá, blá, blá, blá. - Você continua. - Sabe, como se eu estivesse destacando o sol acima de tudo. - Desculpe-me por dissensão realmente refletido aqui. - Se eu matei o consumo social, - tudo está conectado e, em seguida, continuar descrevendo simples nos fins de semana visuais. - Só começando agora para que você possa ver como todo o fluxo está te levando para baixo. - Vai pegar o Davia? - Talvez você nem precise ler o texto porque, como apenas com o título diz o suficiente e se você conhece você um desses usuários que querem - morra. - Aqui está o texto para você. - Você pode realmente lê-lo. - E tudo está organizado de uma forma que não é, - realmente pesado para o usuário. - Eles podem mergulhar se quiserem. - Caso contrário, eles entendem. Então nós descemos e é como “Então, onde você está esperando?” - Dê uma chance. - Você vai se surpreender com os resultados deles e nós acabamos com o fluxo. - A Sagrada Ciência acaba com uma busca de chamada à ação agora. - Então pense na hierarquia. - Como a textura diz estão comunicando toda a idéia e como acabamos o fluxo. - Não, - com isso e onde o usuário será como. - Ok, então o que eu não sei? - Não. - Eles sabem o que têm de fazer. - Eles têm que procurar agora. - Hum, - sim. - Então esse foi um exemplo que eu gostaria sobre, como, - você sabe, - quebrar. - O texano torná-lo de uma forma que os usuários podem entender alguma luz escapada. Então talvez você não saiba, o que podemos fazer quando o texto é apenas tentar? - Tenho alguns exemplos. Eu não fiz este, mas é um site que eu realmente gosto, e esse é o grande descontentamento? - Basicamente, - você pode conferir isso é o maior conteúdo. Eles vêm e postam entrevistas , sabe , pessoas muito interessantes. - Então sinta-se livre para tirá-lo. - Isso é realmente incrível. - O que eu gosto deste lado e o que eu gostaria de destacar agora é como você sabe que eles são cretinos. - Eles estão fazendo algo muito legal só de uma entrevista. A maneira como eles estão quebrando o texto, faz muito sentido. Então, obviamente, você quer ter sempre a oportunidade de criar ilustrações em torno de sua mensagem , e isso é totalmente bom, sabe? Mas ainda há, penso eu, o grande descontentamento. - É um ótimo exemplo de como, apenas com o tipo, você pode criar um layout que é muito bom e muito fácil de ler, para que você possa ver esses três preservativos. - Primeiro vemos esse Jason. Então, quando você rolar para baixo a primeira coisa que você vê, se você seguir como você sabe o caminho era da esquerda para a direita de cima para baixo sobre Jason. - Incrível. - Continuamos algumas coisas de patrocinador e, em seguida, aqui, - você entende que este é o corpo principal e, em seguida, como um conteúdo de apoio. - Só temos uma citação sobre essa citação. Descreva algo sobre isso sobre Jason aqui, e quando você cai é como, Deus, meuDeus, eu sei que isso está se tornando, tipo, muito difícil. - Eles são como quebrar o texto. - Então você tem parágrafos diferentes. - Diferentes destaques à medida que desce. Eles estão tentando facilitar a leitura, e até têm citações, a quebra, sua camada. Eles estão tentando facilitar a leitura, e até têm citações, a quebra, - E isso é incrível. Eles quebram todo esse Collier com um layout, levando o todo com ele. - E isso é como, - algo realmente agradável visualmente que, - você sabe que vai fazer você continuar. - Realmente? - Então você desce de novo. Mais fama, algum apoio e funcionários. - É muito bom. - E é um exemplo fora de avaliação. - É apenas tipografia sendo muito bem usada para fazer uma camada que, - você sabe, - pode estar seca se você não brincar com ela. Mas só porque estão fazendo isso, é muito bom vê-lo. - Definitivamente vou engajar no Griffin. - Certo. Então, o outro exemplo é o USA Today neste caso. - Tudo bem. - Há muito tempo, - Eu trabalho neste repórter para este bem, - foi praticamente, - quero dizer quadro definido um pouco e fazer algumas das seções de imprensa. - E, você sabe, - eu faço algo que eu aceitei um desafio realizado porque é definitivamente uma seção que eles -, - você sabe, - não tantas pessoas se importam em termos fora do sinal é apenas um seção corporativa, - a seção de imprensa. Isto é só para jornalistas, mas também merecem um grande sinal. Então pensei que seria interessante se pudéssemos criar algumas declarações ousadas. Imagina quando escreves quando clicas na história do decibéis, a primeira coisa que vês é como se não fosse a mesma coisa. Essa é uma das maiores declarações que define Desi Wallace. Uma marca como corporação não é a mesma coisa. - E essa é a primeira coisa que você vê quando começa isso de novo. - Você sabe, - você vai para baixo, - e é importante ter citações para quebrar o texto tanto quanto pudermos. - Se tivermos um vídeo, - você sabe, - colocar no caminho que faz sentido novamente, - não sei alguns conteúdos, - e tudo isso depende dos bens e você tem. - Mas ainda há uma maneira de realmente fazer contas e fazer bom outro que você pode - reconhecer neste momento é novamente esta página de artigo e apenas de novo - você sabe, - destacando como estamos quebrando a chamada. - Liam aqui com esta citação como nós temos o subtítulo em um peso diferente Como nós temos este - grande maiúsculo M para iniciar o parágrafo e assim por diante. - Você sabe, - é sobre dar o segundo, - e é sobre fazer o conteúdo, - engajar para o usuário - seguir em frente - ilustrar um estudo de caso. - Então algo que eu trabalho por um tempo terminou interativo. - E, você sabe, - eu definitivamente aprendi provocações em termos de design, - e foi que começamos a criar um caso que é para que você saiba, - alguns projetos onde podem ser o seu melhor. - Um sinal não chegou ao lançamento final ou seja lá qual for o motivo. - Sabe, até timidez. - Muchas você gostaria que ele, - mas você realmente gostou de grandes desenhos ou trabalhar muito em uma ilustração específica. - Nós pensamos que seria muito bom para apresentar todos aqueles como trabalhar estágios de hambúrguer neste - estudo de caso de empréstimo e você sabe que funcionará bem para promover todo o ofício e todo o - amor que estávamos colocando sobre esses componentes independentes. - E eu só quero dar um exemplo aqui. - Então este é um dos casos com ele para os caras do site do Google, - e é apenas uma parte dele não é a coisa toda, - mas eu trabalho neste, - e foi realmente muito bom para, - você sabe, - tentando pensar o quê? - Como você pode fazer este texto de uma forma que as pessoas o lessem? - Não, não estamos tentando. - Eu não estou fingindo ter usuários dentro de algo que eu nunca vou quebrar. - Então, como poderíamos fazer esse interesse e de novo? Eu acho que se você comparar isso com este dia, grande descontentamento definitivamente não é o mesmo. - Porque aqui temos bens e temos a passividade de criar ilustrações usando os outros que não temos. Mas, novamente, é uma questão de criar uma história, criar uma história em sua página que realmente leva os usuários a ler a coisa toda. - Então vamos dar uma olhada neste. - Onde estava o corpo, como rostos? - Como você? - Excelente estratégia. - Nós temos um subtítulo em, - você sabe, - imediatamente é uma coisa tão visual. - Nós temos, - como, - já alguns dos esboços com baixo e leva que este crime não muito, - apenas o suficiente. Então, você sabe, se você ler o texto, se ler o título que você recebe sobre o que é isso? - E se você quiser mergulhar um pouco mais, - você também sabe, - você tem essa opção para dizer arame final novamente tentando mantê-lo curto, - tentando mantê-lo como, - realmente bem organizado e sempre tentando, como, mostrar obras de arte complementares para conhecer. - Então não é tentar quebrar a seção. - Então você vê como nós fomos de você estende uma estratégia e agora eu vou começar a falar sobre - este sinal. - Então, o que é como dividi-lo com uma ilustração muito agradável só para gostar. - O mesmo processo é abrir a seção de uma forma que as pessoas são como, ok, eu entendo. - Agora vamos falar sobre isso uma declaração muito ousada novamente construindo a hierarquia. - Então é muito fácil fazer isso. - Pode? - Esta é a primeira coisa que você vai ver quando você descer. - Você sabe, - você pode acabar olhando para a página inicial e por tanto tempo novamente algo componentes do trator. - É uma página muito longa com, estou marcando com um próximo tipo, você sabe, propostas que eles estão fazendo aquele lançamento final. Alguns outros que fizeram de novo, descida final aqui. Então eu não vou repetir a coisa toda, mas você vai precisar do elfo como se fosse tratar o texto de uma forma que, você sabe, você pode realmente pedir às pessoas para lê-lo, e não é um Grande dor para eles, certo? Então, seguindo em frente, acho que a última coisa que estávamos falando, esta unidade é o leitor de nós mesmos. - Então, um dos tipos de ações fez e, - você sabe, - coisas que realmente definem a aparência e a sensação dele. - O que quero mostrar nesta unidade é muito parecido com diferentes estágios fora das coisas. - Grande trabalho em progresso fora do meu AR, - diz o leitor. Estou ansioso para ver o que vocês podem inventar. Então eu quero mostrar a vocês basicamente, em termos de desacordo, como olhar e sentir e tipografia o que estou fazendo. - Eu acho que eu deveria ter algumas telas já na unidade anterior, - então eu poderia apenas falar sobre alguns dos médicos fizeram em termos de sinal em termos - off projetado, - não apenas sobre a criação. - Ok, então você pode ver como este é o primeiro atentado contra ele. - Eu fiz. - E eu nem modifiquei muito. - Mas há, - como, - algumas coisas que têm sido como torná-lo mais cansado toda vez que eu realmente voltar - para este PSD - e praticamente como uma das primeiras decisões foi tomada de, - você sabe, - do ponto de vista do usuário é como, - Eu vou ter um círculo que realmente gosta de, - hum, - identificar o quê? - A alimentação. - Então eles praticamente descreveram com Michael. - O que é isso? - Figuras o descreveram. Então, depois de Lou A B no 1º 1, por exemplo. - E você vai ver aqui você tem 11 post. - Você não viu uma missão na Alemanha. - Você tem, - tipo, - 23 por aí alguns deles, - uh, - digamos que eles não têm ah, - hum, - hum, - e eu vou, - nós vamos usar este padrão. - Não posso que mudemos de cor só para torná-la mais brincalhão de novo. - Você tem esta primeira coisa na primeira vez que você vê no início que são artigos invisíveis. - E então, - você sabe, - isso é como 188 e você pode ter derrotas e conta de 80 anos. - No entanto, - enquanto eu estava pensando sobre isso - eu estava pensando como na verdade os números. - Papai é muito importante. Como se eu estivesse realmente entrando nisso de certa forma, como um C. como um C. - Mas você sabe, - você sabe, - já que eu venho você é real. - Você provavelmente já sabe que este é sites do dia à tarde ou você já - saiba que isso é artigos invisíveis. Mas se visitares este site 200 vezes, posso dizer-te quando te vais interessar. - Está neste pequeno número, então vamos tentar trabalhar um pouco mais nisso. É por isso que acho que esta é minha primeira, minha segunda iteração, onde eu pego o número. Eu tirei o número dele e criei uma grande declaração, e isso é o que as pessoas vão ver. uma grande declaração, Mas ao mesmo tempo, quero dar uma indicação visual quero dar uma indicação visualdessas coisas que você tem que ver. - É por isso que eu coloquei isso aqui para que eu mudasse sua cor se você visse. - Você viu o dia do modelo? - Algo novo. E a esse respeito, vocês ouvem como eu retomo o anterior deles, um que vocês podem ver aqui como se todos esses caras fossem visíveis. - Mas então eu pensei, - Quer saber? Se eu puder torná-lo ainda melhor, se eu puder? Na verdade, se você alugar todos os artigos dos pés, vou esconder o ícone, e isso vai significar isso. se você alugar todos os artigos dos pés, vou esconder o ícone, - Sabe, isso significa que você lê tudo. - Não há nada para você para cumes como se tivesse se tornado pequeno. No entanto, você sevocêreceber um novo postal, o que quer que você saiba, ele voltará a ser, como uma forma real. - E isso vai ajudar-nos. - Quando nós realmente desmoronamos este bar porque você vai ver exatamente como pontos. - Eles são muito pequenos ou muito longos. - E isso significa que é algo para ler o seu ou talvez não haja. - Então essa é uma decisão. Outra é fazer esses caras. - Sabe, se você vir aqui, eles terão a mesma cor. Mas aqui, dependendo se este artigo é suposto você ler ou não, vai ter uma cor diferente vai ser mais sutil ou, dependendo se este artigo é suposto você ler ou não, vai ter uma cor diferente vai ser mais sutil ou, tipo, mais, tipo, mais , Brilhante. Se há algo para você ler de novo, que, pequenas decisõesque, na verdade, tornam a experiência melhor. - Um, outro. - Acho que é muito difícil de ver. - Mas a barra de pesquisa, - uh, - você sabe, - ele tornou-se um pouco maior. - Não fazemos o mesmo. - A próxima situação aqui. Só queria que soubesses, para fazer a versão desta barra de colapso. - Então, como eu expliquei antes, - você tem alguns daqueles que já leram e eles são, - como, - pequenos e alguns outros eles ainda têm post para você ler. - Eles vão aparecer para falar. - E obviamente, - você conhece este pai, - você será capaz de realmente expandi-lo enquanto você navega dentro Então comecei a fazer uma coluna em “A “diz que nos meus vídeos anteriores, esta é uma chamada muito importante para mim. Sei queestou tomando uma abordagem tradicional para o leitor de análise. Sei que - Não estou tentando criar uma nova revista inspiradora e tentando criar algo que seja muito funcional e fácil de entender. - e há uma leitura muito boa. Eles são chamados de respiro R E B E R. E o que eles fazem é que eles têm essas três colunas, que eu realmente gosto porque é como uma divulgação progressiva de informação baseada em hierarquia muito forte. Então, primeiro usado para derrotar você, selecione o ajuste. - Você vê os artigos na roupa, - você seleciona o artigo e você vê o artigo. - No entanto, - o problema que eles têm, - na minha opinião, - é que neste nesta coluna do meio é realmente seco. - Não há nada lá me dizendo para ler alguma coisa. E, você sabe, eu só quero torná-lo mais visual. Então é por isso que eu comecei a jogar com um duende D como, um pouco mais como ser eu mais brincalhão, com o texto sendo mais brincalhão com as pás e mostrando qualquer conteúdo de mídia que você possa ter se qualquer, - No entanto, - você sabe, - novamente, - esta foi a minha primeira iteração, - e enquanto eu estava fazendo isso - eu percebi que eu estava indo para a baía. - Eu tenho, - como, - alguns exemplos de que leva em diferentes tipos. Este é Gibson e a divertida Miria perdendo o terreno para o texto corporal, que eu gostaria, , mas novamente pensei que estava, não estava dando certo. Então, na verdade, não preste atenção a isto à direita. Mas na verdade, senti que precisávamos torná-lo menor. - Então é por isso que eu comecei a jogar com Gibson com um tamanho pequeno e, finalmente, eu troco de volta - área. A razão é como eu acho que Ariel em tamanhos pequenos, como 12 ou 13. - É realmente muito bonito quando você realmente vê. - Um, - ousado. Então eu comecei a brincar com aquele telefone e ver o que eu conseguia arranjar. - Então, indo para a loja de fotos, - hum, - apenas para descrever, - como, - coisas diferentes têm tentado de novo, - você sabe, - como eu expliquei antes, - uh, Vamos ter,sabe, sabe, essa barra que desmoronou ou se expande, você pode ver como tudo está seguindo a mesma linha. - Tudo está perfeitamente alinhado. - E então eu estava tentando coisas diferentes aqui com a barra de pesquisa e assim por diante. De uma perspectiva tipográfica, estou usando diferente na criação de uma hierarquia fora da fotografia usando tamanhos por, você parece um canto diferente, ligeiramente diferente no corpo do texto que estou tentando De uma perspectiva tipográfica, estou usando diferente na criação de uma hierarquia fora da fotografia usando tamanhos por, você parece um canto diferente, para criar, - como os diferentes módulos que você vai ver através do leitor RSS, - isto é, - com uma imagem sem uma imagem com apenas texto sem texto e assim por diante. - E sim, então eu acho que isso é o que eu tenho até agora nas próximas unidades. - Você vai ver essa parte como eu estou trabalhando nela. Tudo bem, então isso é tudo pela unidade desta unidade. - Estou ansioso para ver os seus exemplos. - E o que você pode inventar? - Obrigado. - E te vejo na próxima unidade. 6. Equilíbrio de peso visual e composição: - Bem-vindo à Unidade 6 sentiu algum peso visual e equilíbrio de composição nesta unidade irá cobrir -. - Estes dois conceitos vão cobrir os fatores que criam mais peso visual, - trabalhar sobre os tipos de equilíbrio de composição, - e nós teremos esta seção final chamada dashi projetado Flow. - Então, primeiro, - para que é e para que serve? Objetos que atraem a atenção do usuário mais do que outros têm um peso visual maior. - Isso pode ser determinado pelo tamanho, - sobre o tamanho dos objetos, - pela forma, - pela posição, - pela densidade por sua cor - os fatores podem fazer com que um não-objeto apareça mais a composição do que algum outro, - e, em seguida, o equilíbrio da composição será o tratamento certo fora do peso visual no visual - direções. - Crie o seu equilíbrio de composição. - Isso é necessário para criar como uma experiência suave e, - você sabe, - se é necessário definitivamente para realmente certificar-se de que entregamos a mensagem tentando - entregar através de nosso trabalho. - Estes são os conceitos vêm deste livro de Brittle Warehime. - O livro é chamado Arte e Percepção Visual, - uma psicologia fora que criou I. - Este livro basicamente descreve o processo psicológico que ocorre quando os usuários criam - ou olham para a arte. É um livro que li na faculdade, e recomendo a vocês se tiverem chance de pegá-lo porque é. É um clássico, e descreve como realmente recebemos informações. E você sabe, todas as diferentes associações que fazemos em nosso cérebro com base nisso, bem, fatores que influenciam o peso visual, propriedades dos voláteis. - Eles são definitivamente Tom de fatores diferentes que podem fazer outro seu mais pesado do que outro. - Então só para ver a lista realmente rápido o primeiro que poderia ser tamanho muito bonito, - você sabe, - objetos lá são maiores parecem visualmente mais pesados do que tudo isso. - Há uma forma menor. Basicamente, basicamente, basicamente, aforma regular parecia ser mais pesada do que outras que não são forma regular e espaço, formas positivas com mais do que espaço negativo. forma regular parecia ser mais pesada do que outras que não são forma regular e espaço, basicamente, aforma regular parecia ser mais pesada do que outras que não são forma regular e espaço, formas positivas com mais do que espaço negativo. Isso é que objetos isolados são isolados, tendem a parecer mais pesados do que alguns outros que são como cercados por outros. - E esse é o importante fora do espaço em branco. - No geral, - hum, - bem, - densidade. Então, quanto mais você convence objetos em uma área específica, mais pesada fica com cores, então algumas cores parecem ser mais pesadas do que outras. - Então, primeiro em tais cores tendem a parecer mais claros do que cantos escuros ou até mesmo ler parece ser - a cor mais pesada, - enquanto o amarelo parece ser o mais claro Ah, - o valor. - Então o primer diz que você sabe o mais escuro no objeto. - É quanto mais peso você realmente associa a esse objeto. - Eso feto mais leve, - ao que parece, - na verdade mais tarde influenciam o interesse. Então será complexo interrogado, assim como tons que atraem sua atenção. - Por causa do seu caminho até lá, eles não são eles são a sua forma. - Tendem a ser geralmente mais pesado que alguns outros que podem ser percebidos como textura mais comum -. Esta prima diz que o objeto com textura parece ter um volume mais pesado. Então, se temos um objeto que tem, como um tipo de morte de três D através dele, ele vai parecer pesado, mais pesado do que alguns outros que são apenas para ser moldado a morte. - Sinta que Primus diz que quanto maior o sentimento papal muitas vezes área, - eles criaram o peso visual daquela área. - Iss, - hum, - prossiga o peso físico. - Isso é realmente auto-explicativo, - mas você sabe, - se temos em uma composição, - digamos, - uma imagem de algo que é realmente pesado na realidade - - então nós vamos percebê-lo como algo pesado também. - E finalmente, - localização ou posição do elemento. - Isso diz praticamente como quanto mais perto um objeto está do centro, - quanto mais pesado parece, - mas ao mesmo tempo, - ele pode ser combatido por um realmente pequenos objetos perto da borda. Então, como podem ver, todas essas regras se aplicam de uma forma ou de outra. - Mas, você sabe, - obviamente cabe ao seu submarino, exceto um ano. Você está até seus olhos, sua experiência para definir e realmente entender o peso visual de uma composição. - Eu queria destacar apenas cinco valores fora de tudo o que eu expliquei aqui e dar alguns - exemplos também sobre aqueles do 1º 1 que eu gosto de falar novamente. - Os sites assumem respeito. Objetos maiores tendem a parecer mais pesados. - Então algo já apareceu na unidade anterior. Essa parte do site para decibel e como decidiabrir a seção com umadeclaração muito grande que define a empresa. Essa parte do site para decibel e como decidi abrir a seção com uma - E mais uma vez você pode ver aqui. Não é apenas contraste porque é o maior dele, mas também é o seu tamanho. - O que a faz aparecer nesta camada? - Então haverá outro. - Um 2º 1 que podemos discutir sexualmente, como diferentes fatores nesta composição é uma proposta para a página inicial e isso, como, realmente não há. - Mas você pode ver como o maior tipo nesta composição é o sonho. - E se você rolar lá para baixo como componentes diferentes, - este é o Khobar ficar para este modelo e, em seguida, alguns fichários e assim por diante. Mas, na realidade, apesar de este ser o maior tipo nele, isto é o que caga a minha intenção. E não pode se relacionar com um desses princípios porque tem, , mas é um interesse intrínseco. É uma imagem tão complexa que você não é normalmente, como, acostumado a ver que ele chama a sua atenção, a propósito, você possa ver como você sabe que é verão de como misturar esses conceitos em termos. - Peso oficial e algumas coisas é aquele que você sabe que está certo. E, às vezes, à medida que combinamos fatores diferentes talvez seja outro, neste caso, o interesse intrínseco desta imagem, o próximo é mais fixe novamente. Então, como dissemos antes, como alguns cantos, ela percebeu um Sevier mais pesado do que outros. E um exemplo disso, , podemos encontrá-lo aqui. Estranho, mas nada onde nós de novo. - Você sabe, - como cores como azul. - Hum lá, - como, - realmente gosta de cremosos ainda são como menos pesados do que alguns outros. Cada mais sombrio, como este título e outros como realmente, muito mais leve como o primeiro. - É onde temos na barra de pesquisa são percebidos como mais leves do que realmente pensa um. - O mais escuro a seguir é a densidade. E essa premissa do conceito diz que quanto mais objetos você empacota um espaço específico, mais pesado esse espaço específico tende a ser. - Então voltando ao exemplo, - você pode ver se nós caminhamos para baixo como você sabe, - se você apenas olhar para a densidade fora do conteúdo na coluna direita é maneira, - muito mais desordem que esta coluna esquerda aqui, - esta região de esquerda e a razão para isso é como mesmo que nós apenas nós quase não temos - conteúdo à esquerda. Só temos uma foto e o texto comparados com o que temos à direita, que é uma informação maluca. Só o fato de termos um visual aqui, como uma fotografia fotográfica. - Está fazendo definitivamente como equilíbrio imediatamente. - Se isso estiver vazio ou apenas um refrigerador, - a composição cairá para a direita. Mas como temos esta foto aqui é quando vimos antes na página inicial de decibéis, como se realmente equilibrasse toda a composição. - O próximo fator é o valor. - Tem um pouco de cor. - Diz que o mais escuro e o objeto está lá mais pesado, - parece para o usuário. Então, voltando ao exemplo desse cara murchar, podemos ver como isso é realmente uma coisa comum a se fazer quando se treina texto. - Então, - por exemplo, - aqui você vê, - como se o contraste fosse tão grande. - Então, na verdade, é fácil ver que à medida que descemos Celtics que pode não ser tão importante quanto o texto se sinta aqui. - Qual é o seu vestido permitido? - Bem, - eu só coloquei como, - realmente, - realmente, - muito bom para baixo, - e isso significa que não é tão importante. - Então novamente, - você sabe, - nós podemos seguir a composição apenas lendo o texto nele, - salvar diferentes locais em qualquer lugar do mundo e você recebe a mensagem lá. Isso é menos relevante, e é por isso que é mais frio é um pouco mais cinza. Então você pode ver como fazemos isso todo o caminho, mesmo aqui, Sr. Few mais cinza. - E só para que possamos criar com essas teclas mais altas, - você sabe, - por tamanho, - porque os títulos são definitivamente maiores, - e também usando o cooler e seu valor no último fator neste atacadores espaço em branco. - Basicamente diz que o espaço positivo espera mais do que o espaço negativo ou o espaço em branco. Tudo bem, movendo-se em tipos de equilíbrio de composição. - Então, existem praticamente quatro tipos de equilíbrio de composição. - Temos horizontal, vertical e simétrico e assimétrico. Então horizontal e vertical, para esse exemplo, voltará para , clima do céu, só para mostrar como você sabe, definitivamente o equilíbrio de composição distribuído no acesso horizontal. Então, neste caso, definitivamente temos o telefone que é muito pesado. - Então, a mão está muito afiada? E ele chama nossa atenção e aqui por causa do contraste e seu tamanho, e também gosta do espaço branco em torno disso para equilibrar um ao outro, mas definitivamente o jeito que é um pouco mais à esquerda é definitivamente cavalo até a violência aqui -. - Então, à medida que seguimos em frente, - isto é bastante simétrico, - como temos os pesos nesta região aqui, - distribuídos à esquerda e à direita. - Igualmente. - Você poderia dizer isso sobre este componente também, - mesmo que seja um pouco mais à esquerda, - feito à direita por causa disso, - mas ainda é curso mais de 50%. Então parece equilíbrio um pouco, então novamente temos essa seção e isso é contra simétrico, um pouco vertical mais do que horizontal. então novamente temos essa seção e isso é contra simétrico, - Mas de qualquer maneira, - você pode ver como a simetria entre a seção à esquerda à direita, - porque nós apenas temos a diversão do centro e, em seguida, com descreve como características em torno do - telefone. E finalmente vamos simétricos até a área e novamente, agora simétrico versus simétrico. - Então Shannon Michelle apenas trabalhando progresso de algo que nós somos como há muito tempo - e também meu site. Então é por isso que não tentamos, que é basicamente ligar para Liam e tudo o que está no centro. - Então isso vai para dentro do balde simétrico e então há outra coisa sobre o - show e que IHS aqui é Theis site trabalhando profissionais para Skylanders e Activision. - Bem, - nós praticamente temos essa idéia de, - como, - mostrar, - você sabe, - bloquear passado de uma forma que vai ser, - tipo, - mais dinâmica e porque eles Na verdade, temos , tipo, três categorias específicas fora do bloqueio que vamos postar. Então foi fácil criar uma linguagem visual para eles. - E você pode ver que a composição aqui não é pouco simétrica. - Mas esse foi o ponto fora que você vai rolar um pergaminho de edição. - Vai fazer sentido. Mas se você tirar uma captura de tela, definitivamente parece que está em equilíbrio. Foi um projeto crítico, especialmente 10 estações eram muito legais. - E a última seção desta unidade é a poeira do seu fluxo de design. - Então, - você sabe, - eu só quero destacar novamente que todos esses fatores são com você. - Quero dizer, - você é o único que tem que pensar sobre isso e, - você sabe, - considerar o que é mais importante em que caso? - E sabes que mais? - É mais predominante do que o outro lado. - Sabe, depende do cenário. - Então, como vimos antes. Nós temos essa foto da garota com o estavam aqui, e isso foi definitivamente como o mais pesado afinando o site tem essa coisa no site só porque ele é uma imagem tão rara que vai chamar a atenção. - Não importa se você colocar o maior tipo de letra perto da garota por causa do que você sabe - há alguma hierarquia. Além disso, quando se trata desses fatores, quando se trata desses fatores, então essa grande pergunta faz seu projeto fluir? - Às vezes você vê os sinais lá . - Eles são muito bonitos. Mas eles também gostam do Herrick, como um fluxo assim como, a geração similar. - Então eles são, tipo, muito difíceis de seguir. - E apenas para reiterar através deste exemplo que eu coloquei antes na página sobre e pular - linha, - é apenas muito fácil um cidadão. - Os estudos de caso que eu mostro nas unidades de períodos para realmente seguir o fluxo porque você - sabe normalmente e exige tanta atividade de seu usuário, - você deve realmente dar-lhes o máximo que puder. Então o processo de respirar através de uma página é tão fácil neste caso, este é o fluxo que você seguirá se você chegar a isso sobre Paige. - Então você sabe, - basicamente, - você vai ler pedaços fora de texto em como você vai de um para outro. - Eles viram com algum visual para realmente se envolver aqui. - E, - você sabe, - eles também significam algo em relação ao texto apenas para embrulhá-lo. - Considere, - foi que estes não têm regras. - Não há regras aqui. Há apenas os únicos princípios para você considerar. - E você sabe, - esses princípios vão ajudá-lo a criar uma composição que é realmente equilíbrio e para - criar um fluxo de design que realmente significa algo para o usuário assim por diante. Então, com isso dito, estou ansioso para ver o que vocês podem inventar, e vejo vocês na próxima unidade. - Obrigado. 7. Como aprimorar seu design: - Ei, pessoal. - Bem-vindos ao Capítulo 7. Pensamentos em afiar o seu lado para esta unidade. - Eu juntei algumas categorias que vão me ajudar quando eu estou olhando para alguém fora do letreiro. E também levo em consideração quando estou trabalhando em algo específico . - Então esta categoria é o primeiro 1 tratar o seu tipo direito gira a partir da tipografia. - 2º 1 contraste, - Vou falar sobre o contraste quando você sabe, - criando diferentes áreas de conteúdo. - Como criamos uma separação? - A iconografia de Yusof também usa por cima do dedo o sinal e a última seção que eu chamo de concurso de design. Então, primeiro de tudo, trate o seu tipo, certo? - Vou entrar no exemplo dos RCs para o show on. Falarei sobre espaçamento, tamanho e cores da hierarquia. - E finalmente, você sabe o que destacar quando você está realmente trabalhando com texto. - Então vamos ao assunto. - Está bem. - Dokey. Então, isto é, se você pode ver isso aqui. - Então, como sabe, esta é a tarefa em que estamos trabalhando. - Era para projetar, e eu disse que nós também. - Então eu tenho feito, - você sabe, - um pouco de Marcus para o iPhone. - Como é que pareceria? - Tem algumas telas. - Como você viveria com o cardápio? É ele quando você abre um artigo, mesmo se quiser procurar algo. - Tivemos que olhar dinossauros, - ele iria descer e você será capaz de procurar tocando e também com cantos que eu - pensei que poderia ser legal. - Então esse é o cara da parte. - Mas eu quero falar sobre tipografia agora e espaçamento e alguém para que possamos realmente fazê-lo - fazê-lo na versão desktop. - Então a primeira coisa que é espaçamento e isso é algo que temos conversado porque, você sabe, certo? - Topografia definitivamente, - como é muito perto para escrever espaçamento. Você pode ter uma topografia incrível, mas se não tratá-la com o espaço certo, pode parecer uma porcaria. - Então novamente, - nós fizemos nós ter alguns pensamentos sobre, - você sabe, - como nós separamos como a altura da linha fora do corpo, - cópia e assim por diante. - Mas é importante que obviamente o espaçamento deles, - realmente depende do tamanho da topografia no texto. Então, neste caso, se eu levar o meu grande para fora, você pode ver como você sabe, eu estou vivendo. São 20 pixels entre estas linhas de base nesta pista, e estou vivendo ainda mais. Estou saindo, na verdade 60 entre esse cara e aquele cara, o que estou tentando fazer é basicamente tentar agrupar, , conteúdo aqui. - Então, mesmo que, - você sabe, - tudo pertence ao mesmo artigo, - eu prefiro ter este título e isso vem esta linha de ataque realmente publicada por David - - Seja qual for. - E, - você sabe, - dois minutos, - certo? - Mesmo que esteja relacionado com todo o artigo. Definitivamente não é do jeito que você, senhor, scan countem. - Pertence ao título. Então você vê o título que você vê quem o publica e você vê, tipo, quanto tempo é isso? Acho que vou estar lá, então começamos com uma cópia do corpo para a empresa, quer dizer, saí como uma firma, muito espaço no começamos com uma cópia do corpo para a empresa, quer dizer, saí como uma firma, muito espaço no quer dizer, saí como uma firma, Eu exatamente deixei 30 pontos para uma gravidez tipo off 17 aqui, e eu tenho que eu acho que é definitivamente no poleiro. Eu exatamente deixei 30 pontos para uma gravidez tipo off 17 aqui, Tipo, se eu fizer isso um pouco mais, vai parecer demais, mas assim é realmente bom para, tipo, como digitalcomose não fosse o mesmo se você fizer impressão, mas como se fosse ler em uma tela, especialmente com fundo branco, eu senti que isso era realmente realmente muito bom. E então, novamente, espaçamento duplo aqui e assim como este título final eles, o espaçamento é realmente, muito importante. Então, há espaço entre o título e a cópia do corpo ou o espaço entre este título e, na verdade, a imagem? Nós temos um top e eu era alguém de exemplo que pensávamos ser uma foto, mas você pode ver como é certo. - Parece certo. Como se fosse como se eu ficasse com o título. - Eu tenho uma visão geral aqui e agora eu mergulho nele. A segunda coisa que eu gostaria de falar é deste tamanho na hierarquia. Então, obviamente, queremos que o uso para ele realmente preste atenção ao que é mais importante em - uma das maneiras de fazer isso - para ser dessas hierarquias - sexualmente criando tamanhos diferentes e, - você sabe, - Se você sabe um pouco fora HTML, - isso é como 81 h dois h três então o que eu quero. A coisa mais importante que eu queria fazer nesta página era, na verdade , colocar toda a atenção no artigo e, para isso , obviamente, você pode ver o maior tipo neste, - neste leitor é na verdade o título, - hum, - fora do artigo. - E também como na construção desta hierarquia, - ele também vai usar cores. De novo, quero que isto seja a coisa mais importante. Então, na verdade, vai ser uma das cores mais escuras, como cores mais contrastantes em toda a composição, onde eu poderia realmente não me importar com isso. Tipo, se você vê que foi publicado pelo David no ano passado, se você vê que foi publicado pelo David no ano passado, - Ou se disseres que isto é fixe. - Mas é definitivamente a coisa mais importante em um bom exemplo é aqui. - Como se você ver a barra superior que as cores do topo são, - você vai ver como o título é definitivamente escuro, - e então na aberração é importante e é um link. - Então tem uma cor diferente e, em seguida, visto anúncio. - É como se fosse uma daquelas pessoas como, obviamente você precisa disso, porque caso contrário, não faz sentido. - É como o nome do artigo e depois um truque. - O que isso significa? - Precisas de ser a sentença toda. E para isso você precisa desse tipo de antenas, mas eles não são muito importantes. desse tipo de antenas, Quando você sabe do Ah,eu acho que eles são necessários, mas não a coisa mais importante na página. Quando você sabe do Ah, eu acho que eles são necessários, Na verdade, quando você terminar o artigo, eu queria fazer um Finn legal onde você vai conseguir o Teoh os benefícios. - Então, eu vou. Esta é a maneira que nós não estávamos em você basicamente. - Então você está estragando tudo e então você vai chegar aqui e ele virá de espaço para as pernas. - Este é o próximo em Frick e eles vão dizer-lhe que todo o artigo então novamente aqui você - veja como a seguir em não é realmente destacado em Frank it iss Mas, em seguida, a coisa mais importante - baseado no tamanho é o título do próximo artigo. Algo que você tem que ter cuidado quando está fazendo isso é como tentar prestar atenção, porque se você tentar destacar tudo, nada vai ser destacado. E o que quero dizer é como, se eu realmente pegar esses textos sobre fazer touro você sabe, e eu, você sabe, se eu posso chamar o corpo Text bowl, repente ele não é mais contrastado porque não há nada para contrastá-lo com. - Tudo é ousado e você sabe, portanto, tudo é ambos. - Então, nada é destacado. É importante manter toda a composição bem quieta. - Sim. - Então você pode realçar um pedaço de conteúdo quando quiser. - E eu recomendaria, - você sabe, - em apenas um em um. Olha, se eu der uma olhada nisso agora, verei qual é a coisa mais importante. uma olhada nisso agora, - Então vamos tentar não exagerar. Como se eu tivesse mais do que o importante que eu tenho, como duas ações principais começarem a me sentir um pouco como Ok, o que eu deveria estar olhando? - Porque as duas coisas deles gritando pela minha atenção no problema é como quanto mais coisas - você tem, - o último efeito que você está fazendo em usuários porque de repente tudo é enorme. - Tudo está chamando sua atenção. E você sabe, por isso está ignorando tudo. - Um segundo ponto sobre o qual gostaria de falar é o contraste ao criar áreas de conteúdo. - Então, às vezes, ao projetar em nosso site. - Seja qual for. - Você realmente tem que criar áreas de contato para obviamente como muitos ou este lugar onde - você vai exibir como atualizações, - qualquer componente, - ou apenas assim. - O artigo principal e é muito importante. - E isso é algo que eu então realmente faz seu design parecer melhor se você realmente - fazer essas audiências de uma forma que se complementam, mas ao mesmo tempo tipo de como - dividir o conteúdo. - Eso O que podemos ver neste verde agora é um mocha de Anapa trabalhando no fundo escolar - álbum. - Você pode ver como eu estou dividindo o realmente as diferentes seções dele. - Esta é realmente uma inspiração para mim também quando se trabalha em seu diz leitor. - Então temos muitos à esquerda que é como, - realmente, - muito azul escuro. - E então, - você sabe, - então nós temos essas armas do Google, - muitas das que na verdade não vai estar lá o tempo todo, porque você pode abri-lo e - fechá-lo. - Mas você pode ver imediatamente como ele definitivamente tem um contraste diferente é um componente que - se ele estiver sempre lá, - você vai ser irritante como não é, - realmente bom quando se trata de rádio, - Foreal não é bom fazê-lo em cima de uma esquina. - Então, mas para um desses componentes é totalmente bom. - E então nós temos, - como, - o principal o núcleo fora do up e que é essas três colunas são coleções, - telefones, - arquivos e filtros. - Você pode ver como coleções e formas como eu gosto se relacionam um com o outro. - Definitivamente é o seletor. - A coleção fielders no primeiro dia é este espaço onde você vai ver os resultados e assim o - fundo em que eu queria ser realmente semelhante. Mas se você fizer isso super diferente, você realmente gosta que ele esteja se tornando como um bolo de camadas e cores e ele pode ficar um pouco louco demais. - Então o que eu vou fazer nesta seção eu vou passar por diferentes exemplos que eu acho - pode ilustrar muito bem este ponto. - Então eu gostaria que mostrar isso é uma tela diferente. - Mas a distância é um exemplo. - Você pode ver como aqui esta é uma cor, - obviamente com a textura de quando e isso é como branco não é tão diferente. - Mas é diferente o suficiente. - Então você pode entender. - Um é filtros em um é o corpo de casal que você deve realmente, - você sabe o que você deve colocar o conteúdo que usa vai apenas e algo realmente - importante ao criar contraste entre seções é na verdade o divisor, - algo como um destaque que é um pouco mais escuro do que qualquer uma dessas duas seções. - Mas ajuda o usuário a entender e ver, - como uma separação acentuada entre blocos de conteúdo. - E nesse sentido, - eu realmente gosto do novo Google Plus realmente assinar. - Pensei que fosse eu. - E foi quando comecei esta semana. - E eu só queria mostrar a vocês como essa coisa que eu estou falando você pode saber um fornecimento - todos os dias para os sinais que vemos em todos os lugares. - Então este é o normal você e eu acho que é uma loja de cremes e eu vou para a loja de fotos o médico dentro e apenas basicamente lá. - Então, vês do que estou a falar? Primeiro, temos jeito com o conteúdo digestivo, e isso é puramente branco. Mas depois tivemos a casa de banho, que é óptimo, e isso é muito fixe. - Mas se você realmente colocar este fundo com este grande fundo. - Isso mesmo, - este branco de volta com este fundo cinza junto sem separação, se você precisar - um pouco mais de conferência. Gosto muito de criar áreas da mesma quase parecidas com a mesma burra, mas não a mesma coisa. - Mas quando você está fazendo isso, - você realmente gosta que você encontrar realmente criar aqui como um fundo super grande e, em seguida, um - livros brancos. - Você sabe, - este não é o mais contestado eles que você poderia fazer. Mas se eu quiser ir, é mais como se fosse realmente difícil ver a separação como ela quase é Brincando com sua mente. - No entanto, - se você criar apenas é estrangulamento e apenas torná-lo super leve, mas desapareceu mais escuro do que o - fundo assim e você pode ver como ele sentado 4% capacidade. - Já faz diferença. - E como eu percebo essas duas áreas. - Então a mesma coisa vai aqui que você pode ver esta grande esta cor, então este é branco puro - - Mas aqui no meio, eles têm esse golpe que é um pouco mais escuro. - Esse é o fundo? - Mas, novamente, ajuda a criar essa separação. - E então a mesma coisa com isso é como um cinza, - este do cinza. - Eles são muito próximos um do outro. - Mas então você tem um cara que está muito longe do escuro e que come triagem de saúde, essa separação. - Então isso é muito importante. - Ouça, eu acho que é definitivamente algo que depende de você não é como você tem que fazer isso para fazer - seu design melhor lá toneladas de estilos diferentes. - Mas este é definitivamente um truque que eu uso. - Então leva-o de volta para que isto não é um projecto do Google. - Eu trabalho. - Ah, - enquanto atrás e novamente você pode ver aqui como isso de volta é ótimo. - Isto é branco. - E talvez isto seja um pouco, - hum o derrame. - Eu fui um pouco demais é muito grande para contrastar um Mas então há esta sombra aqui e esta é - outra. - Ao fazer sombras em, - como, - fundos e corpos de conteúdo - há realmente semelhante. - Então aqui temos, - como branco puro, - realmente como cinza e depois o derrame. - É importante que a sombra seja um pouco mais leve do que o golpe. - Então a sombra é mais clara que o golpe. - Mas do mais escuro, obviamente, - no fundo novamente apenas para criar, - como, - camadas fora de conteúdo que realmente são percebidos como realmente afiado pelo usuário. , Mais alguns exemplos disso,isso vai destacá-lo, e então você se move, você pode ver do que estou falando, e você pode ver como você sabe que isso só se aplica quando eles preservam quando eles realmente gostam das - áreas. Estamos muito próximos um do outro, mas não quando estão longe. Primeiro, não preciso de um derrame ao passar deste local para este branco. Porque o contraste entre o vermelho e a Casa Branca é muito forte. - Isso é apenas o suficiente. - Como se eu criar um derrame vai parecer sobre o sinal. - Tipo, quero dizer, toda a escola, também. Alguns exemplos e depois essa relação cara da última vez. - Mas você pode ver como cada vez que dividimos o conteúdo. - Sabe, isto é como uma divisória, que na verdade é um pouco mais escura. - Então, - Então, aqui vamos ver mais escuro do que os dois locais. - Então aqui estou eu usando a sombra. Mas novamente, você pode ver como a sombra é mais escura o suficiente você pode ver como a sombra é mais escura o suficientepara ver isso. - Está bem. - Então, mais truques ao separar ou dividir guarnição no seu layup. Outra que eu gostaria de mostrar é ... volta a esse filme de criança para que algo possa chamar que não escapamos. Vôo era para listarmos coisas diferentes, experiências diferentes que você pode ter em um lugar. - E eu queria criar simpatia dinamicamente. - Mas só, - você sabe, - porque fora, mas depois e assim por diante, - nós não teríamos muito tempo para isso. - Então, na verdade, - tudo segue os mesmos layouts neste tipo de sinopse. Aqui está o mesmo, tem o mesmo Ley Ellis, este aqui. - Então, este aqui. - Mas você pode ver mesmo que nós estamos listando o mesmo modelo, - é feito de uma forma que, - hum ele alterna como um fundo escuro, - um pouco mais escuro em probabilidades e, em seguida, não no outro para que nós somos Ucrânia - como um ritmo se eu fizer tudo com fundo branco. Então, se é isso que você vê, esse cara aqui é branco. - E então este quarteirão aqui é um B é como Ray. Se eu deixar tudo branco, essa mentira se tornará como dois forros serão você quase como tudo o que eu estou tentando fazer pelo conteúdo e agora que eu vejo isso meses depois, eu quase sinto que eu deveria ter feito isso como essa linha mais leve. - Mas de novo, você sabe que é Have Teoh. - Foi há um tempo e novamente falando sobre contratos disse aqui uma coisa complicada deste - site. - É que não sabíamos como você sabe que fotos vamos ser? - Obviamente podemos povoar um destino diferente que tínhamos. - Então, se você tem uma foto que é como, - realmente, - realmente, - muito escuro que nós não temos nada aqui C 5 localização. Mas se tivermos uma imagem muito escura, faz sentido ter uma sombra. - Mas aqui parece OK quase todo forte demais. Mas se você tem uma foto como esta um salário, a mesma sombra se você também é demais se você está um pouco perto demais do quadro real e , portanto, - como as diferentes áreas, - ondas emergentes perigos porque isso pode começar a gostar de um olhar sujo se as diferentes áreas - emergindo com você também. - Então há algo que devemos pensar quando coreano gosta de sombras e alguém porque ele - depende do conteúdo que você sabe - pode ser 12 anos ou não - e então outra coisa que eu gostaria de falar é sobre o efeito bolo sobre o efeito de chute. - Vejamos, - por exemplo, - o efeito chute é o efeito que você vê quando você tem esse tipo de divisória, - não especialmente isso - como aquela parte de divisórias de balé entre seções. - Demasiadas vezes. Imagine que tenho isso dividido aqui. Tenho um espaço muito pequeno, e depois tenho outra divisória. - E então isso significa, - como para um usuário, - eles vão ver imediatamente em apenas uma tela três divisórias para dividir. - Há três áreas de conteúdo, - e é aí que chamamos de efeito de camada de bolo. - Então isso é algo que você tem que evitar também, - porque o fundo nunca deve se tornar muito relevante ou nunca deve ser mais - relevante do que o conteúdo que é realmente habitação. - Então isso também é importante. E a última coisa que eu gostaria de mostrar ao falar sobre contraste no fundo é, , cortes limpos entre seções. - Então eles são provavelmente o rei. - Cortar é como você, senhor. - Senhor, não sou especialista. - Então, o que? - O que é isto? Stephen Crabb disse: “Não me faça pensar que os usuários não estão atrasados”. - Eles não são estúpidos. - Eles são apenas preguiçosos. - Então, se você fizer um corte limpo entre uma seção do conteúdo na outra, - você sabe, - alguns usos podem pensar que o conteúdo está baixo como se tivesse terminado dentro da página e - eles podem não rolar para baixo. - É importante por causa disso. Ligar diretamente todas as seções umas às outras muito bem, então quando você está lendo e seguindo a linha da história, você sabe, você faz inveja. - Eles montam. - Há um ícone é um corte limpo ali. Mas com este ciclo em cima, então você realmente pula sobre o corte e sempre entende que isso é mais coisas vindo. - Sua atenção de usuários aqui. E por causa disso, eles estão quase ignorando este copo e estão pulando daqui. - Você ouve? - Ele vendeu sobre como as pessoas percebem o seu design e você sabe qual é a melhor coisa que pode fazer - para realmente não quebrar o fluxo? - Então o terceiro ponto que eu gostaria de falar é iconografia. - Adoro ciclos de desenho. Adoro três exercícios, na verdade, preservativos. - Ao tentar encapsular após o conceito em uma ilustração que as pessoas vão entender. Mas o funeral que eu venho é como se precisassem de contexto, e eu escrevia aqui às vezes. Mas na realidade, os ícones sempre precisam de contexto. - Esse contexto pode vir com ataques que suportam ou, às vezes, é igual ao ambiente que está ao redor do ícone. - Então você entende logo o que é. Então, primeiro nesta câmera, Aiken você sabe, se você não tem nenhuma outra referência além disso, na verdade, minha coisa é algo relacionado com o Roughy. - Mas, - você sabe, - poderia ser galeria de fotos Galleria. - Acho que uma foto que eu venho ou poderia ser, não sei, como uma modelo de câmera. - A ICANN é muito difícil de dizer. Precisas de SMS ou algo no ambiente que te diga quando vai acontecer. Nesse sentido, há alguns exemplos de que gosto de falar. Cada pedra está nesta página juntos para este muro onde eu estava pensando, você sabe,como, o que isso eu posso dizer? Cada pedra está nesta página juntos para este muro onde eu estava pensando, você sabe,como, como, - Porque eu costumava usar que eu venho para tantas coisas na minha vida já. - Isso e se você pensar sobre isso. - Ele não tem muito fora um minuto, - disse ele. - Flecha que está caindo. - Quero dizer, - baseado no que os anos têm nas minhas costas navegando na Internet, - eu diria, - Ok, - isso é um estreito? Então ele definitivamente vai me levar a algum lugar, ou ele vai baixar algo porque há Paradigm tem sido associado a, tipo, download de coisas. - Mas neste caso, a única razão de eu usar isso eu posso. - É apenas como uma maneira de indicar ao usuário o dia algo interativo neste componente. - Então você pode ver que este é o estado de Khobar, - e isso é o que aconteceria que o usuário vai dizer que as capas de revistas vão pairar um deles - eles e eles vão realmente ver, - como este ícone pdf e então eles chamam para Action Dollar. - Então, na realidade, - o propósito desta caminhada aqui apenas para chamar o vício sobre algo e então - obviamente, - você sabe, - dizer ao usuário exatamente o que aquele IHS hum, - outro exemplo em ícones que eu estou sempre confuso, - como eu sempre por alguma razão, - algumas vezes na minha vida, - Eu tenho a tarefa a fazer e eu venho para a Internet, - e esta é provavelmente uma das coisas mais difíceis que você pode fazer. - Como, - o que é conectividade com a Internet? - É o mundo? - Você sabe, - como podemos fazer eu vir a dizer, - isso é Internet e é por isso que eu gosto, - você sabe, - eu vem nesse sentido, - eles precisam chegar a um contexto que pode ser texto primeiro vezes e algo também, - que é curioso é como pensar no mundo como um ícone. - Tenho certeza que os diferentes designers que o Facebook teve este mesmo desafio ao falar sobre - a notificação que eu posso. Então, se eu for para minha conta no Facebook , eu tenho, essas são mensagens, essas pessoas. - E esta é a minha notificação e é o mundo. E eu não sei por que o mundo significará notificação para ninguém, mas eles estão usando o caminho e está bem, porque de novo, você entende que está lá em cima, e todos eles abrem como uma sobreposição. Então o compromisso do presente é muito baixo, já que você não vai a lugar nenhum. - Então é por isso, - na minha opinião, - funciona e eles também usam, - tipo, - tipo, - números semelhantes para dizer quantas notificações você tem e você sabe que - comparado ao meio, - é realmente diferente a única coisa que o meio faz para dizer que há alguma atividade no seu perfil é realmente ter essa linha de fundo em cores. E isso é o que você sabe, abside no seu iPhone. - Como a videira eles fazem. - Eles não nos dizem. - Provavelmente quantas notificações você tem ou até Tweeter? - Eles só dizem que há notificações. - Então aqui eu vejo que você tem, - tipo, - coisa de três atividades é, - mas se eu realmente sair, - você pode ver como não está mais lá. - Então é assim que eu posso gostar de ir para o lado e é como, - Oh, - há algo novo. Não preciso de saber quantas coisas novas há para mim é apenas a sensação de que ... há algo novo no meu perfil que aconteceu. Isso é o suficiente para me deixar curioso sobre isso. Algo que eu fiz sobre este assunto em nossa missão está aqui , 10 notificações para realmente dizer como você tem artigos invisíveis. - Então aqui você vê como se eu abrisse o painel, - você pode ver como vai ser como lixo. - Vem com uma mensagem porque, caso contrário, você não sabe, e tudo bem. Mas quando isto desmoronou, ainda estou a fazer uma coisa em que estou a mudar a cor do I. Então, se tu realmente não tenho uma notificação, eu não estaria lá. - Ou talvez seja como azul. Mas se ficar verde, significa que você tem postagens invisíveis e algo assim. - Eu pensei sobre isso. - É como, - OK, - mesmo que tenhamos isso, - nós podemos precisar, - um talvez como um estado flutuante quando você realmente sobre uma dessas bolhas. - Ele era como, - Oh, - você sabe, - cinco. Estou vendo artigos do Spy Inspire, então isso é complicado. - Mas, você sabe, - você tem que entender que às vezes eu não posso. - Quero dizer, - vamos precisar de vir com, - tipo, - um texto em algum tipo de contexto semelhante. - Eu digo-te uma coisa. - É ISS e algumas outras vezes quando o noivado é muito baixo. - O que? - Na verdade, você não vai fazer nenhuma loucura com o usuário sabe que está tudo bem. - Se não vem com isso, - hum, - com o texto. Voltando ao exemplo, tudo bem se não vier com o texto, porque se eu quiser escrever, não sei. - Tex aqui usa totalmente. - Eles não podem saber disso. - Não podíamos repetir o download repetidamente neste layout. - Bem, - eu só tenho, - como este que pretende realmente chamar a atenção dos usuários. - E então eu certamente vou dizer a eles o que vai acontecer. - O próximo ponto que eu gostaria de falar é que você parece fotografar em sua decisão. Então, na minha opinião, usar fotografia é sempre complicado quando se joga com texto, especialmente sem controle. - A foto, - 100%. E sabe, isso acontece quando construímos entranhas com você. - Prepare-se para, - realmente como portais de conteúdo pesado, - por exemplo , - sobre , - como, - site novo ou coisas assim - onde nós realmente sabemos que eles vão ser como, - toneladas de fotos. Mas não sabemos qual será a imagem, sabe? - E torna-se complicado se você não sabe quais são as fotos. Talvez porque você não sabe se talvez seja do texto à esquerda. - Mas você sabe, - o mais pesado. - A parte mais importante das fotos à esquerda. Você pode ter tudo à esquerda na sua composição, e isso pode não parecer legal. - Ou talvez, - como a coisa mais importante na sua composição é, na verdade, - você sabe, - bem atrás do texto. - Isso é fora de ser assim onde mais? - Onde? Na verdade, equilibrará a composição, então isso é sempre complicado. E eu tive alguma experiência com isso trabalhando com clientes como a CNN ou o USA Today A bem, nosso vôo de fuga agora em diante se atreve de forma diferente. - Alguns designers truques fazer nesse sentido e bem, - o primeiro e mais fácil um problema, obviamente, separar a foto do conteúdo. - Então, se eu olhar para, - hum, - novamente nosso exemplo favorito o nosso é o leitor no iPhone. Talvez se eu olhar, obviamente algo como isto, é realmente muito fácil de separar. - Eles não podem se separar da foto. - A foto vai ficar incrível. Esse cara, que é uma das coisas mais importantes na foto, pode estar neste canto, posso ser eu. - Então a esquina, - você não se importa, porque tudo o que você tem que fazer é apenas, - você sabe, - feliz lá. - A não ser que desça algo que não se importe porque ele está separado. Às vezes, no entanto, não o separamos. - Então tentamos juntar tudo. E é aí que você sabe, nós só temos a foto e o texto em cima. E se controlarmos 100% essa foto, será ótimo no exemplo. - Eu tenho para isso é um dos meus sites favoritos ultimamente é Ah, - memórias é como um diário, mas basicamente tem capítulos diferentes, - e a página inicial é sempre a mesma coisa, - mas eles jogam com cantos diferentes. - Então este é o capítulo sete e então você vê o imposto muito bom. Grande jumbo, fácil de ler, fácil de ler, e assim por diante. Mas se voltarmos ao Marquês principal, isso é muito legal, porque obviamente o designer tinha controle total sobre essa foto. E se mudarmos isso para outro, veremos como estão aplicando esse filtro, como as imagens estão na cor, e é muito fácil ler o texto, como as imagens estão na cor, e é muito fácil ler o texto, liberá-lo para ler o título e assim por diante. Novamente, isso não é algo que acontece quando você constrói um site para notícias, uma plataforma de notícias ou como uma enfermeira é realmente influenciada. - E então é complicado colocar o top texano. - No entanto, - se quisermos fazer isso lá, - desperdiçamos, - e a maneira elegante de fazer isso é realmente usar um Grady em cima da imagem. E para isso, tenho aqui as diretrizes que tínhamos ao criar, ao criar as diretrizes para o tenho aqui as diretrizes que tínhamos ao criar, ao criar as diretrizes para ovôo de fuga Simon abrindo aqui para que você possa ver. E basicamente, onde eu estava descrevendo como essa área de marquise funcionaria, dependendo de quanto agradecimentos. Nós temos aqui vôo de fuga aqui, fotos, diretrizes de mercado. - Você pode ver como de novo eu pareço como fotos muito silenciosas. - E foi o que pensei que teríamos. - E depois vou colocar o texto aqui à esquerda. Além disso, Grady, , se eu olhar para a composição da imagem, estou descrevendo como o peso visual da imagem deve estar sempre à direita, para que possamos colocar o texto à esquerda, - e está tudo bem. - E então eu realmente vou descrever, - como, - alguns exemplos aqui. - Então, obviamente, você sabe, - diretrizes para as fotos, - os temas da natureza ruas abrem campos como tentou evitar fotografia amadora ish, - cenas lotadas - desordenar cenários claros como idade super exposta. - O são fotos ou vinhetas ou como social como imagens do Instagram. - Então eu esta algo errado, mas você pode ver como suas fotos realmente quieto. E neste caso, o Graham é bom e funciona. - Mas no entanto, - como você vai para alguns outros, - como aqui neste crime, como o que não fazer neste escuro, - muito marrom, - você sabe, - muito brega ser ainda muito forte, - Assim como as cores são realmente, - como, - realmente, - muito ruim. E mais uma vez, você sabe como os técnicos desempenharão um papel lá dentro. Então, de novo, temos o Grady. - Hum, - nós temos o texto, - e isso leva isso depende do tamanho. - Pode ser maior ou menor e, de novo, - sabe, - estou aqui, - como alguns exemplos com diferentes tomadas no comprimento da linha. Então, o que temos com seis linhas, o que acontecerá com cinco linhas? - O que vai acontecer com quatro linhas aqui e assim por diante? Isso é algo que você pode fazer, mas novamente, se você brincar com fogo porque você realmente não sabe o que essas fotos vão aparecer . - Como você sabe, - tanto quanto você pode ter uma orientação específica, - isso depende no meio, - pode não ser sempre capaz de reclamar com essas diretrizes. - Então você pode acabar em um lugar onde, - como, - aqui, - eles realmente têm uma imagem muito ruim ou eles têm, - como, - todos os detalhes por baixo do texto, - e Não parece tão agradável. Então, de novo, eu estou meio que me mudando para, tipo, separar imagens de texto toda vez. - Não posso controlar totalmente a qualidade da imagem. Então há algo em que pensar para vocês. - O quinto último ponto que eu gostaria de falar nesta unidade é tratar cada componente como se pudesse ser apresentado concurso de design do dedo do pé. - O que isso significa? - Bem, novo com os signatários. - Mas começamos a ser humanos. Obviamente, sempre tentamos fazer o nosso melhor, mas às vezes acho que você sabe algumas coisas, como se houvesse alguns componentes com os quais não nos importamos ou nos importamos o máximo possível. Mas posso não ser o mais importante, mas fora do trabalho para nós. - Então essa é definitivamente a abordagem do Rhone. - E é isso que a frase está tentando dizer. É como se tivéssemos que tratar cada componente com a ciência, como se pudéssemos tirar o seu projeto. - Fui apresentado a um concurso de design. - Então isso é algo que aprendi da maneira mais difícil. - Aprendi fazendo, - refazendo, - refazendo e, na verdade, - você sabe, - tentando aproveitar cada passo no processo de design. Até mesmo um restaurante de comida pode ser uma comida incrível. - Er, - se você realmente colocar a energia para torná-lo incrível. Nesse sentido, gostaria de mostrar este exemplo a um leitor de vídeo. Eu fiz um tempo atrás, mas como? Eu fiz um tempo atrás, - Eu só tentei recuar. - E isso já tem, tipo, três anos de idade. - Mas ainda assim, - você sabe, - eu posso ver, - como, - todos os baixos se eu tentar colocar sobre ele e assim por diante. - Então eu tenho, - como, - diferentes cenários como nós vamos ser uma sobreposição será outro sobre demissões. Como as pessoas comentaram na sua linha do tempo. Esses botões só aparecerão se você segurá-los, denovo, como componentes diferentes. novo, - Veja como se você pressionar na legenda, - ele vai aparecer. - Você poderia definir o tamanho ou não. - Como olhar para o amor que tentei colocar neste componente. - E é mais fácil de ver quando olhamos para isto como se você sabe, é tudo uma questão de, tipo, - o espaço certo no tratamento leve que você concebe aqui. - Tipo, - quase três anos atrás. - Eu fiz isso e agora parece um pouco exagerado como se sentisse que eu não faria isso assim - mais. - Mas obviamente, - designer e eles são como, - transições são mudanças de gosto difícil e assim por diante. Mas ainda assim, quando eu fiz isso, eu gosto de ter prestado toda a atenção que pude para realmente fazer esse ritmo aqui e ali e aqui você pode ver como ele mantém o quadro ligado, na verdade duplamente obter esse espaço lá . - Então tudo, - tudo tem, - tipo, - muito amor e até 1% nisso. - Você sabe, - eu realmente não sei se você pode ver o brilho no fundo como aqueles - telefones, - você sabe, - só para que eu possa vê-lo da melhor maneira - e as pessoas podem realmente desfrutar e, em seguida, - você sabe, - apenas uma questão de como, - mostrando o amor que as coisas componentes chapéu eu estava apenas descrevendo as diferentes unidades que - fazer o componente a parte diferente fora. - Na verdade, - a camada que faz o componente e como um super grande amontoado - perto louco do componente onde você pode ver, - como, - novamente todos os detalhes. - E obviamente isso é falso. Como se eu ampliasse isso, não vou dizer isso, mas também gosto de clientes. - Eles adoram ver que você ama seu trabalho é muito bom falar com alguém que na verdade é realmente apaixonado por seu trabalho. - E esta é uma forma de mostrar, caso você possa realmente falar com eles. - E talvez, - você sabe, - eu acho que exemplo social como por aqui, - como apenas este ritmo, - como, - o diferente que você pode ver aqui, - como este esboço que é como a capacidade preta pura, mas funciona muito bem quando se divide - este branco e este amarelo porque faz como dissemos antes, - como uma separação mais escura entre aqueles que você conhece, - Todos esses pequenos detalhes é onde o amor iss e talvez eu não sou este capítulo - com este eu, - para vocês como ele é realmente importante se importar. E quanto mais pessoas você verá em sua carreira, acho que você vê pessoas que não se importam tanto. E então você vê todas as pessoas incríveis que se importam com provocações. - Então eu acho que é muito legal, - um, - definir habilidades de um designer para realmente se importar com as coisas e tentar torná-lo sempre - o melhor que você pode. - E com isso estamos terminando. - Você precisa de sete. - Então, obrigado. - E vemo-nos no próximo capítulo. 8. A importância de um estudo de caso: Ei, pessoal, bem-vindos ao Capítulo 8. A importância de um estudo de caso nesta união abrangerá basicamente a definição de um estudo de caso . Por que é importante criar um caso que é? E finalmente vamos passar pela estrutura que você pode usar para criar seu próprio estudo de caso? Primeiro de tudo, o que é um estudo de caso quando você sabe o quê? Na verdade, estou me perguntando sobre um conceito geral como este. Como você sabe, eu gosto de ir ao Google. E basicamente um estudo de caso, como eles disseram, é o processo ou registro off pesquisa em que uma consideração detalhada é dada ao desenvolvimento de um determinado assunto durante um período de tempo. Então vamos tomar este assunto em particular, e esse é definitivamente o nosso projeto. Portanto, não podemos explicar o processo fora da pesquisa e toda a consideração detalhada que foi dada ao nosso projeto durante um período de tempo. Nós basicamente temos este produto que está praticamente acabado, e agora é hora de realmente explicar todo esse tempo que passamos por, você sabe, desde o início, desde o breve break inicial fora do golpe fora do projeto. Como é que vamos resolver isso? E como consideramos todas as diferentes variações e vamos para o projeto final. Esse é um caso que é apenas um reflexo disso. Como é que fazemos isso? Sabe, praticamente trabalhamos na mídia digital, então fazemos através do sangue digital, do qual é potencialmente como um site. Então, criamos esse lado onde explicamos todas as razões e todo o racional por trás de seu processo. E por que isso é importante? Por que nos importamos com isso? Acho que é muito importante de diferentes perspectivas do Tom. Como se eu olhar para ele para salvar de um pinheiro designer de você, eu acho que a partir de uma perspectiva de design, é realmente importante ser capaz de realmente ser capaz de criar coisas legais, ser capaz de realmente obter um breve realmente através, e vir acima com uma idéia realmente boa que atender todas as necessidades da respiração e realmente fazer algo fora dela. E esse é o projeto. Isso é incrível. E essa é definitivamente uma das habilidades mais importantes disse que o centro deveria ter. Mas é secretamente importante para realmente ser capaz de falar através do seu conceito, ser capaz de explicar a alguém por que você fez algo de maneira específica e não de outra maneira. Você sabe, como eu acho, hum, eu acho que ser capaz de realmente explicar todos os pensamentos e todo o processo que você passou quando realmente deu um breve resumo, é realmente importante. É muito importante saber como comunicar as suas ideias e, em seguida, para que seja a partir de uma perspectiva de design. Mas como? Como olhamos para isso de uma perspectiva de negócios? Bem, você só pensa como uma empresa e todas as coisas que eles produzem que você sabe, você nunca vai ver Allah Você trabalha dentro da empresa. Sabe, há tantas coisas que podem dar errado. E há tantas grandes ideias e grandes execuções que, às vezes, não dão vida porque não chegaram ao lançamento final. Então este é um projeto para as empresas para realmente o mais comércio, quão bom eles são e quão bom algumas de suas soluções de apenas o processo fora de crédito neste projeto com o cliente vale a pena para fora. Então é um cooperador promocional, uma arma promocional para dizer da perspectiva puramente da empresa de produção. Mas também é como um desenvolvimento pessoal explicou que o conceito através é realmente útil. E como é a estrutura? Então, o que eu penso sobre estruturar contra Ali, eu sempre penso em, hum, você sabe, histórias. Então, é definível contar uma história e uma história praticamente ter a configurar o conflito, e havia uma solução. Portanto, se pensarmos na criação e esse será o primeiro ponto, precisamos de descrever a situação. Então precisamos descrever a razão pela qual estamos fazendo esse projeto. É porque é um resumo de um cliente? Poderia ser, disseram eles, porque vimos uma falta no mercado que achamos que podemos sentir com nosso projeto. Tipo, você sabe, como, você sabe, alguns meses atrás, antes dos membros, ele estava tipo, nós precisamos realmente criar algo melhor porque o processo de e-mail, você sabe, como, você sabe, alguns meses atrás, antes dos membros, ele estava tipo, nós precisamos realmente criar algo melhor porque o processo de e-mail, tem sido assim desde sempre. Então, essa será a configuração. Um e-mail não mudou em 10 anos, é a maneira no nosso caso, nosso diz que estamos lá? Achamos que não há nenhum leitor de anuses que aborde todas as necessidades do usuário de uma forma convincente, e para isso é realmente útil para encapsular o seu conceito. Ter um conceito bastante claro que pode ser encapsulado em apenas uma frase. Este é um exercício que eu comecei a fazer recentemente e ele realmente ajudou em exatamente uma explicação do seu conceito para outra pessoa. O poder de dizer explicar a sua única frase e a outra pessoa, como obter qualquer imediatamente é realmente poderoso. Certo, então já explicamos. Temos em nosso estudo de caso. Já descrevemos a situação. Temos a nossa proposta numa frase, e agora temos de explicar tudo. Então, baseado em nossa proposta, o corpo é quando realmente explicamos nosso conceito de morte. O que isso significa? Bem, quer dizer, isso realmente depende do projeto, mas primeiro, se você empurrar, talvez como a participação social em seu leitor de íris, este é realmente o lugar para Explique-o. Se você gosta de fazer animações loucas que você acha conectar todo o andar como, realmente bem, isso vai ser Na verdade, eles vêm o lugar para promovê-lo em que funciona. Você sabe que este trabalho com qualquer proteção você praticamente tem que encontrar aqueles destaques que o tornam especial. É porque é realmente simples. Então talvez você devesse falar sobre essa simplicidade fora de sua abordagem nesta seção, e finalmente você tem que encerrá-la. Então, você sabe, você está realmente explicando o mercado. Você explica sua proposta, você realmente deu detalhes sobre sua proposta, e agora você tem que realmente acelerar para que eles usem ou saibam o que vem a seguir. Você sabe, se vamos dizer que isso não é para cima, hum, inicial pronto no mercado a seguir será realmente o link para Não sei se eles são reais se não é ou se é agora. Mas ainda está sendo desenvolvido a seguir. E, você sabe, próximos passos e seção final no seu caso que deve ser, como se inscrever para o melhor ou como se inscrever para novo. Senhor, se quer saber quando é que ele vai ser libertado? É realmente importante que terminemos o estudo de caso com um claro apelo à acção. , Caso contrário, os usuários chegam ao fim do fluxo e você sabe que eles não podem reagir. E esse tipo de off pode ser como o fim ou sua comunicação com o usuário. Então, quanto mais você pode envolvê-los com o seu produto, os melhores resultados você vai ter. - Obviamente. E isso nos leva ao final do capítulo oito, importante fora do caso hoje. E eu acho que é o momento realmente dizendo de novo, grandes fãs para todos que realmente se juntaram à maldição. Espero que tenham gostado. E este é definitivamente o fim das unidades, mas não é o fim do curso em si. Então o próximo passo é eu vou estar postando durante as próximas semanas meu progresso na atribuição do leitor de RSS para que todos possamos acompanhar. E eu também estou ansioso para ver o que vocês podem vir acima com mais como mãos práticas no exemplo. Então, todos os projetos incríveis que viram lá fora, Então obrigado novamente e manter o bom trabalho. Aproveite.