grades e colunas - graficovisual.files.wordpress.com · • dividir o espaço em colunas de largura...
TRANSCRIPT
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.
segunda-feira, 17 de junho de 13
• 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;
segunda-feira, 17 de junho de 13
• á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;
segunda-feira, 17 de junho de 13
• 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
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
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.
segunda-feira, 17 de junho de 13
• 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;
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• 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;
segunda-feira, 17 de junho de 13
• 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).
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• com os espaços da página divididos em blocos horizontais, o observador reconhece à primeira vista os segmentos separados de informação.
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13
• 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.
segunda-feira, 17 de junho de 13