sexta-feira, 24 de outubro de 2014

ATIVIDADE 3 de 8/11/2014 - PROGRESSÃO PARCIAL COMPOSIÇÃO 2

Pessoal, devido ao agendamento do ENEM em 8/11/2014, não haverá encontro presencial no Cecoteg para a Progressão Parcial de Composição 2. Seguem as orientações referentes ao trabalho 3 (último) da progressão parcial de Composição 2, referente à data citada acima.

A entrega dos 3 trabalhos será, impreterivelmente, no dia 29/11/2014, dia do último encontro.
A orientação presencial dessa atividade também foi feita no último encontro, para os que estavam presentes de 9:30 às 11:30.

Dúvidas, favor encaminhar a angelicaferrazdesign@gmail.com.


ATIVIDADE: Criação de grid de página dupla (par + ímpar)

  • Formato: horizontal de  25x15 cm cada página.
  • Use 5 colunas (verticais); medidas à sua escolha.
  • Defina margens superior, inferior, direita e esquerda (área útil), lembrando que o grid é de página dupla (par e ímpar).
  • Definir área fixa para numeração de página fora da área útil.
  • Sugerir aplicação em dois pares de página, ou seja, dois pares de página par+ímpar. Pode ser com colagem de textos e imagens de revista, não precisa fazer sentido o significado do texto ou da imagem, o que será avaliado é a sua capacidade de distribuição dos elementos no espaço.

O que você vai entregar DESTA atividade:
  • Folha com o grid modular desenhado
  • 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid
  • Mais 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid, diferente do primeiro

O que vai ser avaliado NESTA atividade:
  • Alcance do objetivo (fez o que foi pedido?)
  • Acabamento (fez bem feito?)
  • Criatividade (explorou as possibilidades?)

Qualquer dúvida em relação aos termos usados nesta orientação, leia a apostila entregue a vocês no primeiro encontro. Todos estes termos estão citados lá.

Dica: Não deixe o desenvolvimento da atividade para a última hora, é bastante trabalho e o tempo é suficiente para o desenvolvimento com qualidade!

ATIVIDADE 2 de 11/10/2014 - PROGRESSÃO PARCIAL COMPOSIÇÃO 2

Pessoal, seguem as orientações referentes ao trabalho 2 da progressão parcial de Composição 2, passado a vocês na data de 11/10/2014, conforme expliquei em sala. Entrega em 29/11/2014.

Dúvidas, favor encaminhar a angelicaferrazdesign@gmail.com.


ATIVIDADE: Criação de grid de página dupla (par + ímpar)
  • Formato: 20x20 cm cada página.
  • Distribuição modular, ou seja, crie colunas (verticais) e linhas (horizontais), gerando módulos no seu grid.
  • Use 3 colunas (verticais); número livre de linhas (horizontais).
  • Defina margens superior, inferior, direita e esquerda (área útil), lembrando que o grid é de página dupla (par e ímpar).
  • Definir área fixa para 2 marcadores fora da área útil: nome do livro e numeração de página.
  • Sugerir aplicação em dois pares de página, ou seja, dois pares de página par+ímpar. Pode ser com colagem de textos e imagens de revista, não precisa fazer sentido o significado do texto ou da imagem, o que será avaliado é a sua capacidade de distribuição dos elementos no espaço.

O que você vai entregar DESTA atividade:
  • Folha com o grid modular desenhado
  • 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid
  • Mais 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid, diferente do primeiro

O que vai ser avaliado NESTA atividade:
  • Alcance do objetivo (fez o que foi pedido?)
  • Acabamento (fez bem feito?)
  • Criatividade (explorou as possibilidades?)

Qualquer dúvida em relação aos termos usados nesta orientação, leia a apostila entregue a vocês no primeiro encontro. Todos estes termos estão citados lá.

Dica: Não deixe o desenvolvimento da atividade para a última hora, é bastante trabalho e o tempo é suficiente para o desenvolvimento com qualidade!

sábado, 13 de setembro de 2014

ATIVIDADE 1 de 13/09/2014 - PROGRESSÃO PARCIAL COMPOSIÇÃO 2

