Como usar grades: como criar com intenção

1. Apresentação do curso: Olá, e bem-vindos à aula. Meu nome é Amber Quadrats. Eu sou diretor de design e trabalho em Los Angeles, Califórnia. Dê uma palmadinha nas costas por tomar esta aula e investir em si mesmo. Comecei minha carreira como designer de impressão. Então isso significava fazer muitos layouts de várias páginas. Fiz relatórios anuais, fiz design de livros. Assim, para esses tipos de projetos, as redes são essenciais. Eu realmente não sei como eu conseguiria através um livro de 450 páginas sem ter uma estrutura de grade para manter meu layout consistente. No entanto, você pode usar grades se você não estiver fazendo um grande projeto de livro, eles realmente são para cada projeto de design. E eu acho que uma vez que você começar a usar grades, você vai se perguntar como você já desenhou sem elas. Para esta aula, vamos criar um cartaz estilo galeria. Isso permitirá que você explore a liberdade e a flexibilidade que as grades oferecem. Obrigado mais uma vez por fazerem esta aula. Estou muito animado para compartilhar algumas de minhas dicas e truques do InDesign, como configurar. E vamos nos divertir muito fazendo isso. Então, muito obrigado e vamos começar. 2. Descrição de projeto de curso do curso: Vamos ter uma conversa sobre por que eu escolhi fazer um cartaz estilo galeria para este projeto. Primeiro de tudo, eu cunhei em galerias ou cartaz porque eu quero que nós usemos imagens ou formas gráficas. A razão de eu estar fazendo isso é que eu quero tirar o elemento da tipografia apenas por agora porque esse é um assunto tão grande em si mesmo. Então eu quero eliminar esse elemento de design para que possamos focar apenas na proporção e no ritmo de nossos projetos usando formas básicas. Além disso, um cartaz é simplesmente uma página, então você não precisa se preocupar com um layout de várias páginas. Isso é algo que você pode praticar e trabalhar seu caminho até. Depois de ficar confortável usando grades horizontais e verticais. E um cartaz é uma ótima peça de portfólio. Então, se você criar algo de que realmente ama e de que se orgulha, sinta-se à vontade para usá-lo em seu portfólio. Pode até imprimir e pendurar na sua casa, se quiser. Então essas são as razões pelas quais eu decidi usar este cartaz estilo galeria como nosso projeto. E eu vou estar fazendo neste projeto junto com você. Então não só criei a classe, mas também estou completando o projeto. E para ver passo a passo como abordar isso. E as coisas que eu faria, meus desenhos. 3. Por que usar grades: Agora é hora de falar sobre por que você deve usar grades e por que elas são tão importantes em seus designs. Preciso desta aula de como usar grades. Projetando com intenção. Projetar com intenção significa que consideramos cuidadosamente cada elemento de design antes de ocultá-lo. Projetos rígidos, nós simplesmente não estamos apenas jogando coisas em uma página, movendo-os ao redor e esperando que as coisas vão funcionar e esperando que o layout é bom. Projetar com intenção significa que estamos nos aproximando do design como uma embarcação. E estamos usando as ferramentas à nossa disposição. Grades são uma ferramenta que nos ajuda a abordar o design com intencionalidade. Além disso, as grades são uma ferramenta que nos ajuda a projetar com intenção e colocar as coisas em uma página baseada no ritmo e estrutura. Existem outras razões pelas quais você deve usar uma grade? Simplificando, os subsídios fornecem um ponto de partida para organizar seus pensamentos e encontrar uma solução de design funcional e esteticamente agradável. Eu acho que a chave aqui são subsídios fornecendo um ponto de partida. Há muitas vezes que começamos projetos com uma página em branco e simplesmente olhamos para ela e não sabemos por onde começar. Uma grade imediatamente lhe dá um lugar para começar. Mas não acredites na minha palavra. Há um excelente livro sobre grades de Joseph Muller-Brockmann. Ele diz que uma grade cria um senso de planejamento, inteligibilidade. Clery sugere ordem de design. A desordem acrescenta credibilidade à informação e induz competência. Então, recapitulando, usando uma grade dá a sua organização de trabalho, dá-lhe trabalho Clery, inteligência, ordem. Aqui está uma credibilidade. Dá ao seu trabalho competência, precisão e intemporalidade. Por causa dessas razões. É por isso que você deve usar uma grade. Essas palavras-chave são a razão pela qual as grades são tão importantes para o seu design. Além disso, usar uma grade cria projetos mais esteticamente agradáveis. Então, por que as grades não são usadas com mais frequência? Trabalhei em muitos lugares diferentes e trabalhei com muitos designers diferentes. E vou te dizer, a maioria não usa créditos. Ou, se o fizerem, não estão a usá-los ao máximo do seu potencial. Eu acho que há esse equívoco que grade ou restritivo. E colocam demasiadas restrições à liberdade criativa. Na minha opinião, isso é errado. As grades são incrivelmente flexíveis, personalizáveis e fornecem várias soluções para um problema de design. Eles te libertam para explorar. Agora, aqui estão alguns exemplos de alguns cartazes que eu puxei que usam uma estrutura de grade que eu poderia identificar claramente. E este é o tipo de projeto que vamos criar. Estes são ótimos exemplos do que eu chamo de cartaz estilo galeria. Aqui está outra página com desenhos. Estes são um pouco mais complexos porque eles apresentam muita tipografia. Mas você ainda pode ver que há uma estrutura atual clara neste trabalho. 4. Preparação de projeto: Há algumas coisas que você pode fazer para se preparar para este projeto. Se você fizer essas coisas com antecedência, eu acho que realmente o preparou para o sucesso. E você sabe, o processo é tão importante quanto o produto final. Ok, então primeiro escolha projetar um cartaz estilo galeria ou um cartaz estilo gráfico. Claro, você pode mudar de idéia, mas é uma boa idéia ter uma noção do que você vai fazer antes de mergulhar. Agora, se você escolher um cartaz de galerias tau, é uma boa idéia encontrar cinco imagens que contam histórias compartilham um tema comum. Paleta de cores semelhante. Dessa forma, seu trabalho se sentirá consistente. E talvez haja uma narrativa que possa entrar em um conceito e amarrar seu cartaz juntos. Então, por exemplo, estas são algumas das imagens com as quais estou escolhendo trabalhar. Estou baseando isso mais em uma paleta de cores e no sentimento. Como você pode ver, tons verdes, tons silenciados são prevalentes. Ok? Eu encorajo você a fazer alguns esboços e prepará-lo para o sucesso e ajudá-lo a se familiarizar com o uso de estruturas de crédito. Então, primeiro, tenha em mente o tamanho que suas postagens finais serão e esboçar para essa proporção. Então isso aqui representa uma proporção de 2,2,3, que é o que meu cartaz vai ser. Então eu determinei que eu queria ter um monte de células de grade, que são essas células individuais aqui. Então eu decidi fazer para isso me dá um monte de opções de design. E eu não era matematicamente preciso medir estes. E eu simplesmente olhei para ele. Mais uma vez, manteve a proporção do mesmo. Então, pelo menos, isso seria consistente. Então desenhe sua estrutura de grade em papel comum. E então o que eu gosto de fazer é pegar um pedaço de papel e colocá-lo sobre sua estrutura de grade. Dessa forma, você poderá esboçar várias opções de layout no papel de rastreamento. E você não precisa desenhar sua estrutura de grade uma e outra vez. Você sabe, se você quiser tentar, digamos, três colunas, cinco colunas abaixo, coisas assim, você definitivamente está experimentando com isso e esboçar várias opções para isso. Mas realmente a chave aqui é esboçar essas opções de layout. Acho que isso vai te ajudar a longo prazo. E é uma maneira muito rápida de ver como o ritmo está fluindo, como as proporções funcionam juntas. Se estiver balanceado, como o espaço em branco interage com seu objeto ou suas imagens. Por favor, sinta-se à vontade para postar quaisquer perguntas que você possa ter sobre esboços ou processos. 5. Como criar sua grade: Certo, vamos começar a configurar nosso pôster e nossa estrutura de grade no InDesign. Então vá em frente e comece um novo documento. Há algumas coisas que vou rever nos detalhes predefinidos. Primeiro de tudo, eu quero estar trabalhando em polegadas como a medida dos EUA. Por favor, sinta-se livre para trabalhar e qualquer unidade em que você esteja mais confortável. Também estou configurando meu pôster para 12 polegadas por 18 polegadas. Esta é uma proporção de dois para três. Então, ele se expande bem para um pôster de 24 por 36. Se eu quisesse ampliar isso. E é um tamanho de quadro comum. Então, se você criar algo bonito que você ama e você quer imprimi-lo e emoldurá-lo. É perfeito para isso. Ok. Eu tenho páginas opostas desativadas porque estamos fazendo apenas um layout de uma página. Agora eu poderia ir em frente e definir minhas colunas e margens nesta área. No entanto, eu gosto de ver visualmente as proporções quando estou fazendo isso. Então eu tendem a deixar isso como a predefinição, 12, 18. Vou mostrar-vos uma predefinição que gosto de fazer, o que dá muitas janelas abertas. Gosto de ver muitas ferramentas nos meus documentos. Então, aqui em cima, há um pequeno menu suspenso, e normalmente é apenas definir essenciais. Agora você pode ver quando eu configurá-lo para o essencial, ele traz minhas janelas para baixo apenas páginas, links e camadas. Realmente não há muito aqui para eu trabalhar. Então eu defini para tipografia. Este é o único estudo que eu acho que me dá o maior número de ferramentas e janelas que eu uso no dia-a-dia. Ok, vamos começar a configurar nossa grade usando as páginas-mestre aqui em vez das páginas abaixo nesta área. Agora a razão pela qual estamos usando páginas-mestre é porque uma página-mestre é basicamente como um modelo. Então, sempre que você colocar em sua página-mestre será aplicado automaticamente para as páginas abaixo. Sabes, estás a trabalhar nas páginas. Eu já tenho a minha configuração de um mestre. Então eu vou fazer B Master só para que eu possa mostrar meu processo de configurar meu crédito. Primeiro, quero mudar as margens e as colunas. Assim, margens e colunas não soam super excitantes. No entanto, você pode realmente começar a colocar alguns de seus conceitos se relacionam com a sua fotografia aqui. Então, por exemplo, minha fotografia que escolhi é muito mínima e parece leve, arejada, parece um pouco mais sofisticada. Então eu quero amplo espaço em branco porque para mim, habilidades de espaço em branco, bagas, luxuoso, parece muito espaçoso. E essas são as cidades que quero transmitir. Então pense sobre o que você pode transmitir com suas margens e colunas? Quer que seja expansivo? Zhuan, isso me fez sentir um pouco mais apertado. Junte-se a ele, simétrico, assimétrico. Estas são todas as coisas que eu já tenho a minha configuração mestre. Então eu vou fazer B Master só para que eu possa te mostrar. Meu processo de configurar meu crédito. Primeiro, quero mudar as margens e as colunas. Assim, margens e colunas não soam super excitantes. No entanto, você pode realmente começar a colocar alguns de seus conceitos que se relacionam com a sua fotografia aqui. Então, por exemplo, minha fotografia que escolhi é muito mínima e parece leve, arejada, parece um pouco mais sofisticada. Então eu quero amplo espaço em branco porque para mim, habilidades de espaço em branco, barreira, luxo. Parece muito espaçoso. E as cidades que quero transmitir. Então pense sobre o que você pode transmitir com suas margens e colunas? Quer que seja expansivo? Você queria que eu me sentisse um pouco mais apertado. Conjunta. É simétrico, assimétrico. Estas são todas as coisas que podem começar a falar com o seu conceito. Então, para mim, vou fazer uma polegada no topo. Quero fazer um centímetro para a esquerda e para a direita também. Para o fundo, eu vou adicionar um pouco mais de espaço e adicionar três quartos para gerenciar tantos ganhou três quartos. A razão pela qual estou fazendo isso é porque eu quero que as coisas fiquem um pouco mais altas do que podem parecer super estranhas, mas quando as coisas estão matematicamente centradas, visualmente, elas se sentem mais baixas para nós. Então eu adiciono um pouco mais na parte inferior para aumentar as coisas ligeiramente. De modo que oticamente as coisas são cegas dessa maneira para centrar ao invés de matematicamente alinhadas. Decidi que gostaria de 32 campos de uva na minha página. Agora isso é muito, isso me dá um monte de opções e uma ampla gama de soluções para o meu layout. Então eu vou fazer quatro colunas. Eu gosto disso porque é simétrico e também pode ser dividi-lo para duas colunas. Ele também pode ser subdividido em 816, dando-lhe possibilidades ilimitadas. Então continue mantendo para que eu gostaria que minha calha fosse um pouco mais larga do que o que eu faria normalmente para um layout tipográfico como quero caber mais espaço entre as minhas imagens. Então eu vou ajustá-lo para um quarto de polegada. Então nós temos nossas grades verticais, que eu acho que a maioria das pessoas provavelmente está familiarizada com. Você provavelmente já trabalhou com eles em algum momento. No entanto, vamos adicionar grades horizontais onde as coisas ficam interessantes e para mim mais excitantes, porque realmente começa a adicionar ritmo ao seu design. Mais uma vez, dando-lhe mais opções de layout. E dado a você um ótimo lugar para começar, você pode realmente começar a visualizar seus designs Depois começar a subdividir-se horizontalmente e verticalmente. Então volte para o layout. O que você vai querer fazer é ir para Criar Guias. Então isso vai aparecer. Como eu disse, quero 32 campos de grade. Então o meu número de filas vai ser oito. Quero que a minha sarjeta combine com a calha para a grelha vertical da mina. Então eu estou definindo isso em um quarto de polegada. Para esta opção, ajuste guias para eu estou ajustando para as minhas margens porque eu não quero trabalhar fora deles. Você também pode configurá-lo para a página. Mas como você pode ver , começa a definir a divisão do topo da página para baixo. Mande para as margens. Começa a Divisão no topo das suas margens. Então é para isso que eu costumo definir isso. Ok, então aqui está minha página com minhas 32 células de grade. Esta área é a célula da rede aqui. E eu acho que você já pode começar. E para ver como usando esta estrutura de grade horizontal e vertical, você tem um monte de opções para posicionamento de suas imagens e gráficos. 6. Layout de pôster: Os óculos de computador estão ligados, é hora de começar a projetar. Vou mostrar-lhe opções que eu fiz com base em meus esboços, simplesmente usando imagens para criar aquele cartaz estilo galerias. Este é um, este é outro. Assim, você já pode começar a ver uma variedade de opções de layout que o uso de uma grade lhe dá. Quando eu estava começando a expor isso, eu coloquei meus pequenos esboços, suicídio aqui. Eu realmente espero que você tenha tido um tempo para fazer alguns desses esboços. É realmente uma maneira rápida de ver como suas composições estão trabalhando para obter idéias para fora. Tudo bem, então eu coloquei basicamente para fora este layout e layout. E você pode ver na verdade que eu decidi quebrar a grade um pouco aqui e fazer essa imagem sair da borda. Então quebrar a grade é totalmente bom, desde que você tenha a grade estabelecida, eu gosto do mesmo. Sabe, você tem que conhecer as regras antes de quebrá-las. Então, defina sua grade primeiro e, em seguida, comece a brincar com como você pode quebrá-la. Este layout aqui foi baseado em alimentos. E eu acho que este esboço aqui, eu decidi adicionar outra imagem aqui em cima. E eu gostei do jogo do espaço em branco. Espaços em branco, tão importantes, que o espaço ao redor dos objetos define tanto quanto o interior dos objetos. Então tenha isso em mente quando você estiver colocando as coisas para fora, eu vou começar a criar um layout inteiro. Eu acho que o que eu vou fazer, eu vou tentar a imagem grande aqui no fundo. Vamos ver como esta imagem do relógio vai funcionar aqui em baixo. Então eu vou puxar para baixo Shift Option Command, puxar para fora a esquina. Então, proporcionalmente escala dentro do meu sonho, eu sinto que isso não vai funcionar muito bem como uma imagem na parte inferior do papel. Só porque os relógios tendem a ser mais altos ou ao nível dos olhos, parece estranho para mim tê-lo aqui em baixo. Então eu vou em frente e movê-lo para o topo do meu cartaz. E já acho que isso se sente muito melhor para criar rapidamente vários quadros como este. Na verdade, é muito fácil. Então o que você vai fazer é ir para a ferramenta de moldura. Vou em frente e deixar minha grade fora no momento. É mais fácil ver seco fora do quadro como você normalmente faria, clique na seta sobre a tecla. E você pode ver que ele cria automaticamente várias caixas para você. Isso também funciona verticalmente. Se você empurrar a seta para cima, ele começa a adicionar as caixas verticalmente. Você empurra a flecha para baixo, e o leva embora. Empurre a seta à esquerda. Mais uma vez, é preciso mais. Então setas para a direita, para a esquerda, para cima e para baixo. Use isso quando estiver dirigindo sua ferramenta de treinamento. E cria automaticamente vários quadros para você, o que é uma grande economia de tempo. Vamos em frente e ver como serão as imagens aqui. Aquele um pouco maior que aquele, um pouco mais estreito. imagem das minhas mãos aqui. Suponha que ele está se encaixando bem dentro do quadro e como essa história de cores também, aproximadamente do mesmo tamanho. Na verdade acho que a dinâmica é muito legal como eles são ambos lee, necessários um para o outro assim. Você pode realmente ver quantas opções do Atlas estão disponíveis para você usando uma grade. Já temos três layouts que são completamente diferentes. Vamos falar super rápido sobre como criar um cartaz de estilo gráfico em vez de um que usa apenas fotografia. Aqui está a minha grelha. Vou em frente e fazer retângulo. Um pequeno truque que eu te disse sobre onde você arrasta sua caixa delimitadora. Empurre a flecha, certo? Vou empurrar por aqui. Vou deixá-los. Ótima. Então é fácil de ver. E eu sou simplesmente caixas por favor na minha estrutura de grade. E essa é uma maneira muito rápida de pesquisar poster gráfico criado. Novamente, você tem as opções de Emma de como isso pode acontecer. Mas desde que você faz da estrutura de grade e você tem esse ponto de partida, então você não está colocando sem rumo seus objetos. Então, eu espero que você tenha gostado desta demonstração na criação todos esses maravilhosos layouts diferentes usando fotografia ou formas gráficas simples. 7. Finalização: Chegamos ao fim do nosso tempo juntos nesta aula sobre como usar grades, projetando uma detenção. Eu realmente espero que você tenha aprendido muito sobre o uso de grades e talvez uma maneira que você não tinha pensado antes de usá-las em ambos os formatos horizontal e vertical. Eu realmente espero que você se lembre de algumas das coisas que eu falei sobre por que as grades são tão importantes no seu trabalho, que elas dão credibilidade ao seu trabalho. Eles dão a você uma organização de trabalho, e eles induzem competência em seu trabalho de design. Eu acho que você vai descobrir que se você usar grades em contrato, você vai começar a ver seus projetos elevar e tornar-se mais sofisticado. Também espero que tenhas adorado o cartaz que criaste para esta aula. E espero que se junte a mim novamente em outra das minhas aulas. Muito obrigada. Tchau. 8. Erros de gravação: Então, vamos começar. Então você se mudou para o próximo, certo? O vidro.