Este documento apresenta os conceitos básicos de design gráfico. Ele discute o objetivo de conhecer os princípios do design, conceitos como design, designer e web design. Também apresenta os princípios do design como proximidade, alinhamento, repetição e contraste e fornece exemplos destes princípios.
Slides da oficina "Design para quem não é Designer", ministrada durante a Semana do Calouro 2015 do curso de Comunicação Social da Universidade Federal do Pará (UFPA), e teve como objetivo mostrar os diversos caminhos criativos do design gráfico nas duas habilitações (Publicidade e Jornalismo), por meio de noções básicas de algumas técnicas e recursos de planejamento visual e direção de arte. Pretendeu-se apresentar, de forma simples e didática, formas mais harmônicas e compreensíveis da comunicação visual.
Aula 2/2 de fundamentos do design ministrada na matéria de Composição e Projeto Visual para alunos de Jornalismo do 2º e 3º semestres na Universidade Paulista, Campus Brasília.
02/2014
Coletânea de conceitos sobre design. Diversos autores tratam das características que o design possuí, incluindo sua interdisciplinaridade e áreas de atuação.
Slides da oficina "Design para quem não é Designer", ministrada durante a Semana do Calouro 2015 do curso de Comunicação Social da Universidade Federal do Pará (UFPA), e teve como objetivo mostrar os diversos caminhos criativos do design gráfico nas duas habilitações (Publicidade e Jornalismo), por meio de noções básicas de algumas técnicas e recursos de planejamento visual e direção de arte. Pretendeu-se apresentar, de forma simples e didática, formas mais harmônicas e compreensíveis da comunicação visual.
Aula 2/2 de fundamentos do design ministrada na matéria de Composição e Projeto Visual para alunos de Jornalismo do 2º e 3º semestres na Universidade Paulista, Campus Brasília.
02/2014
Coletânea de conceitos sobre design. Diversos autores tratam das características que o design possuí, incluindo sua interdisciplinaridade e áreas de atuação.
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
Aula 1 da matéria de Técnicas de Prototipação da pós-graduação em Design de Interação do Instituto Faber-Ludens.
- Apresentação da Disciplina
- Introdução a Prototipação
- Sketch
- Mind Map
- Visual Thinking
- Lançamento do Projeto
Prof. Paolo Domenico Passeri
O que você pode fazer com o Canva?
Com o Canva, você pode criar facilmente lindos documentos e designs para qualquer ocasião e propósito. De postagens em mídias sociais a apresentações, você pode navegar por mais de 65.000 modelos editáveis ou pode começar do zero se estiver se sentindo aventureiro.
O Canva também facilita o acesso a milhões de imagens, ilustrações, ícones e fontes dentro do aplicativo. O conteúdo da nossa biblioteca de mídia está disponível para uso em todos os seus projetos.
Você também pode:
Armazene, organize e edite suas imagens em uma brisa
Personalize seus modelos e compartilhe-os com sua equipe para edição
Publique seus designs em qualquer lugar para alcançar seu público
11º Encontro de Design & UX: Visualização de Dados - Entendendo suas EtapasLara Brito
Esta apresentação fez parte do 11º Encontro de Design & UX promovido pela comunidade UX da Petrobras em Setembro de 2021.
Data Viz tornou-se um tema muito relevante, não somente para quem trabalha com tecnologia mas também para qualquer pessoa que precisa mostrar resultados e obter insights através de dados. Esta apresentação aborda as etapas para realizar uma boa visualização de dados através de vários exemplos considerando aspectos como percepção visual, princípios de design e técnicas de narrativa e apresentação.
Design de Interação Criativo, Social, Emotivo e ComplicadoUTFPR
Design de Interação é, na minha visão, uma abordagem criativa para a Tecnologia da Informação, trazendo para o projeto a dimensão social, emotiva e contraditória das relações entre pessoas e objetos.
Uma Abordagem Baseada em Agentes para Planejamento e Monitoramento de Serviço...Nécio de Lima Veras
Apresentação utilizada no WESSAC 2014 para apresentação do artigo intitulado de "Uma Abordagem Baseada em Agentes para Planejamento e Monitoramento de Serviços de Saúde".
4. Conceitos básicos
● Design
– Concepção de um projeto ou modelo;
planejamento.
● Designer
– Indivíduo que planeja ou concebe um projeto ou
modelo.
● Web design e web designer.
Prof. Nécio Veras
5. O que é Design?
• [...] Design pode ser compreendido de várias
formas:
– habilidade, estilo, engenharia, invenção,
planejamento, refinamento, simples exercício de
bom gosto.
Texto de abertura da exposição “Design fo Life”
Cooper-Hewitt National Design Museum, Nova
York, EUA
Prof. Nécio Veras
6. Design
• Ver e transmitir experiência visual para
interlocutores.
• Levar em conta:
– Dinamismo;
– Legibilidade;
– Equilíbrio.
Prof. Nécio Veras
9. Design
• Saber colecionar referências visuais e como
profissionais do mundo inteiro resolvem
problemas similares.
• Aprende a montar as partes para construir um
todo;
• Requer tempo, paciência e cuidado em cada
detalhe;
• Talento é só um pré-requisito.
Prof. Nécio Veras
10. Design Digital
• Computador nas comunicações:
– Desktop Publishing: substitui todo processo de
design gráfico;
– Vídeo Digital: substitui processo de edição
usando fitas magnéticas e gerações;
– Internet: chega para deixar todo mundo confuso!
:)
• Escola de design: www.risd.edu
Prof. Nécio Veras
12. Design Digital
• Criação digital não é outra língua, mas sim, outra
forma de comunicação.
• Internet não é a última revolução: TV interativa, papel
digital, etc.
• Revista digital não pode competir com seu
equivalente em papel.
• Design para web não é fácil!
– Cada tela pode se comportar de uma forma diferente.
– Não há como projetar documentos que fiquem iguais
em todos os sistemas: Só se nivelar por baixo .
Prof. Nécio Veras
13. Design para Web
• Riqueza da mídia é bem maior do que foi quando
começamos a ver a cor no material impresso.
• Web é:
– Ágil como o rádio, abrangente como o jornal, rica
como o videogame, envolvente como a TV, móvel
como o celular.
• Pode ser:
– Cativante como a correspondência, profunda como
uma consulta a um especialista, imprevisível como um
papo de boteco.
Prof. Nécio Veras
14. Design para Web
• Páginas podem mudar de tamanho e proporção a todo
instante.
• Depende totalmente:
– Condições do computador;
– Capacidade de processamento;
– Recursos multimídia;
– Tamanhos dos monitores e janelas;
– Famílias de letras;
– Navegadores;
– Plug-ins;
– Tecnologia;
– Velocidade de acesso.
Prof. Nécio Veras
15. Design para a Web
• Cada leitor consultará as telas na ordem que
quiser;
• Quanto mais rico for o conteúdo, maiores as
chances de que a experiência de cada
visitante seja única;
• Internet não é linear.
Prof. Nécio Veras
16. Design em Diagramação
• Diagramação:
– Ato ou efeito de criar diagramas ou ordenação
e distribuição de elementos gráficos para
melhor conduzir o fluxo de leitura, de ideias e
de conceitos.
• Princípios Básicos (CRAP):
– Proximidades;
– Alinhamento;
– Repetição;
– Contraste;
Prof. Nécio Veras
17. Princípio: Proximidade
Itens relacionados entre si, devem ser
agrupados.
Quando vários ítens estão próximos,
tornam-se uma unidade visual e não
várias unidades individualizadas.
Isso ajuda a organizar informações e reduz
a desordem.
Prof. Nécio Veras
19. Exemplo
Agrupe as
informações
graficamente.
No início de uma
criação determine,
pela lógica, quais
informações
devem ser
enfatizadas e
quais devem ser
abrandadas.
Prof. Nécio Veras
21. Princípio: Alinhamento
• Dar coesão aos elementos.
• Mesmo elementos separados fisicamente
uns dos outros, se estiverem alinhados,
haverá uma linha invisível conectando-
os, tanto em relação aos seus olhos
quanto a sua mente.
• Avisar ao leitor que, mesmo não estando
próximos, os itens fazem parte do
mesmo grupo de elementos.
Prof. Nécio Veras
22. Exemplo
Elementos jogados em qualquer
lugar. Nenhum dos elementos
tem qualquer conexão com outro
elemento do cartão.
Informações organizadas,
além de terem sido agrupadas
pelo Princípio da Proximidade
Prof. Nécio Veras
23. Capa com formato padrão, sem brilho.
A reação inicial do leitor é negativa.
Centralizado no bloco.
Bloco descentralizado na
página.
O alinhamento à esquerda confere força à capa, além de
aparência mais sofisticada.
O nome do autor, mesmo longe do título, está conectado
pelo alinhamento.
Prof. Nécio Veras
25. Observe
Para que a página fique visualmente
organizada, encontre uma linha e guie-
se através dela.
Não centralize o título se o texto for
alinhado à esquerda. Como as laterais
são mal-definidas, não é possível
observar que o título está centralizado.
Evite a endentação de parágrafo em
colunas pequenas. Prefira um
espaçamento maior entre os
parágrafos.
Se houver ilustrações ou fotos, alinhe
pela esquerda ou pela linha base.
Prof. Nécio Veras
27. Princípio: Repetição
• Dar consistência ao material gráfico:
– Através do uso do uso do princípio da
repetição, o material terá uniformidade, ou
seja, uma parte será reconhecida como
pertencente ao restante do todo.
• É um esforço consciente para unificar
todos os elementos do design.
Prof. Nécio Veras
28. Exemplo
Os títulos e subtítulos são elementos
repetitivos (TAHOMA BOLD) e
mantém a consistência entre eles.
Prof. Nécio Veras
29. Exemplo
Repetições:
Fonte bold / Fonte light
Endentações
Espaçamento
Alinhamentos
Sinais de tópicos quadrados
Prof. Nécio Veras
30. Exemplo
Repetições:
Um dos elementos da imagem (o
triângulo) foi repetido na página, dando
unidade ao todo.
Prof. Nécio Veras
31. Princípio: Contraste
• Acrescentar algum atrativo visual à página,
criando uma hierarquia organizacional entre
diferentes elementos.
• Cria-se um contraste quando dois elementos
são diferentes.
– Se eles diferirem só um pouco, não acontecerá
o contraste, mas um conflito.
• Se dois elementos não forem exatamente os
mesmos, diferencie completamente.
Prof. Nécio Veras
38. Referências
Esta apresentação foi inspirada e baseada nos
materiais didáticos de:
– Prof. Wanderlei Paré (Oficina de Produção
Gráfica);
– Graciana Somoni Fischer (Design na Web);
– Prof. Régis Pires (Curso de Introdução ao Web
Design)
Prof. Nécio Veras