Please enable JavaScript.

Coggle requires JavaScript to display documents.

FUNDAMENTOS DO DESIGN, LAYOUT, DEFINA UM CONCEITO!!! - Coggle Diagram

- - - - Desenhar
      - Pintura
      - Software
    - - Forma/Estética
        
        Senso
        
        LINGUAGEM VISUAL - SINTAXE VISUAL
      - Percepção Visual
        
        Entender o PÚBLICO
        
        VARIÁVEIS - CARACTERÍSTICAS INDIVIDUAIS
      - Fotografia/ILUSTRAÇÃO
        
        Transmitir IDEIA
        
        FUNDAMENTOS
        
        EMOÇÕES
        
        CLIMA
        
        LUZ E SOMBRAS
        
        3D
        
        PHOTOSHOP
        
        FOTOGRAFIA
      - Funcionalidade/Usabilidade/Ergonomia
        
        FORMA - OBJETIVO - FIM
        
        TRAZER BEM ESTAR
        
        FACILIDADE DE USO
      - Tecnologia
        
        INOVAÇÃO
        
        MÍDIAS
        
        INTELIGÊNCIA ARTIFICIAL
      - Produção Gráfica/DIGITAL e Eletrônica
      - Processos produtivose e Matéria-Primas
      - Mídia e Superfícies/Programas Gráficos
        
        SOFTWARES
        
        ESTRATÉGIA
  - - - TEMPO!!!
      - RISCOS
      - CUSTOS
      - QUALIDADE 100%
        
        QUALIDADE GERA QUANTIDADE!!!
      - AQUISIÇÕES
      - COMUNICAÇÃO
        
        FÁCIL ACESSO
        
        CANAL DE MÃO DUPLA
      - EQUIPE/PARTES ENVOLVIDAS
  - - - Soluções INOVADORAS
        
        FUGIR DA PREVISIBILIDADE
        
        FUGIR DA PREVISIBILIDADE
      - TECNOLOGIAS
    - - ESTILO/Identidade
        
        MARCA PESSOAL
    - - PROCESSOS
        
        ETAPAS
        
        COMPROMETIMENTO
        
        PRAZOS
    - - SABER O QUE PRECISA SER FEITO
    - - ESTÉTICA - SOCIOLOGIA - GEOPLÍTICA - CULTURA
        
        TOMADA DE DECISÃO
        
        VISÃO COERENTE DA REALIDADE E ARGUMENTATIVA
- - - - ÓBVIO!!!
        
        70% CHEGA AO ÓBVIO
        
        MEDIOCRIDADE
        
        PELO MENOS 3 IDEIAS
  - - - PLÚBLICO
      - MÍDIAS
  - - - ATITUTDES, MODELOS
        
        FALE MENOS
  - - - IA
      - 3DBASHING
      - PHOTOBASHING
      - ADDONS
      - HACKS
  - - - AUTOMATIZAR
        
        SINTONIZADO
  - - - CLIENTE
        
        RESOLVER O PROBLEMA DELE
      - CONSUMIDOR
        
        CUMPRA PROMESSAS
- - - - PEQUISA MAIS IMPORTANTE DAS ETAPAS
        
        PROBLEMATIZAÇÃO NASCIMENTO DO PROJETO
        
        Briefing
        
        Problemas
        
        Oportunidades
        
        Limitações
        
        Objetivos
        
        Custos
        
        Prazos
        
        AUMENTA O FOCO
        
        AUMENTA A CRIATIVIDADE
        
        PERGUNTAS!!!
        
        SABER LER O BRIEFING
        
        REVELAR
        
        METAS
        
        COLOCAR NO PAPEL
        
        VIZUALIZAR PROBLEMAS
        
        VIZUALIAR AS REAIS POSSIBILIDADES
        
        MATERIALIZAR PARA VISUALIZAR LIMITAÇÕES
      - Amostragens
      - Mídias
      - Técnicas Medogológicas
      - Abordagens Persuasivas
        
        Saia do óbvio
        
        Fuja da cópia
        
        Soluções Novas
        
        Inconfundíveis
      - Investigação
        
        PROCESSO CRIATIVO
        
        Compare/Analise/Verifique Informações
        
        Saiba qual é o Público Alvo e o Concorrente!
      - SKETCH
        
        TestDrive
      - APRESENTAÇÃO
        
        Justificar TODAS AS ESCOLHAS
      - REVISÃO
        
        ARTE FINAL
      - MOSTRE QUE VOCÊ RESOLVE O PROBLEMA!!!
      - MOSTRE QUE VOCÊ DOMINA O PROCESSO
      - NÃO É LINEAR
  - - - PÚBLICO ALVO
        
        Amostra de Opinião
        
        3 PROPOSTAS
        
        Público de Controle
      - PALETA DE CORES
      - ESTILO
      - OBJETIVOS DO CLIENTE
        
        STUDIOS
      - SÍMBOLOS
      - JUSTIFICAR TUDO
    - - SKETCH
      - BLOCAGEM
      - 2 BLOCAGEM
      - REFINAMENTO
      - LIMPEZA
      - ARTE FINAL
      - BUSQUE REFERÊNCIAS
        
        VISUAL
        
        ESTÉTICA
        
        TÉCNICA
        
        SENSORIAL
        
        SONORA
  - - - SER MAIS TÉCNICO DO QUE INUITIVO
    - - OBJETIVOS DO CLIENTE
      - RESOLVER UM PROBLEMA
- - - - GUIA DE LEITURA VISUAL
    - - FORMA
      - FUNÇÃO
      - METODOLOGIA
      - ASPECTO SIMBÓLICOS
  - - - FUNÇÃO
      - METODOLOGIA
      - ASPECTOS SIMBÓLICOS
      - FORMA
  - - - CADA ELEMENTO VISUAL PRESENTE EM LAYOUT
        
        NÃO CO-RELACIONADOS
        
        DISTANTES
      - GRUPO DE INFORMAÇÕES SEMELHANTES
        
        UMA VEZ AGRUPADAS
        
        TORNAM-SE APENAS UMA UNIDADE
      - BLOCOS
      - 1 - PROXIMIDADE
        
        ITENS RELACIONADOS ENTRE SI DEVEM SER AGRUPADOS
        
        ORAGNIZA INFORMAÇÃO
        
        3 UNIDADES
        
        EVITA DESORDEM
        
        UNIDADES
        
        LINKS
        
        SEPARAÇÃO
        
        RESPIRO
        
        DICAS
        
        EVITE DEMASIADOS ELEMENTOS GRÁFICOS SEPARADOS NA PÁGINA
        
        EVIDENCIE O AGRUPAMENTO DOS ELEMENTSO QUE SÃO RELACIOANDOS ENTRE SI
        
        SEPARE CLARAMENTE OS QUE NÃO SÃO RELACIONADOS
        
        NUNCA APROXIME ELEMENTOS QUE NÃO SÃO RELACIONADOS ENTRE SI
      - CADA ELEMENTO VISUAL EM UM LAYOUT - ESTEJAM DISTANTES E NÃO CO-RELACIONADOS
      - GRUPO DE INFORMAÇÕES SEMELHANTES QUE UMA VEZ AGRUPADAS, TORNAM-S APENAS "UMA UNIDADE"
    - - X FORM
        
        LINHAS DIAGONAIS
      - LINHAS INVISÍVEIS
        
        TRAÇAR AS LINHAS NA PÁGINA
        
        DIAGRAMAÇÃO
      - ORGANIZAÇÃO
      - PLANEJAMENTO
      - ESPAÇOS BRANCOS
        
        EQUILIBRIO DINÂMICO
        
        FORMAM LINHAS
        
        GRIDS - LINHAS INVISÍVEIS
        
        CAMINHO DO OLHAR
        
        CONFORTO NO OLHAR
    - - ORGANIZAR
        
        CORES
      - UNIDADE DA PEÇA FORTALECIDO
      - INTEGRAÇÃO
      - HIERARQUIA
        
        TAMANHO
        
        DESTAQUE
      - PADRÃO
        
        FACILITA A LEITURA
        
        ACHAR INFORMAÇÃO RÁPIDAMENTE
      - DICAS
        
        NÃO DEIXE OS ELEMENTOS REPETIDOS SE SOBREPOREM A MENSAGEM
        
        NÃO REPETIR DEMAIS - DEIXE ESPAÇOS - SENÃO CAUSAM RUIDOS
      - VÁRIOS ELEMENTOS
      - SOFISTICAÇÃO
        
        ELEGÂNCIA
        
        FACILITAR IDENTIFICAÇÃO
    - - COMO CRIAR?
        
        CORES - FORMAS - TEXTURAS - TAMANHOS - LINHAS - ETC
        
        TONAL
        
        FORMAL
        
        PLANOS
        
        EIXOS
      - DEIXAR MAIS ATRAENTES
        
        SEGREGAR
        
        DIFERENCIAR
      - DESTACAR IMPORTÂNCIA
        
        HIERARQUIA
        
        DIFERENCIAR
      - SEGREGAR - DIFERENCIAR INFORMAÇÃO
        
        IMPORTÂNCIA
      - CUIDADO - NÃO PERDER HARMONIA E ESTABILIDADE
    - - CONFORTO
      - DESCANÇO
      - FLUIDEZ
- - - - SIGNOS
        
        SINTAXE
        
        SABER USAR PARA PODER QUEBRAR AS REGRAS
        
        REGRAS DE EXPRESSÃO
        
        HTML X PORTUGUÊS X ALGORÍTIMO
        
        FORMA ASSOCIADA A UMA IDEIA
      - ELEMENTOS MENSAGEM FORMADA SIGNOS
    - - CÓDIGOS
        
        LETRAS
        
        PALAVRAS
        
        SIGNOS
        
        SINTAXE
        
        GRAMÁTICA
        
        1 more item...
  - - - LER - DECOMPOR - EXPRESSAR
      - INTERPRETAR
  - - - REGRAS
        
        PARTES
        
        COMPOSIÇÃO VISUAL
        
        SUCESSO NA COMREENSÃO E COMUNICAÇÃO
        
        TODO
    - - ELEMENTOS
        
        INTELECTUAIS
        
        1ORGANIZAÇÃO
        
        HIERARQUIA IMPORTÂNCIA
        
        TIPO DE EMOÇÃO
        
        TÉCNICAS DE COMPOSIÇÃO
        
        2 more items...
        
        COMO TRANSMITIR?
        
        ESTRUTURA DA GRID - PONTOS INTERSSEÇÃO
        
        USAR PERSPECTIVA PARA GUIAR A VISÃO
        
        CONVERGIR - DIRECIONAR - APONTAR - FOCO
        
        DISTRIBUIÇÃO NO LAYOUT
        
        FORMAS GEOMÉTRICAS E MEDIDAS ÁUREAS
        
        O QUE É MAIS IMPORTANTE DESTACAR?
        
        DO TODO PARA AS PARTES
        
        DESTAQUES
        
        ORGANIZAÇÃO
        
        1 more item...
        
        HARMONIA
        
        CLAREZA
        
        DEFINIR IMPORTÂNCIA!
        
        O QUE VEM PRIMEIRO
        
        PESO VISUAL
        
        HIERARQUIA
        
        PRIORIDADE
        
        TIPOS DE INFORMAÇÃO!
        
        COMO SERÃO DISTRIBUIDOS
        
        GRAU DE COMPLEXIDADE?
        
        3 more items...
        
        QUAL A EMOÇÃO?
        
        HARMONIA
        
        1 more item...
        
        CONTRASTE
        
        1 more item...
        
        2 - EQUILIBRIO
        
        PRIMEIRA CONDIÇÃO
        
        REFERÊNCIA VISUAL HUMANA
        
        NECESSIDADE FISIOLÓGICA
        
        1 more item...
        
        EQUILIBRIO ESTÁTICO X DINÂMICO
        
        MESMO PESO VISUAL
        
        TENSÃO E DESEQUILIBRIO PODE SER DESEJÁVEL - CHAMAR ATENÇÃO!!!
        
        EQUILIBRIO FORMAL
        
        SIMETRIA
        
        MESMO PESO VISUAL
        
        3 more items...
        
        EQUILIBRIO INFORMAL
        
        ASSIMETRIA E TENSÃO
        
        INTERESSANTE!
        
        PUBLICO ESPECIAL
        
        PUBLICO JOVEM
        
        MAIS DIFÍCIL RESOLVER A COMPOSIÇÃO
        
        AGUÇAMENTO - DISTANTE DO CENTRO ÓTICO
        
        1 more item...
        
        AMBIGUIDADE - PRÓXIMO DO CENTRO MAS NÃO - INDESEJADA - INCOMODO - FALTA REFERÊNCIA DE EQUILÍBRIO
        
        1 more item...
        
        PONTO DE MAIOR TENÇÃO - CANTO SUPERIOR ESQUERDO!!! - DEPOS DIREITO INFERIOR
        
        1 more item...
        
        FORMAS GEOMÉTRICAS
        
        1 more item...
        
        3 - PESO VISUAL
        
        COMPOSIÇÃO
        
        COMO OBTER?
        
        COR
        
        3 more items...
        
        TAMANHO
        
        2 more items...
        
        POSIÇÃO
        
        2 more items...
        
        ATRAÇÃO
        
        5 more items...
        
        ISOLAMENTO +
        
        FORÇA SOBRE O TELESPECTADOR
        
        PODER DE ATRAÇÃO DO ELEMENTO VISUAL
        
        DETERMINA ESTABILIDADE E INSTABILIDADE DA PEÇA
        
        4 - DIREÇÃO VISUAL
        
        MOVIMENTO
        
        RITMO
        
        SEQUENCIA DOS ELEMENTOS
        
        PERCURSO - SENTIDO - DE LEITURA
        
        USAR FORMAS GEOMÉTRICAS
        
        TRIANGULAR
        
        CIRCULAR
        
        RETANGULAR
        
        LINEAR
        
        A FORMA CONDUZ O OLHAR!!!
        
        FORMA PREENCHE DE SIMBOLISMO E SIGNIFICADO
        
        FORMA + DIREÇÃO
        
        INCLINAÇÃO APONTA PARA A PRÓXIMA INFORMAÇÃO
        
        CAMINHO DEFINIDO DO PROJETO
        
        O OLHAR E AS MÃOS DO PERSONAGEM APONTA UMA DIREÇÃO!!!
        
        FOTOGRAFIA E ILUSTRAÇAÕ
        
        A MÃO DO PERSONAGEM APONTA PARA UMA DIREÇÃO
        
        EU DIRECIONO O OLHAR DO TELESPECTADOR
        
        DETERMINA COMO OS ELEMENTOS ESTRUTURIAS PODERÃO SER DISTRIBUIDOS NO PROJETO DE UMA FORMA PENSADA, PLANEJADA PARA ATINGIR UM OBJETIVO
        
        COMO OS ELEMENTOS ESTRUTURAIS PODERÃO SER DISTRIBUÍDOS
        
        CAMINHO
        
        RITMO
        
        MOVIMENTO
        
        ESTRUTURAIS
        
        LINHA
        
        SIGNIFICADOS!!!
        
        MOVIMENTO
        
        DIRECIONAMENTO
        
        1 more item...
        
        ANGULOS INVISÍVEIS
        
        PERCEPÇÃO
        
        FORMA
        
        CIRCULO - QUADRADO - TRIANGULO
        
        TRILOGIA DO DESIGN
        
        CARACTERÍSTICAS ESPECÍFICAS
        
        4 more items...
        
        QUADRADO
        
        1 more item...
        
        CÍRCULO
        
        2 more items...
        
        TRIANGULO
        
        1 more item...
        
        REPRESENTAÇÃO EXTERIOR
        
        FORMA PERMANECE CONSTANTE
        
        TODA FORMA DERIVA DE UMA ORGANIZAÇÃO IMAGINÁRIA
        
        EVIDENCIAR CARACTERÍSICAS POTENCIAIS DE INTENÇÃO
        
        PONTOS FOCAIS - SENTIDO DE ORIENTAÇÃO ESPACIAL
        
        PLANO
        
        TRAJETÓRIA DA LINHA EM MOVIMENTO
        
        THUMBNAILS
        
        SENSAÇÕES TÁTEIS DAS SOMBRAS - INTERPRETAÇÃO HUMANA DE PERIGO, ALIMENTO, INSTINTIVO - SINAIS
        
        PLANOS GEOMÉTRICOS
        
        SÓLIDOS
        
        PLANOS ORGÂNICOS
        
        SENSUALIDADE
        
        VIDA
        
        FLUIDEZ
        
        RETILÍNEOS
        
        NÃO SE RELACIONAM
        
        IRREGULARES
        
        REALIDADE
        
        ACIDENTAIS
        
        ÁRVORES
        
        SEMPRE BIDIMENSIONAL
        
        ACIDENTAIS - EFEITOS DE AQUARELA E ESPECIAIS
        
        CALIGRÁFICOS
        
        VOLUME
        
        SOBREPOSIÇÃO DA FORMA - PERSPECTIVAS
        
        3D
        
        RENDER - PERSPECTIVAS
        
        LINEAR
        
        ATMOSFÉRICA
        
        PERSPECTIVA
        
        EM TUDO
        
        LINEAR - ATMOSFÉRICA
        
        VARIAÇÃO TONAL
        
        COR
        
        Bastonete - luz
        
        LUMINOSIDADE
        
        PREVALENCIA DA COR NA PEÇA
        
        LUMINOSIDADE
        
        cone - luz
        
        COR
        
        PSICOLOGIA DA COR
        
        Observação da Natureza
        
        PUPILA
        
        ABERTURA
        
        LUMINOSIDADE
        
        3 more items...
        
        TOM
        
        LUZ EXISTENTE
        
        SENSIBILIDADE TONAL
        
        MOVIMENTO PROFUNDIDADE
        
        1 more item...
        
        SENSIBILIDADE TONAL -
        
        ENXERGAR VOLUME
        
        REFERÊNCIA E COMPARAÇÃO DA LUZ
        
        CONTRASTE
        
        CAMADAS DE LUZ
        
        VARIAÇÕES TONAIS ENTRE PRETO E BRANCO
        
        VALOR TONAL
        
        TEXTURA
        
        QUALIDADE TÁTIL
        
        GEOMÉTRICAS
        
        ORGÂNICAS
        
        SENSAÇÕES
        
        TRIDIMENSIONALIDADE
        
        PONTO
        
        Peso Visual - PONTO FOCAL
        
        CONDUZIR ATENÇÃO
        
        3 A 4 PONTOS
        
        2 more items...
        
        UNIDADE DE COMUNICAÇÃO
        
        MAIS SIMPLES
        
        IRREDUTIBILIDADE
        
        PONTO FOCAL
        
        CENTRO DE ATRAÇÃO VISUAL
        
        PODER DE ATRAÇÃO DA VISÃO
        
        HIERARQUIA PRIMORDIAL
        
        ELEMENTO PRIMÁRIO
        
        DUAS LINHAS SE CRUZAM
        
        AGRUPADO OU ALEATÓRIO
        
        IMAGEM
        
        SENTIDO - DIRECIONAMENTO
        
        ESCALA
        
        BASE DO TRABALHO VISUAL
        
        DAR SENTIDO A COMPOSIÇÃO
        
        EFEITO ÓTICO
        
        REAÇÃO PLANEJADA
        
        CONTROLAR O PROJETO
        
        REGRAS
      - FUNDAMENTOS PARA O DESIGN PROFISSIONAL
      - ALFABETISMO VISUAL
        
        PARTES
        
        TODO
    - - CONSERVADORES
      - INOVADORES
