Home TutoriaisDiagramação Diagramação com cores escuras: o que fazer e o que não fazer!

Diagramação com cores escuras: o que fazer e o que não fazer!

por Marina Araújo

Essa semana, refletindo um pouco sobre o post anterior do projeto que eu fiz período passado, eu comecei a pensar um pouco sobre a paleta de cores que eu utilizei para a diagramação das pranchas. Pesquisando na internet eu percebi que poucas pessoas se arriscam a trabalhar com cores escuras, principalmente o preto. Talvez isso se dê ao fato que ao trabalhar com cores escuras, você assume a responsabilidade de saber equilibrar cores claras na mesma medida em que trabalha com o escuro.

Sendo assim, hoje eu vou compartilhar com vocês algumas pranchas que se utilizaram de cores escuras sem medo e da melhor forma possível. Olha só:

1. MARIOerMURO – MARCO TANZILLI (CG) – MATTEO MICELI – LUCA GAETANO MALVASI – FRANCESCA VISCEGLIA

straightforward-board-with-a-more-complex-design-1425756906g8n4k

 

Nossa, o que dizer dessa prancha? Mandaram bem em praticamente tudo! A cor do texto é branca, que contrasta com o fundo preto. As perspectivas possuem bastante contraste, o que faz com que elas se destaquem ainda mais sobre o preto. A divisão de áreas informativas e perspectivas é evidenciada pela divisória em branco, os desenhos pequenos (em cima da planta) são todos contornados por branco, fazendo com que seja possível enxergar as linhas destes desenhos. A mesma coisa acontece com a planta. Em vez de utilizar linhas pretas eles se utilizam de linhas brancas, inclusive na representação do corte.

Outro aspecto interessante: Os títulos de cada área seguem o alinhamento das linhas divisórias. Inclusive o corte segue esse alinhamento. E por fim: As perspectivas têm tudo o que precisam ter: Cores vivas, um bom cenário e figuras humanas!

Então, lembre-se: Utilize contraste ao trabalhar com o preto. Destaque a sua imagem principal, utilize cores vivas. Possui texto? Trabalhe com cores claras, principalmente o branco. Não utilize linhas pretas na planta se o fundo da prancha é preto. Em vez disso, inverta a cores (no photoshop você faz isso facilmente) e trabalhe com traços brancos.

2. Camelot Research & Visitors Center – Sky-L-center

fafdcbbdefbbe-14289442258gn4k

O que me chamou atenção nessa prancha foi o uso de transparência. Ao olhar para essa prancha, você de cara divide ela em duas partes: a primeira é a área informativa, que se utiliza do céu como plano de fundo: s informações são dadas através de imagens com a aplicação da cor branca. Mas para que isso funcionasse foi preciso ter um fundo de céu escuro na área informativa, principalmente no topo, onde se tem o texto. Então provavelmente foi aplicado um degradê do topo para baixo, para justamente trazer esse efeito. A segunda área se destina ao projeto. A aplicação de luz no interior do edifício e a utilização do solo em cor escura evidenciou MUITO o projeto. Mandaram bem com essa composição!

Então, lembre-se: Vai colocar texto em cima do céu? Ou trabalhe com um céu claro e texto com cor escura ou com um céu escuro e texto claro. Nunca coloque um céu azul com um texto azul (mesmo que escuro) por cima. Isso dificulta muito a leitura. Vai colocar um corte em cima do céu? Então tire a parte do solo, deixe que o céu seja o fundo do corte, porque se você colocar o solo do corte, provavelmente terá algo chamando mais atenção do que o céu e isso não será legal. Tente ao máximo integrar as imagens ao fundo, para que não pareça que você juntou várias e imagens e simplesmente jogou em cima do céu. E se você tiver elementos retangulares, que você não tem como tirar (como nas plantas apresentadas do lado direito dessa prancha), aplique uma transparência ou um degradê (veja que em uma imagem existe um degradê do branco para o fundo do céu e na outra imagem existe uma transparência). E não esqueça: Evidencie o seu projeto! Aplique cores, luz e figuras humanas. Deixe-o em destaque colocando ele em contraste com os demais elementos, seja ele o solo, o céu ou a própria diagramação da prancha.

3. The Business Morphometric machine – Rasha Al Shami

the-business-morphometric-machine-rasha-al-shami-archocom-1426506989gn8k4

