SlideShare uma empresa Scribd logo
1 de 12
DESIGN PARA QUEM NÃO É DESIGNER Noções básicas de planejamento visual Retirado do livro: Design para quem não é designer. Willians, Robin. 7ª edição, São Paulo : Callis. 1995.
Princípios Básicos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 A seguir aplicaremos os quatro princípios básicos, acompanhando os resultados:
Proximidade Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Se os itens estiverem relacionados entre si, agrupe-os em proximidade. Separe-os, se eles não estiverem diretamente ligados. Varie o espaço entre os itens para indicar a proximidade. Aproximando o título do subtítulo, criamos uma unidade bem-definida, no lugar de seis unidades segmentadas. Ficou nítido que os dois tópicos estão ligados entre si. Distanciando o nome do autos e a data, fica claro que estas informações não fazem parte do título.
Proximidade -  CD-ROMs CD-ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser -  Educacional Aprendizado inicial Idiomas Ciências Matemática -  Material do Professor Livros Material do professor Vídeos -  Hardware e Acessórios Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som O maior problema desta lista é que  tudo está próximo de tudo , dificultando uma relação ou organização. CD ROMs Educacional Material do Professor Hardware & Acessórios CD ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser Idiomais Ciências Matemática Livros Material do professor Vídeos Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som A mesma lista foi criada através de grupos visuais. Acrescentando um  contraste aos títulos  e a  linha divisória  dá-se mais legibilidade, o que torna mais fácil uma relação entre o título e seus tópicos.
Alinhamento Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Fique atento a cada elemento que você colocar na página. Alinhe cada objeto com uma parte lateral de outro, para que a página inteira fique unificada. Mesmo que o nome do autor esteja distante do título, existe uma conexão visual entre os dois elementos, criada através do alinhamento. O exemplo anterior também está alinhado: o alinhamento é a centralização. Mas como você pode ver, alinhando à esquerda ou à direita (como este exemplo) você cria uma lateral mais marcante, mais fácil de seguir com os olhos.
Repetição Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians Repetição é uma forma mais marcante de criar consistência em um material. Avalie se é apropriado fazer com que um dos elementos fique mais marcante e utilize-o como o elemento repetitivo. A fonte diferenciada do título se repete no nome do autor, fortalecendo a conexão entre ambos.  Os pequenos triângulos foram especialmente acrescentados para criar uma repetição. Apesar de cada um deles apontar para uma direção diferente, a forma triangular é suficientemente específica para ser reconhecida em todas as suas incidências na página. A repetição ajuda a unificar elementos separados do design (da diagramação).
Contraste Robin Willians Você concorda com o fato de que o exemplo deste slide atrai seus olhos muito mais do que o anterior? Neste caso, o responsável é o  contraste  do preto contra o branco. Há várias maneiras de criar contrastes: linhas, fontes, cores, relações espaciais, direções, etc. O trabalho com o contraste neste exemplo foi apenas o de acrescentar a caixa preta. Realce um pouco a letra colocando o subtítulo em itálico, contrastando-o com a letra normal (sem italização) do título e do nome do autor.  Tudo  o Que Vai  Volta Lições para viajar de carona pelo país
Tipologia A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Não seja TÍMIDO Exponha suas idéias! Um contraste de tamanho nem sempre significa que você deva fazer com que o tipo fique grande; significa que deve haver um contraste. Por exemplo: quando você vê uma pequena linha isolada em uma página grande de jornal, fica com vontade de lê-la, certo? Grande parte do que o convida a fazê-lo é o contraste do tipo muito pequeno colocado em uma página grande.
O peso de uma fonte refere-se à espessura dos traços. A maioria das famílias é desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos pesos é uma das melhores maneiras de aumentar a estética visual de uma página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e forte se não tiver uma fonte com traços grandes e fortes. Arial Arial Medium Arial Black (bold) Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono..
Serifado Estrutura Serifas Contraste grosso-fino Sem Serifa Não há serifas Não há contraste grosso-fino nos traços Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo. Ode Ode Ode Ode Ode Ode Ode Ode Ode A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos ver através deste exemplo, a estrutura de cada categoria é bastante distinta. Dica importante:  nunca coloque duas fontes de mesma categoria na mesma página . Não há como disfarçar suas similaridades. Além disso, existem tantas opções! Por que dificultar as coisas?
Forma A forma de uma letra refere-se ao seu formato. Os caracteres podem ter a mesma estrutura, mas suas “formas” podem ser diferentes. Por exemplo, a letra “G” (em caixa-alta) tem a mesma estrutura da letra “g” (em caixa-baixa) da mesma família. Entretanto, suas verdadeiras  formas  – ou formatos – são muito diferentes. Este é um tipo de contraste muito prático, e aumenta a legibilidade e ênfase de uma palavra ou frase. G  g A  a B  b H  h E  e As formas de cada uma destas letras maiúsculas são completamente diferente das minúsculas. Portanto,  caixa-alta  versus  caixa-baixa é outra maneira de contrastar os tipos. Usar caixa-alta algumas vezes (não exagere!) faz surgir um CONTRASTE girafa GIRAFA tartaruga TARTARUGA
Direção PARA CIMA! O tipo inclinado para cima cria uma energia positiva.  Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e contrastar uma parte de seu texto. Título longo nas duas colunas Nononononono nonononononononononononononononononononononononononononononononononononononononononononononononononononononononononono. Subtítulo nononononon ononononononononononoonnonononononononono. newsletter Nononononononononononononononononononononononononononononononononononononononono.  Nonononono nononononononononononononononononononononononononononononononononononononononono.. Segundo Título interessante Ás vezes um redirecionamento marcante do tipo cria um impacto dramático ou um formato único, o que justifica plenamente seu uso.

