Princípios Básicos do Design

Prévia do material em texto

2 VISUALCOMUNICAÇÃO UFPR UFPR PUBLICIDADE UNIVERSIDADE FEDERAL DO PARANÁ E PROPAGANDA Material elaborado pelos acadêmicos do curso de Publicidade e Propaganda da Universidade Federal do Paraná na disciplina de Produção Digital, semestre/2023 Licença BY NC SAINTRODUÇÃO ACESSAR COMPOSIÇÃO ACESSAR TIPOGRAFIA ACESSAR CAPÍTULOS CORES ACESSAR FOTOGRAFIA ACESSAR APLICAÇÕES ACESSAR COMUNICAÇÃO UFPR TENDÊNCIAS ACESSAR2 COMPOSIÇÃO CAPÍTULO 02Agora que você já sabe a importância da comunicação Assim, para produzirmos peças visuais que realmente fun- visual, podemos seguir para uma parte fundamental na cionem, vamos aprender quatro regras básicas muito utili- realização de projetos: princípios básicos do zadas por quem trabalha com comunicação visual. Elas design. serão uma mão na roda para quando chegar a sua vez de criar peças. PARA COMEÇARMOS, UMA PERGUNTA: VOCÊ JÁ OUVIU ALGUÉM DIZER QUE UMA PEÇA VISUAL NÃO FUNCIONA? Essa ideia surge quando temos algum tipo de estranha- mento com a produção que nos foi apresentada, mesmo que não consigamos apontar com precisão que nos causa esse desconforto. Geralmente, a relação avessa à produção visual acontece porque, durante a criação do layout, princípios fundamentais da linguagem visual foram fragilizados. Um texto fora do lugar, uma imagem torta ou até a po- sição que você escolheu para colocar os itens em seu projeto podem causar essa estranheza que, na maioria das vezes, é indesejada.S e h a S N I Os quatro princípios básicos do design são: G // CONTRASTE // PROXIMIDADE Os princípios básicos do design // ALINHAMENTO são ferramentas importantes para qualquer produção visual, já que funcionam como um guia para sua // REPETIÇÃO criação. Além disso, eles garantirão que a mensagem transmitida pelo traba- lho visual seja exatamente aquela que você deseja transmitir.0 contraste é responsável por criar pontos de atenção dentro da sua peça visual, atraindo o olhar do público diretamente para uma infor- mação relevante do layout. Funciona como um holofote: chamará atenção onde for posicionado. Esse princípio básico também busca facilitar a leitura rápida, apontando aquilo que as pessoas devem tratar com mais ou menos importância. A aplicação do contraste pode ser feita de diversas maneiras, como através do uso de caixas de textos com diferentes tamanhos, fontes com várias espessuras, cores opostas ou elementos gráficos que evi- denciem determinada ideia - como setas. 0 importante mesmo é perceber qual informação dentro do seu layout precisa ser memorável e a partir daí, trabalhar para que ela se diferencie das demais.PROXIMIDADE Na vida, coisas que tem alguma coisa relacionada entre si tendem a andar juntas. Todas as colheres são guardadas juntas, na mesma gaveta. Os pratos também ficam juntos no mesmo armário. Na comunicação visual não é diferente. Se os elementos forem colocados sem ordem nenhuma, viram um emaranhado de coisas, deixando o observador perdido visualmente. Conjuntos de elementos que têm alguma relação são colocados juntos, para facilitarem a leitura e a hierarquia visual daquela peça. Esse princípio é chamado de Proximidade. 0 agrupamento de elementos faz com que o leitor enxergue a imagem em poucas unidades, invés de várias unidades pequenas e desconexas. A proximidade é sobre a organização dos elementos.ALINHAMENTO 0 alinhamento pode ser definido como uma linha invisível, que conecta visu- almente os elementos que estão ligados a ela. Coisas alinhadas passam uma sensação de harmonia, deixando seu material mais atrativo. Há quatro tipos de alinhamento: à direita, à esquerda, centralizado e justificado. Cada tipo de alinhamento passa uma mensagem diferente. Enquanto os alinha- mentos centralizados e justificados são mais formais, os à esquerda e di- reita são mais descontraídos e irreverentes. Você pode encontrar alinhamentos centralizados em materiais como convites de casamento e textos acadêmicos. Já os alinhamentos aos lados estão muito presentes em posts de instagram, outdoors e aplicativos de celular.// REPETIÇÃO nu A palavra-chave da repetição é consistência. A repetição de elementos, sejam as cores, fonte, tamanho, ilustração, alinhamento, é que faz com que leitor entenda que tudo faz parte do mesmo material. A identidade visual de uma marca, por exemplo, nada mais é do que uma gigantesca série de repetições. LUISA FUENTES A repetição constante do roxo do Nubank faz com que já seja fácil identifi- car a marca só pela cor. 0 mesmo acontece com os arcos dourados do McDo- nald's e com a fonte cursiva da Coca-Cola. "Porém, a repetição vai além da simples consistência: é um esforço cons- ciente para unificar todos os elementos do design." - Robin WilliamsESSE É PROPÓSITO HIERARQUIA DA HIERARQUIA VISUAL. VISUAL A hierarquia visual corresponde à maneira pela qual priorizamos e destacamos determinados itens dentro das nossas produções visuais, fazendo com que os nossos lei- quatro princípios do design vão te ajudar muito na tores direcionem seus olhares para aquilo que desejamos hora de montar uma boa peça visual, garantindo destaque que eles vejam primeiro. ao material e transmissão da mensagem desejada, mas eles não são únicos. Para distribuir a hierarquia visual podemos utilizar diversos artifícios, como a tipografia e as cores as Imagine que você está desenvolvendo uma peça para quais serão temas dos próximos módulos. anunciar um desconto em determinado produto. Primeiro, você pode adicionar o nome do item, seguido de uma foto correspondente, uma breve descrição e preço pelo qual "a HIERARQUIA VISUAL É A ORGANIZA- está à venda. ÇÃO E PRIORIZAÇÃO DO CONTEÚDO COM INTUITO DE COMUNICAR A MENSAGEM AO PÚBLICO." Certamente, nesse caso, seu objetivo é chamar a atenção do público para nome do produto e seu preço, mas... como VASCONCELOS, 2015 fazer isso?REFERÊNCIAS CONSUMIDOR MODERNO GRUPO PADRÃO; BRANDÃO, M. Da NRF para a prática: IA na comunicação visual do CORCINI, K. 8 Tendências de Design 2022 ARCINI. Disponível em: . Acesso em: 2 maio. 2023. -visual-varejo-nrf/>. Acesso em: 2 maio. 2023. Maximalismo: ousadia e personalidade. Disponível em: . Acesso em: 2 maio. 2023. Minimalismo Maximalismo. Disponível em: . Acesso em: 2 maio. 2023. Dalben Supermercados usa inteligência artificial em projeto de comunicação visual em parceria com a AMBEV. Disponível em: chttps://www.supervarejo.com.br/varejo/dalben-supermercados-u- VK.com VK. Disponível em: . Acesso em: 2 maio. 2023. sa-inteligencia-artificial-em-projeto-de-comunicacao-visual-em-parceria-com-a-ambev/>. Aceso em: 2 maio. 2023. NASCIMENTO, V. Brutalismo digital: um manifesto. Disponível em: Acesso em: 2 maio. 2023. Inteligência artificial na publicidade: como aplicar na sua agência. Disponível em: . Acesso em: 2 maio. 2023. 0 estilo brutalista: conceito e exemplos deste design moderno e "disruptivo". Disponível em: . Acesso em: 2 maio. 2023. em: 2 maio. 2023 Antidesign. Disponível em: . Estampas Psicodélicas: retorno da tendência dos anos 60/70 We Fashion Trends. Disponível em: GLOVER, ELLEN. Web Designers Are Embracing Anti-Design Built In. Disponível em: . Acesso em: 2 maio. 2023. MARTINIQUE, E. Anti-Design Movement Aestheticism of the Modern Era Widewalls. Disponível em: VASCONCELLOS, V. 3 fatos para você repensar se flat design é a melhor linguagem a ser usada. Dispo- nível em: . Acesso em: 2 maio. 2023. JURY, David. 0 que é a tipografia? Editora Gustavo Gili, 2007. 0 que é Flat Design (e como aplicá-lo em seu site) Academia UOL Meu negócio. Disponível em: EMPRESA AUTOGGERENCIÁVEL Comunicação visual na empresa. Empresa Autogerenciável, [s.d.]. MARÍLIA. Maximalismo: o que é e por que conhecer? Disponível em: . Acesso em: 2 maio. 2023. FREESHOP. 0 que é comunicação visual e qual sua importância? Freeshop, 2018.SP LETRAS. 8 tendências sobre comunicação visual que você não pode ficar sem saber. SP Letras, [s.d.]. LED 10. Comunicação visual. LED 10, [s.d.]. FELIX, Grasieli. Uso de IA na comunicação visual. LinkedIn, [s.d.]. WE DO LOGOS. Comunicação visual e design. We Do Logos, [s.d.]. BARROS, Danilo. Os quatro básicos do design. Medium, 16 jan. 2019. Disponível em: https://medium.com/@danbarrosdesign/quatro-principios-do-design-333de5f1563. Acesso em: 5 abr. 2023. VASCONCELOS Priscila. A importância da Hierarquia Visual. Design Culture, [S. 2 abr. 2015. Disponível em: Acesso em: 5 abr. 2023. WILLIAMS, Robin. Design Para Quem Não É Designer: noções básicas de planejamento visual. São Paulo: COMUNICAÇÃO UFPR Callis, 2005. UFPR PUBLICIDADE AZEVÊDO, Wilton César de. Design gráfico e fotografia: fundamentos do design e imagem fotográfica. UNIVERSIDADE FEDERAL DO PARANÁ E PROPAGANDA Caruaru: 0 Autor, 2016. COSTA, L., & CARDOSO, S. LINGUAGEM VISUAL: PRINCÍPIOS E DESCOBERTAS/FUNDAMENTOS DA FOTOGRAFIA MAIS. Introdução à Fotografia: Guia Completo para Iniciantes na Arte da Fotografia, 2019. Disponível em https://fotografiamais.com.br/introducao-a-fotografia. Acesso dia: 19 abr. 2023. LINGUAGEM VISUAL. Seminário De Projetos De Ensino (ISSN: 2674-8134), 6(1). SERVIO, Pablo. Fundamentos da fotografia: composição, 2020. Disponível em em 19