- - - - Olho humano tende a agrupar as várias unidades de um campo visual para formar um todo.
  - - - UNIDADE
        
        O TODO
        
        FORMAL
        
        DIMENSIONAL
        
        CROMÁTICA
      - SEGREGAÇÃO
        
        SEPARAR
        
        HIERARQUIA
      - UNIFICAÇÃO
        
        HARMONIA
        
        ORGANIZAÇÃO
        
        EQUILIBRIO
      - PROXIMIDADE
        
        UNIFICAR SEMELHANTES
        
        INFORMAÇÕES RELACIONADAS
      - SEMELHANÇA
        
        FORMAR UNIDADE
        
        COR
        
        ROUPAS
        
        ATITUDE
        
        RODAS
      - CONTINUIDADE
        
        COERENCIA
        
        SEM QUEBRA
        
        SEM INTERRUPÇÃO
        
        TRAJETÓRIA
        
        FLUIDEZ
        
        CONDUZIR O OLHAR PARA UMA DIREÇÃO
        
        PONTOS
        
        LINHAS
        
        CORES
        
        VOLUME
        
        1 more item...
      - FECHAMENTO
        
        O CÉREBRO COMPLETA O DESENHO
      - PREGNÂNCIA
        
        LEI DA SIMPLICIDADE
        
        HARMONIA
        
        SIMPLIFICAÇÃO
        
        CLAREZA
      - ATITUDE
        
        AGRADAR O CÉREBRO