Mais conteúdo relacionado

Mais procurados

Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção GráficaRenato Melo
 
Guia Prático de Pesquisa de Branding
Guia Prático de Pesquisa de BrandingGuia Prático de Pesquisa de Branding
Guia Prático de Pesquisa de BrandingBeto Lima Branding
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteCriação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteThiago Ianatoni
 
Briefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaBriefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaCíntia Dal Bello
 
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxUFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxEli Ramalho
 
Aula 6 - O Roteiro
Aula 6 - O RoteiroAula 6 - O Roteiro
Aula 6 - O RoteiroFernando
 
Introdução à Publicidade - Aula 06 - Criação
Introdução à Publicidade - Aula 06 - CriaçãoIntrodução à Publicidade - Aula 06 - Criação
Introdução à Publicidade - Aula 06 - CriaçãoThiago Ianatoni
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoLuciana Santini
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 

Mais procurados (20)

Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Guia Prático de Pesquisa de Branding
Guia Prático de Pesquisa de BrandingGuia Prático de Pesquisa de Branding
Guia Prático de Pesquisa de Branding
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteCriação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
 
Briefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaBriefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão beta
 
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxUFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
 
Aula 6 - O Roteiro
Aula 6 - O RoteiroAula 6 - O Roteiro
Aula 6 - O Roteiro
 
Introdução à Publicidade - Aula 06 - Criação
Introdução à Publicidade - Aula 06 - CriaçãoIntrodução à Publicidade - Aula 06 - Criação
Introdução à Publicidade - Aula 06 - Criação
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Briefing
BriefingBriefing
Briefing
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 

Destaque

Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin Williamsman3lla
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é DesignerAndreza Jackson
 
Design para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonDesign para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonMarco Frasson
 
Dicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasDicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasRafael B.
 
Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsPriscila Souza
 
O Design como estratégia de desenvolvimento sustentável na Economia Criativa
O Design como estratégia de desenvolvimento sustentável na Economia CriativaO Design como estratégia de desenvolvimento sustentável na Economia Criativa
O Design como estratégia de desenvolvimento sustentável na Economia CriativaDaniela Fiuza
 
Design para quem não é designer Robin Williams
Design para quem não é designer Robin WilliamsDesign para quem não é designer Robin Williams
Design para quem não é designer Robin WilliamsElizabeth Fantauzzi
 
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...Daniela Fiuza
 
Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger Charles Franklin
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...Josiane Tochetto
 
