Software para desenvolver gráficos e layouts, editar fotos e criar sites.
CorelDRAW
CorelDRAW
Exemplo:
Corel Draw
Brainstorm
É uma técnica em grupo ou individual utilizada para geração de ideias. A técnica de brainstorming propõe que um grupo de pessoas se reúnam e utilizem seus pensamentos e ideias para que possam chegar a um denominador comum, a fim de gerar ideias inovadoras que levem um determinado projeto adiante. Nenhuma ideia deve ser descartada ou julgada como errada ou absurda, todas devem estar na compilação ou anotação de todas as ideias ocorridas no processo, para depois evoluir até a solução final.
Brainstorm
Brainstorm
Brainstorm
Exemplo:
Briefing
Exemplo:
O briefing é um conjunto de dados que possibilita à equipe de trabalho compreender e mensurar o projeto. Nele, é especificado qual o produto a ser desenvolvido, qual o seu conceito, para quem se destina e os recursos produtivos.
Composição
Composição visual é o processo de planeamento e ordenamento dos elementos visuais em um plano visual. Levando em conta a harmonia, simetria e assimetria, equilíbrio e contraste.
Exemplo:
Contraste
É uma ferramenta de expressão, trabalha com as diferenças. O contraste intensifica o significado, além de estimular e atrair a atenção. O contraste pode ser de tamanho, de cores, de proporção, de tonalidades, de texturas, de formas, etc.
Contraste
Contraste
Contraste
Contraste
Exemplo:
Identidade visual
Identidade visual é o conjunto de elementos formais que representa visualmente e de forma sistematizada, um nome, uma ideia, um produto, uma empresa, instituição ou serviço. Esse conjunto de elementos costuma ter como base uma logomarca integrada a um logotipo.
Exemplo:
Cores análogas
Cores vizinhas, que aparecem lado-a-lado, no disco das cores.
Cores Análogas
Cores Análogas
Cores Análogas
Exemplo:
Cores complementares
Cores opostas no disco das cores.
Cores Complementares
Cores Complementares
Cores Complementares
Exemplo:
Cores monocromáticas
Uma só cor mas em diferentes tonalidades.
Cores Monocromáticas
Cores Monocromáticas
Exemplo:
Cores primárias
Cores puras, que não se fragmentam. Não podem ser formadas por nenhuma mistura.
Cores Primárias
Cores Primárias
Exemplo:
Círculo/Disco das cores
Criado por Johannes itten, é um disco composto de cores que permite descobrir combinações harmoniosas das mesmas.
Circulo das Cores
Circulo das Cores
Exemplo:
Diagramação
A diagramação é a arte ou técnica de distribuir os elementos gráficos no espaço delimitado de uma página impressa ou veiculada em meios eletrônicos ou digitais.
Diagramação
Diagramação
Exemplo:
GRID
Grid é um elemento técnico-formal formado por um conjunto de linhas auxiliares na vertical e horizontal, ou de retângulos, que proporcionam uma estrutura para construção das nossas peças de comunicação visual, gráfico ou web, auxiliando na ordenação, distribuição, alinhamento e dimensão dos elementos gráficos (imagens, textos, formas).
Exemplo:
Gestald
Teoria da boa forma, é um sistema de leitura visual da forma. Possui várias leis que explicam como nosso cérebro lê as formas.
Gestalt
Gestalt
Exemplo:
In Design
Software com conjunto de ferramentas de design e layout de página, com ele é possível trabalhar em diferentes desktops e dispositivos móveis para criar, comprovar e publicar o que quiser, inclusive livros e folhetos impressos, revistas digitais, aplicativos para iPad, eBooks e documentos online interativos.
InDesign
InDesign
InDesign
Exemplo:
Tom
Maior ou menor quantidade de luz presente na cor. Acrescenta-se preto para tons mais escuros e branco para tons mais claros.
Exemplo:
Illustrator
Software padrão do setor de gráficos vetoriais permite criar logotipos, ícones, esboços, tipografia e ilustrações complexas para impressão, Web, conteúdo interativo, vídeos e dispositivos móveis.
Adobe Illustrator
Adobe Illustrator
Adobe Illustrator
Exemplo:
Ilustração
A ilustração é uma imagem, desenho, pintura ou colagem que serve, normalmente, para acompanhar um texto, a fim de complementar as informações nele contido, facilitando sua compreensão.
Exemplo:
Inspiração/criatividade
A criatividade é uma qualidade adquirida por pessoas curiosas que buscam inspiração em informações e têm a sensibilidade de percebê-las de forma diferente.
Exemplo:
Lei da Continuidade
Lei da Gestalt que fala sobre a tendência dos elementos de acompanharem uns aos outros, de maneira tal que permitam a continuidade de um movimento para determinada direção, utilizando para fazer isso pontos , linhas, planos, volumes, cores, textura, etc.
Lei da Continuidade
Lei da Continuidade
Exemplo:
Lei da Proximidade
Lei da Gestalt que diz que Elementos próximos tendem a se agrupar, constituindo uma unidade.
Lei da Proximidade
Lei da Proximidade
Lei da Proximidade
Exemplo:
Lei da Segregação
Esta Lei fala sobre a capacidade que o cérebro tem de perceber, identificar, separar e destacar informações dentro de uma composição. Isto pode servir para definir hierarquias ou diferenciar partes da composição/unidade. Essa segregação pode ser feita por diversos elementos visuais: cores, sombras, texturas, pontos, linhas e etc
Lei da Segregação
Lei da Segregação
Exemplo:
Lei do Fechamento
O Fechamento é a Lei da Gestalt que faz com que nosso cérebro produza contornos e/ou faça fechamentos que não existem. Isto acontece porque tendemos a fazer o fechamento da estrutura imaginando a continuidade da sua estrutura, seguindo uma “ordem espacial lógica.
Lei do Fechamento
Lei do Fechamento
Lei do Fechamento
Exemplo:
Painel semântico / moodboard
É um quadro de referências visuais para determinados aspectos do projeto, tais como cores, formas, texturas, conceitos, cenários, etc. O painel semântico ou moodboard é uma COLAGEM DE IDEIAS e INSPIRAÇÃO para qualquer trabalho de design.
Moodboard
Moodboard
Exemplo:
Photoshop
Software para processamento e edição de imagens digitais.
Photoshop
Photoshop
Photoshop
Exemplo:
Pregnância da forma
“[…] uma boa pregnância pressupõe que a organização formal do objeto, no sentido psicológico, tenderá ser a melhor possível do ponto de vista estrutural.” A Pregnância é então a medida facilidade de compreensão, leitura e identificação de uma composição visual. Quanto maior a Pregnância, maior será a rapidez da leitura da forma pelos nossos olhos e, sendo assim, melhor será a comunicação e entre o objeto (ex.: peça gráfica) e o receptor (ex.: público).
Pregnância da Forma
Pregnância da Forma
Pregnância da Forma
Exemplo:
Textura
Textura é o aspecto de uma superfície ou seja, a "pele" de uma forma, que permite identificá-la e distingui-la de outras formas. Quando tocamos ou olhamos para um objeto ou superfície sentimos se a sua pele é lisa, rugosa, macia, áspera ou ondulada. A textura é, por isso, uma sensação visual ou táctil.
Textura
Textura
Exemplo:
Tipografia
Tipografia é a impressão dos tipos.
Tipografia
Tipografia
Exemplo:
Tipos
O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana, futura, arial, etc.
Exemplo: