{"id":341,"date":"2015-04-07T15:58:02","date_gmt":"2015-04-07T18:58:02","guid":{"rendered":"http:\/\/ricardoartur.com.br\/padronagem\/?p=341"},"modified":"2018-04-02T12:03:48","modified_gmt":"2018-04-02T15:03:48","slug":"lula-rocha-o-que-e-rapport","status":"publish","type":"post","link":"https:\/\/ricardoartur.com.br\/padronagem\/?p=341","title":{"rendered":"Lula Rocha: O que \u00e9 Rapport?"},"content":{"rendered":"

Reproduzo abaixo o excelente texto do meu colega, professor Lula Rocha, sobre Rapport.<\/p>\n

Lula d\u00e1 aulas de diversas disciplinas\u00a0e j\u00e1 foi mencionado neste blog ao falarmos de seus tutoriais no site Metapix (ver aqui<\/a> e aqui<\/a>).<\/p>\n

A pedido da professora Evelise Anicet Ruthschilling, retifico as informa\u00e7\u00f5es que constam aqui. A base das informa\u00e7\u00f5es descritas aqui encontram-se no livro de autoria dela: Design de Superf\u00edcie, Editora da UFRGS, primeira edi\u00e7\u00e3o 2008, segunda edi\u00e7\u00e3o de 2013. Portanto, considere-se a obra como refer\u00eancia para a postagem:<\/p>\n

RUTHSCHILLING, Evelise A.. Design de Superf\u00edcie: ; Porto Alegre: Editora UFRGS, 2008<\/p>\n

O que \u00e9 Rapport?<\/h1>\n

Na \u00e1rea do Design de Superf\u00edcie e Estamparia, o termo Rapport \u00e9 traduzido, tanto em ingl\u00eas como em portugu\u00eas, como\u00a0Repeat<\/em>\u00a0ou Repeti\u00e7\u00e3o.<\/p>\n

No entanto, Rapport n\u00e3o \u00e9 simplesmente repeti\u00e7\u00e3o e uma boa parte das explica\u00e7\u00f5es tradicionais n\u00e3o esclarece bem o conceito e acaba gerando confus\u00e3o.<\/p>\n

Ent\u00e3o, neste artigo eu vou apresentar a minha defini\u00e7\u00e3o de Rapport e mostrar alguns exemplos que, eu espero, ajudem voc\u00ea a visualizar, entender e poder aplicar nas suas cria\u00e7\u00f5es:<\/p>\n

\n

Rapport \u00e9 um tipo especial de repeti\u00e7\u00e3o,
\nde um m\u00f3dulo com\u00a0encaixes perfeitos<\/strong>,
\nprojetado para alcan\u00e7ar um resultado espec\u00edfico.<\/p>\n<\/blockquote>\n

\"0-rapport11\"<\/a>O segredo do Rapport est\u00e1 no\u00a0<\/span>encaixe<\/strong>\u00a0entre os m\u00f3dulos<\/span><\/p>\n

O m\u00f3dulo \u00e9 a menor parte do padr\u00e3o que cont\u00e9m todos os seus componentes visuais; motivos, linhas, cores, texturas, espa\u00e7os, etc. E o padr\u00e3o \u00e9 o resultado da repeti\u00e7\u00e3o ordenada deste m\u00f3dulo.<\/p>\n

Mas no padr\u00e3o com Rapport, o m\u00f3dulo tem mais um componente decisivo que fica sempre meio escondido: o encaixe.<\/p>\n

Este m\u00f3dulo especial, que eu particularmente gosto de chamar de \u201cM\u00f3dulo com Rapport\u201d, tem que ser projetado de maneira que o complemento de um lado seja repetido no lado oposto, para que, quando posicionados lado a lado, os m\u00f3dulos se encaixem formando motivos inteiros.<\/p>\n

\"0-rapport1-lados\"<\/a><\/p>\n

No exemplo acima os lados se completam formando motivos inteiros, mas voltando a defini\u00e7\u00e3o, existem outras situa\u00e7\u00f5es ou varia\u00e7\u00f5es onde estes \u201cresultados espec\u00edficos\u201d tamb\u00e9m s\u00f3 s\u00e3o alcan\u00e7ados se o m\u00f3dulo for projetado com \u201cencaixes perfeitos\u201d. Vamos ver mais exemplos:<\/p>\n

Continuidade<\/h2>\n

No padr\u00e3o continuo os m\u00f3dulos se entrela\u00e7am, as emendas desaparecem, o desenho original fica escondido e n\u00e3o se pode identificar um come\u00e7o ou fim. Este tipo de padr\u00e3o tamb\u00e9m \u00e9 conhecido como \u201cPadr\u00e3o sem emendas\u201d, em ingl\u00eas\u00a0Seamless Tile<\/em>.<\/p>\n

\"2-continuidade-31\"<\/a><\/p>\n

Allover<\/h2>\n

No padr\u00e3o\u00a0Allover<\/em>\u00a0os motivos s\u00e3o espalhados, rotacionados e refletidos de maneira que n\u00e3o podemos dizer se o padr\u00e3o est\u00e1 de cabe\u00e7a para cima ou para baixo.<\/h3>\n

\"1-allover2\"<\/a><\/p>\n

Fechamento (Figura e Fundo)<\/h2>\n

Popularizado pelo famoso artista holand\u00eas M.C. Escher, o padr\u00e3o com fechamento, tamb\u00e9m conhecido como clausura ou efeito de Figura e Fundo (nas leis da Gestalt), acontece quando os m\u00f3dulos se encaixam de tal maneira que o desenho inicial d\u00e1 origem a novos desenhos.<\/p>\n

\"3-figura-fundo-parte1\"<\/a>
\n\"3-figura-fundo-parte2\"<\/a><\/p>\n

Repare no exemplo acima que foi utilizado um\u00a0Sistema de Repeti\u00e7\u00e3o n\u00e3o alinhado<\/em>\u00a0com deslocamento horizontal e tamb\u00e9m que o desenho inicial foi posicionado em sentidos opostos dentro da\u00a0c\u00e9lula<\/em>. Mais detalhes a seguir:<\/p>\n

Sistema de Repeti\u00e7\u00e3o n\u00e3o alinhado<\/h2>\n

O Sistema de Repeti\u00e7\u00e3o define a regra que deve ser seguida para a cria\u00e7\u00e3o do padr\u00e3o. Ele consiste basicamente num\u00a0Grid<\/em>\u00a0formado por c\u00e9lulas dentro das quais os m\u00f3dulos s\u00e3o posicionados.<\/p>\n

No Sistema de Repeti\u00e7\u00e3o n\u00e3o alinhado as c\u00e9lulas s\u00e3o deslocadas na horizontal ou na vertical e por isso o m\u00f3dulo tem que ser projetado de tal maneira que, quando repetido lado a lado, resulte na no\u00e7\u00e3o de deslocamento desejada.<\/p>\n

\"5-tijolo-diagrama\"<\/a><\/p>\n

Exemplo de Sistema de Repeti\u00e7\u00e3o com deslocamento horizontal, tamb\u00e9m conhecido como \u201cTijolo\u201d<\/p>\n

\"5-tijolo-parte1\"<\/a>
\n\"5-tijolo-parte2\"<\/a><\/p>\n

C\u00e9lula x M\u00f3dulo<\/h4>\n

Como voc\u00ea deve ter reparado no exemplo acima, existe uma diferen\u00e7a entre a c\u00e9lula e o m\u00f3dulo.<\/p>\n

Isto significa que o m\u00f3dulo pode ser posicionado dentro da c\u00e9lula de diferentes maneiras, por exemplo rotacionado ou refletido (como os peixes no padr\u00e3o com fechamento).<\/p>\n

Superposi\u00e7\u00e3o<\/h2>\n

E tamb\u00e9m \u00e9 importante notar que o m\u00f3dulo n\u00e3o precisa ter, necessariamente, o mesmo tamanho da c\u00e9lula.<\/p>\n

No caso de um m\u00f3dulo menor do que a c\u00e9lula temos espa\u00e7os entre os m\u00f3dulos e no caso de um m\u00f3dulo maior do que a c\u00e9lula temos uma superposi\u00e7\u00e3o de m\u00f3dulos.<\/p>\n

\"V\u00eddeo<\/a>C\u00e9lula x M\u00f3dulo e Superposi\u00e7\u00e3o<\/p>\n

Veja como o recurso de padr\u00e3o do Illustrator faz a mesma distin\u00e7\u00e3o entre c\u00e9lula e m\u00f3dulo permitindo superposi\u00e7\u00e3o.
\n(V\u00eddeo do Curso de Illustrator para Design de Superf\u00edcie e Estamparia \u2013 Site Metapix)<\/a><\/p>\n

T\u00e9cnica para encontrar o M\u00f3dulo com Rapport<\/h2>\n

Gostou de um padr\u00e3o mas n\u00e3o est\u00e1 conseguindo visualizar o m\u00f3dulo?<\/p>\n

Experimente: escolha um ponto de partida bem definido (\u00a0P<\/strong><\/em>\u00a0), siga para a direita e para baixo at\u00e9 encontrar o mesmo ponto, criando um quadrado ou ret\u00e2ngulo imagin\u00e1rio.
\nPronto! Ai est\u00e1 o M\u00f3dulo com Rapport.<\/p>\n

\"6-Encontrando-modulo\"<\/a><\/p>\n

\"6-Encontrando-o-modulo-thumb\"<\/a>Encontrando o m\u00f3dulo<\/p>\n

Veja um exemplo de como encontrar e isolar o M\u00f3dulo com Rapport no Illustrator. (V\u00eddeo do Curso de Illustrator para Design de Superf\u00edcie e Estamparia \u2013 Site Metapix)<\/a><\/p>\n

Conclus\u00e3o<\/h2>\n

Mesmo que contradizendo as explica\u00e7\u00f5es tradicionais, no fundo no fundo, eu at\u00e9 arriscaria dizer que Rapport N\u00c3O \u00e9 repeti\u00e7\u00e3o \u2026<\/p>\n

Que tal procurar no dicion\u00e1rio?<\/p>\n

Se voc\u00ea procurar no dicion\u00e1rio a defini\u00e7\u00e3o ou a tradu\u00e7\u00e3o da palavra Rapport (de origem francesa) voc\u00ea n\u00e3o vai encontrar nada falando de repeti\u00e7\u00e3o e sim sin\u00f4nimos como harmonia, liga\u00e7\u00e3o e conex\u00e3o, sempre do ponto de vista de um relacionamento.<\/p>\n

\"Defini\u00e7\u00e3o<\/p>\n

Faz todo sentido!<\/p>\n

No padr\u00e3o com Rapport este \u201crelacionamento\u201d acontece entre os lados do m\u00f3dulo, isto \u00e9, no encaixe entre os m\u00f3dulos.<\/p>\n

Logo, na pr\u00e1tica da cria\u00e7\u00e3o de padr\u00f5es, Rapport \u00e9 encaixe.<\/p>\n

Lula Rocha<\/h4>\n

Rio de Janeiro, abril 2014<\/p>\n

\n

\"Lula
\nLula Rocha<\/strong>\u00a0\u00e9 designer com mais de 20 anos de experi\u00eancia em projetos de Identidade Visual, Produ\u00e7\u00e3o Gr\u00e1fica, Tratamento de Imagem, Desenho Vetorial e Webdesign. Formado em Comunica\u00e7\u00e3o Visual e Desenho Industrial pela PUC-Rio e Mestre em Design pela Central Saint Martins College of Art & Design. Professor dos cursos de Gradua\u00e7\u00e3o em Design da PUC-Rio e P\u00f3s-gradua\u00e7\u00e3o em Design de Estamparia do SENAI\/CETIQT-RJ. Especialista Certificado Adobe e cofundador do site Metapix.<\/p>\n

Posso usar este material?<\/h3>\n

Sim. Sempre dentro dos limites da legisla\u00e7\u00e3o de direito de autor e de direitos conexos, esta licen\u00e7a permite que outros remixem, adaptem e criem a partir deste material\u00a0para fins n\u00e3o comerciais, desde que atribuam a Lula Rocha o devido cr\u00e9dito e que licenciem as novas cria\u00e7\u00f5es sob termos id\u00eanticos.<\/span><\/p>\n

\"Licen\u00e7a<\/a>\u00a92014 Lula Rocha.\u00a0Licen\u00e7a Creative Commons.<\/a>
\nAtribui\u00e7\u00e3o \u2013 N\u00e3o comercial \u2013 Compartilha igual<\/p>\n","protected":false},"excerpt":{"rendered":"

Reproduzo abaixo o excelente texto do meu colega, professor Lula Rocha, sobre Rapport. Lula d\u00e1 aulas de diversas disciplinas\u00a0e j\u00e1 foi mencionado neste blog ao falarmos de seus tutoriais no site Metapix (ver aqui e aqui). A pedido da professora … Continue lendo →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[64,39,20,10,63],"class_list":["post-341","post","type-post","status-publish","format-standard","hentry","category-conceitos","tag-lula-rocha","tag-metapix","tag-padroes","tag-padronagem","tag-rapport"],"_links":{"self":[{"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/posts\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=341"}],"version-history":[{"count":8,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/posts\/341\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=\/wp\/v2\/posts\/341\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ricardoartur.com.br\/padronagem\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}