- - - - EQUILIBRIO
        
        REGULARIDADE
        
        SIMPLICIDADE
        
        UNIDADE
        
        ECONOMIA
        
        MINIMIZAÇÃO
        
        2 more items...
        
        CORES
        
        INTELIGENTE
        
        REPETIR PADRÃO
        
        CENTRO GEOMÉTRICO
      - CENTRO ÓTICO
  - - - INSTABILIDADE
        
        IRREGULARIDADE
        
        COMPLEXIDADE
        
        FRAGMENTAÇÃO
        
        PROFUSÃO
        
        EXAGERO
        
        1 more item...
        
        BELEZA
        
        APARÊNCIA EXTERNA
        
        CARATER INDIVIDUAL
        
        PUBLICO NÍVEL INTELECTUAL MAIOR
- - - - PANTONE
        
        ADOBE
  - - - VISUAIS
        
        CULTURA
        
        INCONSCIENTE COLETIVO
      - CROMÁTICAS
        
        EMOCIONAIS
        
        MATERIAIS
      - ACROMÁTICAS
        
        PRETO
        
        BRANCO
        
        CINZA
  - - - SATURADA
    - - RGB
    - - CMYK
        
        K - CONTRASTE
      - CORES
        
        PRIMÁRIAS
        
        SECUNDÁRIAS
        
        TERCIÁRIAS
      - HARMONIA
        
        MONOCROMÁTICA
        
        TONS DIFERENTES
        
        COMPLEMENTAR
        
        OPOSTAS
        
        SIMÉTRICA
        
        CONTRASTE EXTREMO
        
        DIVIDIDA (3)
        
        CORES ADJACENTES A SUA COMPLEMENTAR
        
        CONTRASTE NÃO TÃO EXTREMO
        
        TETRAÉDICA
        
        2 PARES DE CORES COMPLEMENTARES
        
        DIFÍCIL HARMONIZAR
        
        ESCOLHER COR DOMINANTES
        
        QUADRADO
        
        2 OPOSIÇÕES
        
        ANÁLOGA
        
        PRIMÁRIA +
        
        DUAS CORES VIZINHAS
        
        DOMINANTES
        
        ADJACENTES
        
        ENRIQUECER A HARMONIA
        
        CARECE DE COR DE CONTRASTE
        
        TRIÁDICA
        
        MAIS BALENCEADO
        
        MAIS HARMONIOSO