Bem, esse é um típico exemplo de uma prancha que se utiliza de uma diagramação básica para expor um enorme conteúdo. Primeiro ponto: é evidente que se tinha muito conteúdo para pouco espaço. Mas mesmo assim, essa prancha não fugiu do que sempre vemos em boas diagramações: O uso de uma imagem principal para ilustrar o projeto. Existem outras imagens importantes? Sim. Mas é preciso criar uma hierarquia do que é mais importante. Sendo assim, eles evidenciaram a imagem principal e dividiram o espaço do fundo em duas partes para o máximo aproveitamento do espaço. No primeiro fundo eles utilizaram preto e branco no entorno e no segundo fundo utilizaram um azul bem clarinho, para que fosse possível ler o desenho pequeno da planta. Em cima de tudo isso, aplicaram cores no edifício, o que fez com que ele se destacasse sobre os dois fundos! Ótima saída! Para a base da prancha, eles utilizaram os cores com fundo escuro e mais uma vez: aplicaram linhas brancas. Ao lado colocaram perspectivas com figuras humanas de cor clara, para que, dado o tamanho pequeno da imagem, fosse possível ter uma leitura clara do cenário.

Então, lembre-se: Utilize uma imagem principal do seu projeto, sempre evidenciando o projeto do entorno. Vai usar dois fundos? Então procure utilizar cores claras, para que não corra nenhum risco de o fundo chamar mais atenção que o projeto em si. Eu particularmente gosto de trabalhar com a base em escuro, então se eu tivesse que escolher um lugar para colocar os cortes com fundo escuro, escolheria exatamente como esta prancha. Se você vai trabalhar com perspectivas muito pequenas, uma boa solução é aplicar as figuras humanas de uma única cor e com um pouco de transparência. Isso diminui a quantidade de informação sem deixar de fora o que é essencial em uma perspectiva: as figuras humanas.

4. Edifício Exus – Marina Araújo

1 - Cópia

Prancha 1 – Edifício Exus

2 - Cópia

Prancha 2 – Edifício Exus

3 - Cópia

Prancha 3 – Edifício Exus

E por último e não menos importante, eu queria falar um pouco sobre a diagramação que eu fiz na minha primeira entrega do projeto que eu realizei período passado. Como vocês podem perceber, eu utilizei preto em boa parte das minhas pranchas. Eu resolvi trabalhar com o preto e com o laranja, duas cores fortes. Para trabalhar com o texto em cima do preto, eu utilizei o branco e o laranja. No topo de cada prancha eu destaquei uma perspectiva do projeto, e nas perspectivas menores eu trabalhei com figuras humanas em preto com transparência (prancha 1). Na segunda prancha eu utilizei o próprio preto como plano de fundo, tanto do céu como do solo para os cortes. Um problema que eu quebrei a cabeça para solucionar foi no texto que descrevia o meu projeto paisagístico. Se você olhar bem, eu utilizei cores na planta, que se relacionavam ao texto. Como eu não queria colocar várias cores no fundo do texto, o que quebraria completamente a minha paleta de cores, eu resolvi aplicar um degradê em preto e branco e colocar as cores somente nos títulos. Assim eu continuei trabalhando com o preto e ao mesmo tempo consegui relacionar o texto com as cores e as cores com a planta. 😀

Então, lembre-se: Tem uma tabela colorida, texto colorido, planta colorida? Aplique cores claras ou se utilize de outros meios para conectar as cores. Procure sempre destacar o seu projeto através de uma imagem maior. Saiba vender o seu projeto, isso é fundamental para a vida de um arquiteto. Criou uma diagramação muito louca, com linhas horizontais, verticais, diagonais? Então se prepare para encarar as consequências disso. Eu tive que criar um jeito de fazer com que o meu conteúdo se adequasse à minha diagramação. Está vendo aquela pirâmide na terceira prancha? Aquilo era uma tabela, que eu tive que transformar em uma pirâmide porque aquele canto era o único lugar que eu tinha para colocar ela e eu queria preencher ao máximo o espaço que eu tinha ao meu dispor. E para finalizar, lembre-se: se você está trabalhando com o fundo preto, inverta a cores e trabalhe com linhas brancas! Senão ninguém vai conseguir ler o seu projeto!

Outros projetos interessantes:

5. Územni Plan Melnik – Ideovy Návrh

landscape-architecture-14257595724kng8

6. Section diagram – WFSmith Architecture

highlight-inspiration-in-presentation-14257571518gn4k

7. Bhava – Rasha Al Shami

