IFPE :: Campus Recife A composição da página impressa e digital: mancha gráfica e malha gráfica Disciplina: Legibilidade Profs. Eliana Melo, Emely Souza e Felipe Breyer 2020.2 :: Tecnológico em Design Gráfico Composição gráfica :: Aula 03 Parte 01 Composição: Todo projeto gráfico visa uma composição gráfica final de modo a organizar da melhor maneira os elementos visuais que deverão compô-la. • Formas • Cores • Tipografia Composição :: Formas Forma » configuração física, conceitual e funcional como decorrência da estruturação das suas partes; Formato » Estrutura em que composição se apresenta de acordo com a forma dada também em prol de sua função. Composição :: Formatos Tamanhos de papel das séries A, B e C, da norma ISO 216 (em milímetros) A tolerância especificada pela norma é de: ±1.5 mm para dimensões até 150 mm, ±2 mm para medidas de 150 a 600 mm, e ±3 mm para dimensões acima de 600 mm. Composição :: Formatos Tamanhos de papel das séries A: Composição :: Formas :: Pontos Sinal, marca ou mancha na página. Apresenta formas variadas Composição :: Formas :: Pontos Composição :: Formas :: Pontos Composição :: Formas :: Pontos Composição :: Formas :: Pontos Composição :: Formas :: Linhas Toda composição possui linhas constituintes em suas formas e formatos. Algumas vezes muito fáceis de serem identificadas e, por outras vezes, trabalham de forma invisível ao olhar mais desatento. Composição :: Formas :: Linhas A linha é composta por uma sucessão de pontos. Sugere a sensação de direcionamento. Vertical/Horizontal/Diagonal/Orgânica Composição Composição Composição :: Formas básicas do layout • Mancha gráfica • Malha Gráfica • Mancha de texto e imagens Composição :: Formas básicas do layout • Mancha gráfica Composição :: Formas básicas do layout • Mancha gráfica Composição :: Formas básicas do layout • Malha gráfica • Também chamada de GRID ou GRELHA. Composição :: Formas básicas do layout • Mancha textual e • Mancha imagem Campos zonas constituídas a partir da construção da malha gráfica. Composição :: compondo com a malha gráfica ou Grid NONO NONO Representação gráfica de uma imagem no esboço de um layout: fotografia, ilustração, diagrama, etc. Composição :: compondo com a malha gráfica ou Grid Resultado do esboço final: NONO NONO