Pessoal, seguem as orientações do trabalho 1 da progressão parcial de Composição 2.
Entrega agendada para 29/11/2014

Dúvidas, favor encaminhar a anferraz@fiemg.com.br ou angelicaferrazdesign@gmail.com

ATIVIDADE: Criação de grid no milimetrado

BRIEFING
1. Livro de receitas culinárias básicas, com modo de preparo rápido
Para homens de 18 a 40 anos, que moram sozinhos.
Público urbano.
Ensina passo a passo os procedimentos básicos.


METODOLOGIA
1. Discussão/ elaboração sobre as características do projeto.
2. Desenvolvimento individual do grid, acompanhado de uma justificativa escrita de suas escolas.
3. Sugerir, da maneira que achar mais simples e assertiva a aplicação em dois pares de páginas com diagramação diferente.


SUGESTÕES
Consulte a apostila para se lembrar de todos os elementos
Na justificativa, descreva porque escolheu esse formato? Essas colunas? Essa tipografia? Esses marcadores? Esse tipo de imagem?
Sugere alguma característica de etilo gráfico, como tipo de ilustração, cartela de cores tipo de tratamento de imagem?

O QUE VÃO ENTREGAR
  • Folha com o grid de página dupla desenhado
  • 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid
  • Mais 1 par de páginas (par+ímpar) com sugestão de aplicação de conteúdo no grid, diferente do primeiro

O que vai ser avaliado NESTA atividade:
  • Alcance do objetivo (fez o que foi pedido?)
  • Acabamento (fez bem feito?)
  • Criatividade (explorou as possibilidades?)

Tudo deve ser desenvolvido à mão.

sexta-feira, 16 de maio de 2014

TCV 83 - Trabalho de Editoração Eletrônica: criação de 5 grids

Objetivo: elaboração de 5 grids diferentes, que explorem as possibilidades de relacionamento entre os elementos de composição de maneira funcional, harmoniosa e criativa.

Formato: A5, na horizontal ou na vertical.

Cada grid deve conter PELO MENOS UM [ou mais] elemento compositivo coletado durante a disciplina: fundo, título, texto, imagem e complemento.

Avaliação: alcance de objetivo, acabamento e criatividade. Vale 20 pontos.

Fique atento!
  • Para escolher quais elementos usar em cada grid, seja criterioso, os elemento apresentam HARMONIA VISUAL? Os temas, fotos e imagens não precisam ter “sentido”, mas sim combinarem visualmente.
  • Este grid funcionaria de maneira contínua? Numa revista ou livro ou jornal, por exemplo?
  • As margens (área útil) são funcionais e estão respeitadas?
  • Quando previsto, os elementos estão ALINHADOS?
  • Acabamento de recortes e cola.
  • Você está explorando o posicionamento e a relação dos elementos de forma criativa?
  • Você aplicou espaçamentos funcionais entre as colunas e/ou elementos?
  • Seus 5 grids apresentam, no conjunto, soluções diferentes, variadas e criativas?
  • De acordo com os fundos desenvolvidos, os elementos precisam de suporte? (contorno, Box, Box transparente, etc.)
TCV 83: DATA DE ENTREGA 24/09/2014

segunda-feira, 14 de abril de 2014

ATIVIDADE de Composição 2: Criação de grid no milimetrado

BRIEFINGS
1. Livro de receitas culinárias básicas, com modo de preparo rápido
Para homens de 18 a 40 anos, que moram sozinhos.
Público urbano.
Ensina passo a passo os procedimentos básicos.

2. Livro infantil com ilustrações e textos de leitura simples, com foco em atividades lúdicas ou didáticas.
Público: meninos e meninas de 6 a 9 anos.

3. Revista de circulação nacional, com foco nas artes plásticas e fotografia
Público: classe A e B, artistas, interessados em artes, colecionadores.
Demonstra panorama artístico, indicação de galerias, exposições e mercado de arte.
Preço sugerido: R$ 25,00.

4. Coleção de livros sobre curiosidade do mundo natural: animais, fenômenos climáticos e vegetação.
10 volumes colecionáveis vendidos em banca de revistas.
Composta de muitas imagens, texto explicativos e infográficos.


