WEBVTT Kind: captions Language: pt-BR 00:00:02.260 --> 00:00:04.020 Layout e composição. 00:00:04.020 --> 00:00:06.920 De certa forma, eles são a base do design. 00:00:06.920 --> 00:00:12.060 Eles dão sua estrutura de trabalho e torná-lo mais fácil de navegar, a partir das margens do 00:00:12.060 --> 00:00:16.810 lados ... para o conteúdo no meio. 00:00:16.810 --> 00:00:20.470 Claro, não se trata apenas de trabalhar com texto. 00:00:20.470 --> 00:00:25.090 A composição também é importante em outras mídias como design gráfico, web design e muito 00:00:25.090 --> 00:00:26.410 Mais. 00:00:26.410 --> 00:00:32.140 Sem um layout bem composto, seu trabalho iria basicamente ... desmoronar. 00:00:32.140 --> 00:00:36.480 A chave para dominar o layout e a composição é pensar como um designer. 00:00:36.480 --> 00:00:39.769 Felizmente, é mais fácil do que parece. 00:00:39.769 --> 00:00:44.399 Existem cinco princípios básicos que podem ajudar você transforma seu trabalho e aguça seus olhos 00:00:44.399 --> 00:00:45.850 para o design. 00:00:45.850 --> 00:00:50.210 Vamos começar no topo e seguir nosso caminho. 00:00:50.210 --> 00:00:55.789 Proximidade é toda sobre o uso de espaço visual para mostrar relacionamentos em seu conteúdo. 00:00:55.789 --> 00:01:00.559 Na prática, é bem simples - tudo que você tem que fazer é certificar-se de itens relacionados são 00:01:00.559 --> 00:01:06.060 agrupados juntos; por exemplo, blocos de texto ou elementos em um gráfico. 00:01:06.060 --> 00:01:10.210 Grupos que não estão relacionados entre si deve ser separado, para enfatizar visualmente 00:01:10.210 --> 00:01:12.440 sua falta de um relacionamento. 00:01:12.440 --> 00:01:16.720 Tudo somado, isso facilita o seu trabalho entender de relance - seja puramente 00:01:16.720 --> 00:01:21.500 texto ou algo mais visual. 00:01:21.500 --> 00:01:24.700 O espaço em branco é uma parte importante de cada composição. 00:01:24.700 --> 00:01:30.510 Agora, isso não significa literalmente "espaço em branco" - significa apenas espaço negativo, como os espaços 00:01:30.510 --> 00:01:36.520 entre o seu conteúdo, entre linhas e até mesmo as margens externas. 00:01:36.520 --> 00:01:41.730 Não há "um jeito" de usar o espaço em branco corretamente, mas é bom entender seu propósito. 00:01:41.730 --> 00:01:46.210 O espaço em branco ajuda você a definir e separar seções diferentes; dá seu conteúdo 00:01:46.210 --> 00:01:48.270 espaço para respirar. 00:01:48.270 --> 00:01:52.640 Se o seu trabalho começar a ficar desordenado ou desconfortável ... um pequeno espaço branco pode 00:01:52.640 --> 00:01:57.330 ser apenas o que o médico receitou. 00:01:57.330 --> 00:02:02.000 Alinhamento é algo que você lida com todo o tempo, mesmo que você não perceba. 00:02:02.000 --> 00:02:07.890 Sempre que você digitar um e-mail ou criar um documento, o texto é alinhado automaticamente. 00:02:07.890 --> 00:02:13.299 Ao alinhar objetos por você mesmo (por exemplo, imagens ou caixas de texto separadas), obtendo 00:02:13.299 --> 00:02:15.409 certo pode ser complicado. 00:02:15.409 --> 00:02:18.620 O mais importante é ser consistente. 00:02:18.620 --> 00:02:22.079 Vamos dar uma olhada no que isso significa. 00:02:22.079 --> 00:02:26.590 Pode ajudar imaginar o seu conteúdo organizado dentro de uma grade. 00:02:26.590 --> 00:02:30.959 Observe como há uma centralização de linha invisível cada imagem para o texto? 00:02:30.959 --> 00:02:36.389 Cada agrupamento também é uniformemente espaçado e alinhado com margens de tamanho igual. 00:02:36.389 --> 00:02:40.879 É essa atenção aos detalhes que faz com que o composição mais fácil de navegar. 00:02:40.879 --> 00:02:48.349 Sem alinhamento consistente, seu trabalho poderia comece a se sentir desorganizado. 00:02:48.349 --> 00:02:52.459 Contraste significa simplesmente que um item é diferente de outro. 00:02:52.459 --> 00:02:57.239 No layout e composição, o contraste pode ajudar você faz muitas coisas; por exemplo, pegar o 00:02:57.239 --> 00:03:02.870 olho do leitor, criar ênfase ou chamar a atenção para algo importante. 00:03:02.870 --> 00:03:07.950 Existem muitas estratégias ou criando contraste. 00:03:07.950 --> 00:03:14.700 Você pode usar cores ... ajustar o tamanho, forma, ou o peso visual de um objeto ... ou use contraste 00:03:14.700 --> 00:03:18.209 estilos de texto. 00:03:18.209 --> 00:03:22.910 O contraste também está intimamente ligado à hierarquia, uma técnica visual que pode ajudar o espectador 00:03:22.910 --> 00:03:24.799 navegar você trabalha. 00:03:24.799 --> 00:03:29.439 Em outras palavras, mostra onde começar e para onde ir em seguida, usando diferentes níveis 00:03:29.439 --> 00:03:32.230 de ênfase. 00:03:32.230 --> 00:03:37.209 Estabelecer hierarquia é simples: basta decidir quais elementos você quer que o leitor perceba 00:03:37.209 --> 00:03:40.609 primeiro, então faça com que eles se destaquem. 00:03:40.609 --> 00:03:46.069 Itens de alto nível ou importantes são geralmente maior, mais ousada, ou mais atraente em alguns 00:03:46.069 --> 00:03:49.140 caminho. 00:03:49.140 --> 00:03:54.109 Repetição é um lembrete de que todo projeto deve ter uma aparência consistente. 00:03:54.109 --> 00:03:59.790 Isso significa encontrar maneiras de reforçar sua design repetindo ou ecoando certos elementos. 00:03:59.790 --> 00:04:06.260 Por exemplo, se você tiver uma cor específica paleta, procure maneiras de realizá-lo. 00:04:06.260 --> 00:04:10.790 Se você escolheu um estilo de cabeçalho especial, use toda vez. 00:04:10.790 --> 00:04:15.529 Não é apenas por razões estéticas - sendo consistente também pode facilitar o seu trabalho 00:04:15.529 --> 00:04:17.030 ler. 00:04:17.030 --> 00:04:26.460 Quando o espectador sabe o que esperar, ele pode relaxar e focar no conteúdo. 00:04:26.460 --> 00:04:31.650 De muitas maneiras, layout e composição são os heróis desconhecidos do design. 00:04:31.650 --> 00:04:35.900 É fácil ignorar seu papel, mas eles são parte de tudo que você faz. 00:04:35.900 --> 00:04:43.570 Uma cutucada aqui ... algum espaço branco extra lá ... e voila! 00:04:43.570 --> 00:04:51.900 Com um pouco de atenção aos detalhes, você pode criar belas composições de aparência profissional. 00:04:51.900 --> 00:04:55.750 Obrigado por se juntar a nós para o básico do layout e composição. 00:04:55.750 --> 00:05:00.820 Confira o restante dos nossos tópicos de design, incluindo tipografia, cor e imagens.