GRADES E COLUNAS - graficovisual.files.wordpress.com · • dividir o espaço em colunas de largura igual é a solução mais comum; • isso produz um aspecto padronizado porque

GRADES E COLUNASPLANEJAMENTO E PRODUÇÃO VISUAL

PROFESSOR JORGE FELZ

segunda-feira, 17 de junho de 13

• A essência do design multipágina (impressos) ou multiimpressão (web) é a repetição rítmica de um padrão básico que dê à publicação sua coerência visual característica.

• a estrutura dá previsibilidade, de modo que o observador tem uma sensação de ordem e deduz a hierarquia de valores comparativos do material.


• problemas:

• anúncios dificultam a padronização de colunas e grades;

• escala da maioria das revistas parecem ser intercambiáveis, são muito parecidas;

• padronização põem de lado o pensamento analítico original: a rigidez põe em risco a criatividade;


• área da mancha gráfica: é aquela onde o texto está impresso.

• margens: devem ter, no mínimo, 1/2 polegada ou cerca de 12,5mm;


• dividir o espaço em colunas de largura igual é a solução mais comum;

• isso produz um aspecto padronizado porque a própria simplicidade estimula um pensamento padronizado;

• a solução é dividir a mancha gráfica em:

• 2 colunas

• 3 colunas

• 4 colunas

• 5 colunas


• as colunas devem ser mais do que simples divisões matemáticas ou abstratas da página;

• a divisão em colunas deve operar como uma resposta às necessidades editoriais da publicação;

• colunas podem ter dimensões diferentes.


• o tamanho do corpo - fonte - empregado e o tamanho das colunas criam variedade funcional que leva o observador à compreensão do texto;

• quanto maior for o texto, mais importante este parece;

• textos curtos parecem ser menos importante;

• texto em corpo grande e colunas largas é bom para pronunciamentos e comunicados;

• texto em corpo pequeno e colunas estreitas parece ser mais informal.


A Educação a Distância (EAD)

Vem se tornando no Brasil uma das práticas educacionais

mais bem aceitas e difundidas, que nasce com o pressuposto de democratização do saber. Com o advento das tecnologias

essa modalidade de educação cresce ainda mais, proporcionando uma maior acessibilidade aos meios

educacionais. Partindo desse princípio o projeto Monitoria Virtual da Universidade Federal da Paraíba (UFPB) busca

transferir tecnologias intelectuais utilizando da EAD. A proposta do projeto tem como ideologia o desenvolvimento de

metodologias que facilitem o acesso livre à informação científica e tecnológica, promovendo competências em

tecnologias para a produção e uso da informação, atuando em integração com outros projetos da UFPB. O projeto

Monitoria Virtual visa desenvolver ações que promovam o acesso à Internet e a formação de competências em

informação, proporcionando a troca de experiências entre consultores, instrutores e usuários do Laboratório de

Tecnologias Intelectuais (LTi). Trata-se da reunião metodológica para sistematizar, observar, analisar, refletir e

propor o uso adequado da Internet na educação. No que se refere à extensão, trata-se do atendimento a demanda

identificada na comunidade universitária e, mesmo, na sociedade em geral, qual seja, a capacitação na utilização do

ferramental constitutivo do processo de Ensino a Distância, além de possibilitar a sua implementação.


• combinar colunas de diversas larguras na mesma página, dentro da mesma matéria ou entre matérias, é permitido - é estimulado - desde que isso ajude a produzir sentido;


• o que o texto diz e com que intensidade você quer que seja ouvido é o que determina o tamanho do corpo e consequentemente da própria coluna.

• larguras de coluna não são meras divisões de espaço.


• para jogar informação nas colunas, normalmente começamos no canto esquerdo superior e assim vamos até o canto inferior direito, com fotos inseridas nos cantos;

• a disposição vertical torna difícil distinguir os elementos um do outro e a página fica com aspecto cheio e pesado;


• uma verdadeira grade só ocorre quando o espaço de página é dividido em eixos verticais (colunas) que são, por sua vez, divididos em camadas horizontais (ou fileiras).


• a quebra geométrica arbitrária não funciona muito bem, porque precisa é inflexível para cumprir sua tarefa de padronização. A maioria dos materiais, salvo alguns catálogos mais simples, não se encaixa em áreas ou formas rígidas.


• uma abordagem mais viável de grade é definir umas poucas margens ou posições padronizadas - linhas mágicas às quais os elementos são alinhados.

• A mais útil: o alto da área de texto da página. A largura da margem superior é facilmente percebida.


2

2Aqui começa tudo...


• com os espaços da página divididos em blocos horizontais, o observador reconhece à primeira vista os segmentos separados de informação.


• o espaço é ingrediente essencial: a seguir vamos ver duas formas diferentes de se construir uma página. Estamos acostumados a páginas cheias porque eram assim montados os antigos jornais.

• entretanto, ao darmos mais espaço entre duas matérias, permitimos maior articulação entre os elementos.



• mas separar elementos no sentido leste-oeste é quase impossível...

• só funciona se as colunas forem mais estreitas e se desperdiçarmos algum espaço. Isso permitirá acrescentar espaço adicional à margem ou então fatias adicionais poderão ser acumuladas e usadas para separar histórias - lateralmente.


não

sim


• importante!

• as grades não precisam ser camisas de força. Devem ser ferramentas úteis. Não há razão para impedir que se construa uma publicação com base em diversas grades relacionadas, cada uma das quais adequada a um uso específico.



• UMA COLUNA



• DUAS COLUNAS



• 3 COLUNAS



• 4 COLUNAS


• 5 COLUNAS










Documents

GRADES E COLUNAS - graficovisual.files.wordpress.com · • dividir o espaço em colunas de largura igual é a solução mais comum; • isso produz um aspecto padronizado porque