METODOLOGIA
1. Escolha do tema
2. Discussão em grupo
3. Desenvolvimento individual ou em dupla do grid, acompanhado de uma justificativa escrita de suas escolas.
4. Sugerir, da maneira que achar mais simples e assertiva a aplicação em dois pares de páginas com diagramação diferente.


SUGESTÕES
  • Consulte a apostila para se lembrar de todos os elementos
  • Na justificativa, descreva porque escolheu esse formato? Essas colunas? Essa tipografia? Esses marcadores?
  • Sugere alguma característica de etilo gráfico, como tipo de ilustração, cartela de cores tipo de tratamento de imagem?

quarta-feira, 3 de julho de 2013

Harmonia

Ei pessoal, sobre a harmonia...


De acordo com a definição de Donis A. Dondis, no livro Sintaxe da linguagem visual, a harmonia...
  • Diz respeito à disposição formal, bem organizada no todo ou entre as partes de um todo.
  • Predominam equilíbrio, ordem e regularidade visual, seja no objeto ou na composição, possibilitando uma leitura simples e clara.
  • É, em síntese, o resultado de uma perfeita articulação visual na integração e coerência formal das unidades ou partes daquilo que é apresentado, daquilo que é visto.

Bem, vocês também fizeram suas definições de harmonia na composição visual que ficaram ótimas!

TCV 71 - Manhã [brilhou!]
"É a combinação dos elementos no espaço que transmite sensações variadas de acordo com a ideia que precisa ser passada. É caracterizada pela presença de um padrão ou uma continuidade na apresentação dos elementos. Vários recursos visuais podem ser utilizados desde que todos os objetos façam parte do contexto."

TCV 75 - Tarde
"É uma característica das composições que apresentam conforto visual e adequação de seus elementos a um contexto, de forma a facilitar o entendimento por parte do leitor."

TCV 69- Tarde
"É a combinação agradável dos elementos compositivos de forma coerente ao esquema estético geral, partindo de um referencial. Tem foco em simplificar o entendimento do conceito por parte do leitor."

TCV 73- Tarde
"Harmonia na composição visual se dá quando há integração e afinidade entre todos os elementos compositivos, com foco em produzir uma composição agradável e bem contextualizada. Pode-se tratar com organização e certo grau de padronização elementos como: cores, linhas, formas, tipografia, alinhamentos, hierarquia e tratamento de imagens."

TCV 81- Tarde
"A harmonia na composição visual se dá quando existe afinidade e coerência entre todos os elementos, ou seja, este possuem continuidade e um padrão lógico de aplicação. Trabalhando desta maneira elementos como cores, formas, informações e aproveitamento de espaços, a harmonia tende a facilitar a interpretação da mensagem por parte do leitor."

Seguem alguns links dos vídeos que analisamos em aula de harmonia:

Bobby McFerrin dando PLAY na plateia durante o TED:
http://www.ted.com/talks/bobby_mcferrin_hacks_your_brain_with_music.html

Madonna, Get together
http://www.youtube.com/watch?v=gSDjPyG1O3U
Tem esse outro clipe da mesma música que também é muito massa:
http://www.youtube.com/watch?v=gSDjPyG1O3U

The walking dead, primeiro episódio:
http://www.youtube.com/watch?v=e5TG-szDw9I

Game of thrones, vinheta:

Capitu, seriado da globo, primeiro episódio:

Romeu+Julieta, 1996, trailer:

quarta-feira, 19 de junho de 2013

Exercício EQUILÍBRIO

Povo, considerando a aula que tivemos sobre equilíbrio e os tópicos seguintes (simetria a agrupamento), agora é hora de por tudo isso em prática!

O exercício de equilíbrio consiste em fazer 3 composições nas folhas que entreguei a vocês em sala, exercitando o conceito de equilíbrio. (Quem não pegou as folhas, me procure!)

Qual o foco? Construir composições equilibradas, ou seja, preencher os quadros de maneira que você olhe para a composição e ela pareça estável, sem "tombar" ou "pesar mais" para um dos lados.

Não pode usar composições simétricas.

Não pode usar composições figurativas.

Pode preencher os triângulos com lápis preto, lápis de cor ou canetinha.

Vale 14 pontos.

