WEBVTT Kind: captions Language: pt 00:00:02.260 --> 00:00:04.020 Layout e composição. 00:00:04.020 --> 00:00:06.920 De certa forma, são os pilares do design. 00:00:06.920 --> 00:00:12.060 Eles dão estrutura ao nosso trabalho e o tornam mais fácil de navegar, das margens laterais... 00:00:12.060 --> 00:00:16.810 ao conteúdo dentro dele. 00:00:16.810 --> 00:00:20.470 Claro, não se trata só de trabalhar com texto. 00:00:20.470 --> 00:00:25.090 A composição é importante em outros meios também, 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, o trabalho poderia basicamente... se desfazer. 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 Por sorte, isso é mais fácil do que parece. 00:00:39.769 --> 00:00:44.399 Existem cinco princípios básicos que podem ajudar a transformar nosso trabalho e apurar nosso olhar 00:00:44.399 --> 00:00:45.850 para o design. 00:00:45.850 --> 00:00:50.210 Vamos começar do topo e percorrer pelos tópicos um a um. 00:00:50.210 --> 00:00:55.789 Proximidade significa simplesmente usar o espaço visual para mostrar relações no conteúdo. 00:00:55.789 --> 00:01:00.559 Na prática, é bem simples — tudo o que devemos fazer é ter certeza de que os itens relacionados estão 00:01:00.559 --> 00:01:06.060 agrupados; por exemplo, blocos de textos ou elementos de uma imagem. 00:01:06.060 --> 00:01:10.210 Grupos que não se relacionam entre si devem estar separados, para enfatizar visualmente 00:01:10.210 --> 00:01:12.440 o fato de não estarem relacionados. 00:01:12.440 --> 00:01:16.720 Em resumo, isso torna a composição mais fácil de entender de imediato — seja ela puramente 00:01:16.720 --> 00:01:21.500 textual ou algo mais visual. 00:01:21.500 --> 00:01:24.700 O espaço branco é uma parte importante de toda composição. 00:01:24.700 --> 00:01:30.510 Agora, isso não significa literalmente "espaço em branco" — quer dizer apenas espaço negativo, como a distância 00:01:30.510 --> 00:01:36.520 no meio do conteúdo, entre as linhas, e até as margens externas. 00:01:36.520 --> 00:01:41.730 Não existe um "jeito único" de usar espaço em branco corretamente, mas é bom entender sua finalidade. 00:01:41.730 --> 00:01:46.210 O espaço em branco ajuda a definir e separar seções diferentes; ele dá ao conteúdo da composicão 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 parecer confuso ou desconfortável... um pouco de espaço em branco poderá 00:01:52.640 --> 00:01:57.330 ser exatamente o remédio que ele precisa. 00:01:57.330 --> 00:02:02.000 Alinhamento é algo com que lidamos a todo momento, mesmo sem perceber. 00:02:02.000 --> 00:02:07.890 Sempre que escrevemos um e-mail ou criamos um documento, o texto é alinhado automaticamente. 00:02:07.890 --> 00:02:13.299 Quando alinhamos objetos por nossa conta (por exemplo, imagens ou caixa de texto separadas), acertar 00:02:13.299 --> 00:02:15.409 pode ser difícil. 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 quer dizer. 00:02:22.079 --> 00:02:26.590 Pode ajudar imaginar o conteúdo organizado dentro de uma grade. 00:02:26.590 --> 00:02:30.959 Você percebe como há uma linha invisível centralizando cada imagem ao texto? 00:02:30.959 --> 00:02:36.389 Cada agrupamento também está simetricamente espaçada e alinhada, com margens do mesmo tamanho. 00:02:36.389 --> 00:02:40.879 É essa atenção aos detalhes que tornam a composição mais fácil de percorrer. 00:02:40.879 --> 00:02:48.349 Sem um alinhamento consistente, o trabalho pode começar a parecer desorganizado. 00:02:48.349 --> 00:02:52.459 Contraste significa simplesmente que um item é diferente do outro. 00:02:52.459 --> 00:02:57.239 Em layout e composição, o contraste pode ajudar muito; por exemplo, atrair 00:02:57.239 --> 00:03:02.870 o leitor, criar ênfase, chamar atenção para algo importante. 00:03:02.870 --> 00:03:07.950 Existem várias estratégias para criar contraste. 00:03:07.950 --> 00:03:14.700 Podemos usar cores... ajustar o tamanho, formato, ou grossura de um objeto... ou usar 00:03:14.700 --> 00:03:18.209 estilos de texto que contrastam. 00:03:18.209 --> 00:03:22.910 O contraste também tem a ver com a hierarquia, uma técnica visual que ajuda o leitor 00:03:22.910 --> 00:03:24.799 a percorrer a composição. 00:03:24.799 --> 00:03:29.439 Em outras palavras, ela mostra ao leitor por onde começar e por onde continuar, usando níveis diferentes 00:03:29.439 --> 00:03:32.230 de ênfase. 00:03:32.230 --> 00:03:37.209 Estabelecer hierarquia é simples: apenas escolha quais elementos você quer que o leitor leia 00:03:37.209 --> 00:03:40.609 primeiro; então, destaque-os. 00:03:40.609 --> 00:03:46.069 Itens importantes numa composição geralmente são grandes, mais destacados ou mais atrativos 00:03:46.069 --> 00:03:49.140 de alguma forma. 00:03:49.140 --> 00:03:54.109 A repetição é um lembrete de que todo projeto deve ter um visual consistente. 00:03:54.109 --> 00:03:59.790 Isso significa encontrar formas de reforçar o design repetindo certos elementos. 00:03:59.790 --> 00:04:06.260 Por exemplo, se você tem uma paleta de cores específica, tente mantê-la em todo o projeto. 00:04:06.260 --> 00:04:10.790 Se você escolheu um estilo de título especial, use-o sempre. 00:04:10.790 --> 00:04:15.529 Não se trata só de uma questão estética — ser consistente pode também facilitar a leitura 00:04:15.529 --> 00:04:17.030 do seu trabalho. 00:04:17.030 --> 00:04:26.460 Quando leitor sabe o que esperar, ele pode ficar mais tranquilo e prestar mais atenção ao conteúdo. 00:04:26.460 --> 00:04:31.650 De muitas formas, o layout e a composição são os heróis desconhecidos do design. 00:04:31.650 --> 00:04:35.900 É fácil deixar de perceber os seus papeis, mas eles são parte de tudo o que fazemos. 00:04:35.900 --> 00:04:43.570 Um toque aqui... um pouco de espaço em branco extra ali... e voila! 00:04:43.570 --> 00:04:51.900 Com um pouco de atenção aos detalhes, podemos criar belas composições e com visual profissional. 00:04:51.900 --> 00:04:55.750 Obrigado por assistir ao nosso vídeo sobre o básico de layout e composição. 00:04:55.750 --> 00:05:00.820 Confira nossos outros vídeos sobre design, incluíndo tipografia, cor e imagens.