Comemos de todo para crecer con saúde
Comemos de todo para crecer  con saúdeComemos de todo para crecer  con saúde
Comemos de todo para crecer con saúdePili Baston
 

Destaque (20)

Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin Williams
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
Tipologia
TipologiaTipologia
Tipologia
 
Design para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco FrassonDesign para quem não é Designer - WordCamp SP - Marco Frasson
Design para quem não é Designer - WordCamp SP - Marco Frasson
 
Dicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchasDicas quentes de diagramação de pranchas
Dicas quentes de diagramação de pranchas
 
Design para quem não é designer - Robin Williams
Design para quem não é designer - Robin WilliamsDesign para quem não é designer - Robin Williams
Design para quem não é designer - Robin Williams
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
O Design como estratégia de desenvolvimento sustentável na Economia Criativa
O Design como estratégia de desenvolvimento sustentável na Economia CriativaO Design como estratégia de desenvolvimento sustentável na Economia Criativa
O Design como estratégia de desenvolvimento sustentável na Economia Criativa
 
Design para quem não é designer Robin Williams
Design para quem não é designer Robin WilliamsDesign para quem não é designer Robin Williams
Design para quem não é designer Robin Williams
 
Geometria do Design
Geometria do DesignGeometria do Design
Geometria do Design
 
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...
Mudando o paradigma: Economia Criativa como estratégia de desenvolvimento sus...
 
Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger
 
Movimento de stijl o estilo
Movimento de stijl  o estiloMovimento de stijl  o estilo
Movimento de stijl o estilo
 
De Stijl
De StijlDe Stijl
De Stijl
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia JuniorElementos Básicos da Linguagem Visual. Prof. Garcia Junior
Elementos Básicos da Linguagem Visual. Prof. Garcia Junior
 
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...
O Papel do Design no Processo de Comunicação da Identidade Territorial e Bran...
 
Tipologia
TipologiaTipologia
Tipologia
 
Comemos de todo para crecer con saúde
Comemos de todo para crecer  con saúdeComemos de todo para crecer  con saúde
Comemos de todo para crecer con saúde
 

Semelhante a DESIGN BÁSICOS PARA NÃO DESIGNERS

Semelhante a DESIGN BÁSICOS PARA NÃO DESIGNERS (20)

Design
DesignDesign
Design
 
design-para-quem-nao-e-design.pdf
design-para-quem-nao-e-design.pdfdesign-para-quem-nao-e-design.pdf
design-para-quem-nao-e-design.pdf
 
EXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visualEXPOTEC IFRN - Noções básicas de planejamento visual
EXPOTEC IFRN - Noções básicas de planejamento visual
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Design - SLIDES
Design - SLIDESDesign - SLIDES
Design - SLIDES
 
Design para quem_nao_e_designer
Design para quem_nao_e_designerDesign para quem_nao_e_designer
Design para quem_nao_e_designer
 
Workshop
WorkshopWorkshop
Workshop
 
NoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento VisualNoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento Visual
 
Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicos
 
tripticos.ppt
tripticos.ppttripticos.ppt
tripticos.ppt
 
Aula03
Aula03Aula03
Aula03
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografia
 
Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2Midia Impressa #03 - Elementos Gráficos 2
Midia Impressa #03 - Elementos Gráficos 2
 
Princípios básicos
Princípios básicosPrincípios básicos
Princípios básicos
 
Planejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicosPlanejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicos
 
Design
DesignDesign
Design
 
Studio Grafico #01 - Design e Tendências 2018
Studio Grafico #01 - Design e Tendências 2018Studio Grafico #01 - Design e Tendências 2018
Studio Grafico #01 - Design e Tendências 2018
 
CRP0357-2014-05
CRP0357-2014-05CRP0357-2014-05
CRP0357-2014-05
 
CRP0357-2016-03
CRP0357-2016-03CRP0357-2016-03
CRP0357-2016-03
 
Gestalt
GestaltGestalt
Gestalt
 

Mais de Daniela Fiuza

Palestra Unidesign | 2018 - Design Efêmero
Palestra Unidesign | 2018 - Design EfêmeroPalestra Unidesign | 2018 - Design Efêmero
Palestra Unidesign | 2018 - Design EfêmeroDaniela Fiuza
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contrasteDaniela Fiuza
 