As datas de entrega foram combinadas com cada turma, favor verificar comigo ou com os colegas.

sexta-feira, 7 de junho de 2013

Agrupamento

Olá! Segue um texto falando sobre agrupamento, basicamente os conceitos que vimos em sala de aula.

Extraído do livro indicado na bibliografia, que tem na bilbioteca:
“Sintaxe da linguagem visual”, de Donis A. Dondis

https://www.dropbox.com/s/lmavygpxeoy48p2/SintaxeLinguagemVisual_AGRUPAMENTO.pdf


Sobre a atividade, para quem faltou e quiser fazer em casa:

Entregar 3 composições visuais, em formato A5, em papel milimetrado, abordando o conceito e as técnicas de agrupamento.
Usar apenas quadrado, círculos e triângulos (equiláteros ou retângulos).
As composições devem ser abstratas.

Vale 10 pontos e deve ser entregue na data que marqui com a turma para entrega do próximo bloco de atividades.

terça-feira, 4 de junho de 2013

Simetria

Segue a apresentação que vimos sobre simetria.

http://www.slideshare.net/angelicaferraz/composicao13-07-simetria

Em relação aos exercícios, vocês deverão entregar 4 composições em formato A5:

1 de simetria vertical
1 de simetria horizontal
1 de simetria axial de 4 partes
1 de simetria axial de 3 ou 6 partes

Lembrando o que é avaliado: alcance de objetivo, criatividade e acabamento.
Prefiram composições abstratas, ok?


Equilíbrio

Pessoal, segue a apresentação que vimos em sala de aula.

http://www.slideshare.net/angelicaferraz/composicao13-06-equilibrio

terça-feira, 14 de maio de 2013

Contraste

O contraste é uma força de oposição à constante busca humana por harmonia. Nenhuma das técnicas visuais para o controle de uma mensagem é mais importante que o contraste, pois ele desequilibra, choca, estimula, chama a atenção.

É percebido quando há dessemelhança acentuada entre dois elementos, com vantagem para um deles. Os elementos contrastados aumentam sua força expressiva.


Técnicas para criar contraste na composição
  • Escala: se quisermos que alguma coisa pareça claramente grande, basta colocar uma coisa pequena perto dela.
  • Tom: uso da variação entre claro e escuro para intensificar o que é iluminado ou sombreado.
  • Cor: trabalho com o peso da cor na figura, para intensificar uma ideia.
  • Forma: se o objetivo for atrair a atenção do observador, a forma regular e simples é dominada pela forma irregular, imprevisível. Ao serem justapostas as linhas desiguais (retas x orgânicas) intensificam o caráter único de cada uma.
  • Textura: O contraste de texturas é interessante ao olho humano, mesmo que não haja variação de cor. Em termos básicos, nossa compreensão sobre o liso é maior é mais profunda, quando comparamos ao áspero e rugoso.

Ênfase e Neutralidade

Pensando sobre técnicas de criação de contraste, é importante pensar sobre como o destaque pode ser dado a certos elementos da composição a partir da comparação dos extremos ênfase/neutralidade.
Veja o que Donis A. Dondis nos fala na página 161 de seu livro "Sintaxe da Linguagem Visual":

Clique na imagem para vê-la ampliada.


Veja aqui a apresentação que mostrei pra vocês em sala de aula
http://pt.slideshare.net/angelicaferraz/composio-uso-do-contraste


Exercício de contraste dado em sala de aula
Desenvolver 5 composições trabalhando as TÉCNICAS DE CONTRASTE na folha A4:
  1. Escala (preto e branco)
  2. Forma (preto e branco)
  3. Textura (preto e branco)
  4. Tom (preto e branco)
  5. Cor (recorte de revista com cores impressas)
  • VERSO: Nome, turma, data, tipo de técnica
  • As composições devem ser ABSTRATAS, ou seja, não usar referências figurativas.
  • Usar FORMAS GEOMÉTRICAS, orgânicas e/ou linhas.
  • Preto é preto, não é cor de grafite, nem cinza.
  • Avaliado: Alcance de objetivo, criatividade e acabamento.

segunda-feira, 6 de maio de 2013

Ponto, linha e plano