bhva-rasha-al-shami-archocom-1426617818kgn84

 

E só uma coisa que eu quero comentar com vocês: muitas pessoas tem entrado em contato comigo perguntando se eu faço diagramação de prancha, perspectivas, etc. Estudantes de Arquitetura que estão desesperados por alguém que os ajude a enfrentar o problema da questão de representação gráfica nas faculdades. Gente, eu criei esse site para ajudar vocês. Não para fazer por vocês. Tudo o que eu escrevo e compartilho aqui é para mostrar que vocês são capazes de fazer o que eu faço e até melhor, porque como vocês eu ainda estou aprendendo! Mas o pouco que eu sei eu tento passar através desses posts. Então não tenham medo de arriscar, não existe ninguém melhor do que o arquiteto que projetou para representar o projeto. E a representação é um reflexo de vocês como arquitetos. Então tentem por em prática o que eu ensino aqui no site, para que vocês tenham a liberdade de criar o que quiserem, ok?!

Obrigada mais uma vez pelo apoio e continuem acompanhando o site, eu pretendo dar mais dicas e tutoriais pela frente!

E lembrando que se você gostou dessas dicas, é só clicar no botão de curtir aqui embaixo!

Valeu e até a próxima!

Abs,

Marina 🙂

 

 

24.7K+Shares

Fique por dentro dos novos posts!

Prometo não fazer spam (nem tempo eu tenho para fazer isso).

Já deu uma olhada nesses posts?

14 comentários

Anderson Araújo 5 de maio de 2015 - 22:21

Parabéns, Marina! Bons textos, bons tutoriais e ÓTIMA ajuda!!!
Abs’

Reply
Marina Araújo 5 de maio de 2015 - 23:08

Que bom que pude ajudar Anderson! Abs! 🙂

Reply
eebest8 17 de agosto de 2015 - 22:42

A round of applause for your blog article.Really looking forward to read more. Fantastic.

Reply
Marina Araújo 18 de agosto de 2015 - 22:57

Thank you! 😀
Marina

Reply
Juliana 23 de novembro de 2015 - 19:18

Adoro os seus posts ! ajudam muito !! qual programa voce usou para suas pranchas ? da pra fazer tudo no photoshop ou tem auxilio de vetorizador ? (corel draw ou illustrator). Obrigada

Reply
Marina Araújo 27 de novembro de 2015 - 23:34

Obrigada Juh! Eu uso só o photoshop mesmo! Eu poderia usar o illustrator, mas eu tenho muito mais agilidade no photoshop do que no illustrator ou no corel. E como ele dá conta do serviço, eu acabo ficando só com ele mesmo! Bjuss, Marina 🙂

Reply
David 24 de abril de 2016 - 02:27

Muito legal seu blog, Marina! Sou estudante de Arquitetura também, estou no 4o período e achei muitíssimo interessante todo o site, em especial a parte de Diagramação, que é onde venho trabalhando mais afinco nos últimos projetos. Continue assim, você manda muito bem e ainda serve de apoio pra outros estudantes, além de estimular pra todos nós a importância do compartilhamento do conhecimento da nossa área! Parabéns!

Reply
Marina Araújo 2 de maio de 2016 - 01:17

Obrigada David!! Comentários como o seu me estimulam a continuar e nunca desistir!
Um grande abraço e uma ótima semana!
Marina 🙂

Reply
luciana 21 de maio de 2016 - 14:11

Marina amei suas pranchas quero montar uma para minha apresentação de museu no PA 8

Reply
Marina Araújo 22 de maio de 2016 - 23:42

Obrigada Luciana!
Precisando de alguma dica é só me chamar!
Bjss,
Marina 🙂

Reply
MAYSA 18 de novembro de 2016 - 15:41

Fantástico!!!!! Seus trabalhos, site, a boa vontade em disponibilizar todos esse proveitoso conteúdo. Obriga por facilitar a vida de estudantes como eu <3 <3 <3

Reply
Lara 19 de outubro de 2017 - 23:41

Marina!mto top parabéns, vc sabe onde consigo transformar minhas plantas com a linha preta em linha branca como nas pranchas !! Beijos

Reply
Marina Araújo 27 de outubro de 2017 - 00:41

Muito simples, abre com o photoshop, vai em imagens -> adjustments -> invert. Pronto!

Bjs,

Marina

Reply
Márcia Rangel 20 de maio de 2018 - 15:23

Parabéns, te conhecendo agora.

Reply

Deixe um comentario