As Cores E Seus Significados
As Cores E Seus SignificadosAs Cores E Seus Significados
As Cores E Seus SignificadosDaniela Fiuza
 
Aula 04 - Design e Sustentabilidade
Aula 04 - Design e SustentabilidadeAula 04 - Design e Sustentabilidade
Aula 04 - Design e SustentabilidadeDaniela Fiuza
 
Design e Sustentabilidade Aula 01
Design e Sustentabilidade Aula 01Design e Sustentabilidade Aula 01
Design e Sustentabilidade Aula 01Daniela Fiuza
 
Design e Sustentabilidade _ Aula 03
Design e Sustentabilidade _ Aula 03Design e Sustentabilidade _ Aula 03
Design e Sustentabilidade _ Aula 03Daniela Fiuza
 
Cor Luz - Cor Pigmento
Cor Luz - Cor PigmentoCor Luz - Cor Pigmento
Cor Luz - Cor PigmentoDaniela Fiuza
 

Mais de Daniela Fiuza (12)

Palestra Unidesign | 2018 - Design Efêmero
Palestra Unidesign | 2018 - Design EfêmeroPalestra Unidesign | 2018 - Design Efêmero
Palestra Unidesign | 2018 - Design Efêmero
 
Pop Art
Pop Art Pop Art
Pop Art
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contraste
 
Art Déco
Art DécoArt Déco
Art Déco
 
Futurismo
Futurismo Futurismo
Futurismo
 
As Cores E Seus Significados
As Cores E Seus SignificadosAs Cores E Seus Significados
As Cores E Seus Significados
 
Aula 04 - Design e Sustentabilidade
Aula 04 - Design e SustentabilidadeAula 04 - Design e Sustentabilidade
Aula 04 - Design e Sustentabilidade
 
Cor e Propriedades
 Cor e  Propriedades Cor e  Propriedades
Cor e Propriedades
 
Design e Sustentabilidade Aula 01
Design e Sustentabilidade Aula 01Design e Sustentabilidade Aula 01
Design e Sustentabilidade Aula 01
 
Design e Sustentabilidade _ Aula 03
Design e Sustentabilidade _ Aula 03Design e Sustentabilidade _ Aula 03
Design e Sustentabilidade _ Aula 03
 
CORES
CORESCORES
CORES
 
Cor Luz - Cor Pigmento
Cor Luz - Cor PigmentoCor Luz - Cor Pigmento
Cor Luz - Cor Pigmento
 