São os elementos básicos da composição mais importantes, pois suas variações e combinações resultam em todas as outras formas de expressão usadas na composição, a exemplo: imagens, ícones, texturas, padrões, diagramas, animações ou tipografias.

O ponto
  • Representa uma posição no espaço, uma coordenada x e y.
  • Pode ser uma manchinha ou um foco de força concentrada.
  • Em tipografia o ponto indica o fim de linha. 

A linha
Uma linha é a trilha deixada pelo ponto em movimento... Ela é criada pelo movimento – mais especificamente, pela destruição do repouso, intenso e ensimesmado, do ponto. (Wassily Kandinsky)
  • É uma série infinita de pontos, um trajeto, o ponto em movimento.
  • Geometricamente tem comprimento, mas não tem largura e quando atinge uma certa espessura, forma um plano.
  • Pode ser percebida no limite entre objetos e/ou planos.
  • Sua presença visual se determina pelo peso, textura e trajeto, por isso, suas características são muito importantes. Podem ser retas, curvas, contínuas, tracejadas.
  • Nos gráficos, as linhas representam as variações de informação.
  • Em layouts – especialmente os tipográficos – são subentendidas ou imaginárias.
  • Linhas giram e multiplicam-se formando planos

O plano 
  • É uma superfície contínua que se estende em altura e largura.
  • Uma linha se fecha gerando uma forma, um plano delimitado.
  • Tetos paredes pisos e janelas são planos físicos.
  • É o trajeto de uma linha em movimento.
  • Pode ser sólido ou perfurado, opaco ou transparente, rugoso ou liso.

EXERCÍCIO: abstração de imagens

Olá, segue a apresentação com as imagens que usei no exercício em sala.

http://www.slideshare.net/angelicaferraz/abstracao-imagens

Figurativo e Abstrato

Pessoal, segue link para reverem o vídeo sobre figurativo e abstrato que vimos em sala de aula.

http://www.youtube.com/watch?v=ehpEBhwZAho


Conceitos básicos em composição visual

O que é composição visual?
A composição é a organização ou arranjo dos elementos em um espaço determinado.
Todos os trabalhos de arte visual são composições, e para compreender esta linguagem é preciso compreender seus elementos e fundamentos.

O que é linguagem?
A linguagem é um recurso de comunicação, que utiliza as capacidades humanas de pré-visualizar (ideias, pensamentos, argumentos), planejar (processos, técnicas verbais, expressivas e visuais)
e demonstrar informações (fala, expressão, produto e imagem).

O que é layout?
É o arranjo de elementos de um design em relação ao espaço que eles ocupam e em conformidade com um esquema estético geral.  Podemos chamá-lo de gestão da forma e do espaço.
O objetivo principal de um layout é apresentar os elementos textuais e visuais de forma que o leitor os receba com o mínimo de esforço. Em um bom layout, o leitor navega por informações bastante complexas sem sentir dificuldade para encontrá-las.

Bibliografia

Olá! Segue a lista de livros que indico para a pesquisa de vocês nesta disciplina.
Uso conteúdo de todos eles, mas alguns abordam os  princípios de forma mais teórica, outros com mais exemplos práticos.


  • “Sintaxe da linguagem visual”, de Donis A. Dondis [tem na biblioteca!]
  • “Novos fundamentos do design”, de Ellen Lupton e Jennifer Cole Phillips [tem na biblioteca!]
  • “Gestalt do objeto”, de João Gomes Filho [tem na biblioteca!]
  • “Layout: o design da página impressa”, de Allen Halburt [tem na biblioteca!]
  • “Layout”, de Gavin Ambrose e Paul Harris
  • “Formato”, de Gavin Ambrose e Paul Harris [tem na biblioteca!]
  • “Da cor à cor inexistente”, de Israel Pedrosa [tem na biblioteca!]
  • “O universo da cor”, de Israel Pedrosa [tem na biblioteca!]
  • “Psicodinâmica das cores em comunicação”, de Modesto Farina
  • “A cor como informação”, de Luciano Guimarães
  • “O que é semiótica”, de Lúcia Santaella
  • “Pequeno dicionário de ideias afins”, de Sargentim