DESIGN BÁSICOS PARA NÃO DESIGNERS

  • 1. DESIGN PARA QUEM NÃO É DESIGNER Noções básicas de planejamento visual Retirado do livro: Design para quem não é designer. Willians, Robin. 7ª edição, São Paulo : Callis. 1995.
  • 2.
  • 3. Proximidade Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Se os itens estiverem relacionados entre si, agrupe-os em proximidade. Separe-os, se eles não estiverem diretamente ligados. Varie o espaço entre os itens para indicar a proximidade. Aproximando o título do subtítulo, criamos uma unidade bem-definida, no lugar de seis unidades segmentadas. Ficou nítido que os dois tópicos estão ligados entre si. Distanciando o nome do autos e a data, fica claro que estas informações não fazem parte do título.
  • 4. Proximidade - CD-ROMs CD-ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser - Educacional Aprendizado inicial Idiomas Ciências Matemática - Material do Professor Livros Material do professor Vídeos - Hardware e Acessórios Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som O maior problema desta lista é que tudo está próximo de tudo , dificultando uma relação ou organização. CD ROMs Educacional Material do Professor Hardware & Acessórios CD ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser Idiomais Ciências Matemática Livros Material do professor Vídeos Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som A mesma lista foi criada através de grupos visuais. Acrescentando um contraste aos títulos e a linha divisória dá-se mais legibilidade, o que torna mais fácil uma relação entre o título e seus tópicos.
  • 5. Alinhamento Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Fique atento a cada elemento que você colocar na página. Alinhe cada objeto com uma parte lateral de outro, para que a página inteira fique unificada. Mesmo que o nome do autor esteja distante do título, existe uma conexão visual entre os dois elementos, criada através do alinhamento. O exemplo anterior também está alinhado: o alinhamento é a centralização. Mas como você pode ver, alinhando à esquerda ou à direita (como este exemplo) você cria uma lateral mais marcante, mais fácil de seguir com os olhos.
  • 6. Repetição Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians Repetição é uma forma mais marcante de criar consistência em um material. Avalie se é apropriado fazer com que um dos elementos fique mais marcante e utilize-o como o elemento repetitivo. A fonte diferenciada do título se repete no nome do autor, fortalecendo a conexão entre ambos. Os pequenos triângulos foram especialmente acrescentados para criar uma repetição. Apesar de cada um deles apontar para uma direção diferente, a forma triangular é suficientemente específica para ser reconhecida em todas as suas incidências na página. A repetição ajuda a unificar elementos separados do design (da diagramação).
  • 7. Contraste Robin Willians Você concorda com o fato de que o exemplo deste slide atrai seus olhos muito mais do que o anterior? Neste caso, o responsável é o contraste do preto contra o branco. Há várias maneiras de criar contrastes: linhas, fontes, cores, relações espaciais, direções, etc. O trabalho com o contraste neste exemplo foi apenas o de acrescentar a caixa preta. Realce um pouco a letra colocando o subtítulo em itálico, contrastando-o com a letra normal (sem italização) do título e do nome do autor. Tudo o Que Vai Volta Lições para viajar de carona pelo país
  • 8. Tipologia A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Não seja TÍMIDO Exponha suas idéias! Um contraste de tamanho nem sempre significa que você deva fazer com que o tipo fique grande; significa que deve haver um contraste. Por exemplo: quando você vê uma pequena linha isolada em uma página grande de jornal, fica com vontade de lê-la, certo? Grande parte do que o convida a fazê-lo é o contraste do tipo muito pequeno colocado em uma página grande.
  • 9. O peso de uma fonte refere-se à espessura dos traços. A maioria das famílias é desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos pesos é uma das melhores maneiras de aumentar a estética visual de uma página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e forte se não tiver uma fonte com traços grandes e fortes. Arial Arial Medium Arial Black (bold) Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono..
  • 10. Serifado Estrutura Serifas Contraste grosso-fino Sem Serifa Não há serifas Não há contraste grosso-fino nos traços Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo. Ode Ode Ode Ode Ode Ode Ode Ode Ode A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos ver através deste exemplo, a estrutura de cada categoria é bastante distinta. Dica importante: nunca coloque duas fontes de mesma categoria na mesma página . Não há como disfarçar suas similaridades. Além disso, existem tantas opções! Por que dificultar as coisas?
  • 11. Forma A forma de uma letra refere-se ao seu formato. Os caracteres podem ter a mesma estrutura, mas suas “formas” podem ser diferentes. Por exemplo, a letra “G” (em caixa-alta) tem a mesma estrutura da letra “g” (em caixa-baixa) da mesma família. Entretanto, suas verdadeiras formas – ou formatos – são muito diferentes. Este é um tipo de contraste muito prático, e aumenta a legibilidade e ênfase de uma palavra ou frase. G g A a B b H h E e As formas de cada uma destas letras maiúsculas são completamente diferente das minúsculas. Portanto, caixa-alta versus caixa-baixa é outra maneira de contrastar os tipos. Usar caixa-alta algumas vezes (não exagere!) faz surgir um CONTRASTE girafa GIRAFA tartaruga TARTARUGA
  • 12. Direção PARA CIMA! O tipo inclinado para cima cria uma energia positiva. Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e contrastar uma parte de seu texto. Título longo nas duas colunas Nononononono nonononononononononononononononononononononononononononononononononononononononononononononononononononononononononono. Subtítulo nononononon ononononononononononoonnonononononononono. newsletter Nononononononononononononononononononononononononononononononononononononononono. Nonononono nononononononononononononononononononononononononononononononononononononononono.. Segundo Título interessante Ás vezes um redirecionamento marcante do tipo cria um impacto dramático ou um formato único, o que justifica plenamente seu uso.