Elementos e princípios de design visual

Da Wikipédia, a enciclopédia livre
Ir para a navegação Saltar para pesquisar

Elementos e princípios de design visual descrevem idéias fundamentais sobre a prática do design visual .

Elementos do design da arte [ editar ]

Os elementos de design são as unidades básicas de qualquer design visual que formam sua estrutura e transmitem mensagens visuais. [1] [2] O pintor e teórico do design Maitland E. Graves (1902-1978), que tentou gestar os princípios fundamentais da ordem estética no design visual, [3] em seu livro, The Art of Color and Design (1941) , definiu os elementos do design como linha, direção, forma , tamanho , textura , valor e cor , concluindo que "esses elementos são os materiais a partir dos quais todos os designs são construídos". [4]

Elementos de arte e design
Estrela colorida contendo cores primárias, secundárias e terciárias.

Cor [ editar ]

A cor é o resultado da luz refletida de um objeto para nossos olhos. [5] A cor que nossos olhos percebem é determinada pelo pigmento do próprio objeto. [5] A teoria das cores e a roda de cores são muitas vezes referidas ao estudar combinações de cores em design visual. [6] A cor é muitas vezes considerada um elemento importante do design, pois é uma linguagem universal que apresenta as inúmeras possibilidades de comunicação visual. [7]

Matiz , saturação e brilho são as três características que descrevem a cor. [8]

  • Matiz pode ser simplesmente referido como "cor" como em vermelho, amarelo ou verde. [9]
  • A saturaçãobrilho ou embotamento à cor, o que afeta a vibração da cor. [9]
  • Valores , matizes e tons de cores são criados adicionando preto a uma cor para um tom e branco para um matiz. A criação de uma tonalidade ou tonalidade de cor reduz a saturação . [9]

Teoria das cores no design visual [ editar ]

A teoria das cores estuda a mistura de cores e combinações de cores. É uma das primeiras coisas que marcaram uma abordagem de design progressiva. [7] No design visual, os designers referem-se à teoria das cores como um corpo de orientação prática para alcançar certos impactos visuais com combinações de cores específicas. [ citação necessária ] O conhecimento teórico da cor é implementado nos designs para alcançar um design de cores bem-sucedido. [10]

A harmonia de cores , muitas vezes referida como uma "medida de estética", [10] estuda quais combinações de cores são harmoniosas e agradáveis ​​​​aos olhos, e quais combinações de cores não são. [8] A harmonia de cores é a principal preocupação dos designers, uma vez que as cores sempre existem na presença de outras cores na forma ou no espaço. [10]

Quando um designer harmoniza as cores, as relações entre um conjunto de cores são aprimoradas para aumentar a forma como elas se complementam. As cores são harmonizadas para obter um efeito equilibrado, unificado e esteticamente agradável para o espectador. [8]

A harmonia de cores é alcançada de várias maneiras, algumas das quais consistem em combinar um conjunto de cores que compartilham o mesmo matiz ou um conjunto de cores que compartilham os mesmos valores para duas das três características de cores (matiz, saturação, brilho) . [8] A harmonia de cores também pode ser alcançada simplesmente combinando cores consideradas compatíveis entre si [8] representadas na roda de cores .

Os contrastes de cores são estudados com um par de cores, ao contrário da harmonia de cores, que estuda um conjunto de cores. No contraste de cores, duas cores com diferenças perceptíveis em aspectos como luminância ou saturação são colocadas lado a lado para criar contraste. [ citação necessária ]

Johannes Itten apresentou sete tipos de contrastes de cores: contraste de claro e escuro, contraste de matiz, contraste de temperatura, contraste de saturação , contraste simultâneo, contraste de tamanhos e contraste de complementar. [8] Esses sete tipos de contrastes de cores inspiraram trabalhos anteriores envolvendo esquemas de cores no design. [8]

Esquemas de cores são definidos como o conjunto de cores escolhidas para um design. Eles são geralmente compostos de duas ou mais cores que parecem atraentes uma ao lado da outra e criam uma sensação estética quando usadas juntas. Os esquemas de cores dependem da harmonia de cores , pois apontam para quais cores parecem agradáveis ​​umas ao lado das outras. [10]

Um produto de design satisfatório é frequentemente acompanhado por um esquema de cores bem-sucedido. Com o tempo, ferramentas de design de cores com a função de gerar esquemas de cores foram desenvolvidas para facilitar a harmonização de cores para os designers. [11]

Uso da cor no design visual [ editar ]

  • A cor é usada para criar harmonia, equilíbrio e conforto visual em um design [10]
  • A cor é usada para evocar o humor e a emoção desejados no espectador [5]
  • A cor é usada para criar um tema no design [8]
  • A cor tem significado e pode ser simbólica. Em certas culturas, cores diferentes podem ter significados diferentes. [5]
  • A cor é usada para enfatizar os elementos desejados e criar hierarquia visual em uma obra de arte [12]
  • A cor pode criar identidade para uma determinada marca ou produto de design [12]
  • A cor permite que os espectadores tenham diferentes interpretações dos designs visuais. A mesma cor pode evocar emoções diferentes, ou ter vários significados para diferentes indivíduos e culturas [5]
  • As estratégias de cores são usadas para organização e consistência em um produto de design [9]
  • No projeto arquitetônico de um ambiente de varejo, as cores afetam a tomada de decisão que motiva os consumidores a comprar determinados produtos [12]
Da mesma forma, estrelas em uma constelação conectadas por linhas imaginárias são um exemplo natural do uso de linhas em uma composição

Linha [ editar ]

A linha é um elemento de arte definido por um ponto em movimento no espaço. As linhas podem ser verticais, horizontais, diagonais ou curvas. Eles podem ter qualquer largura ou textura e podem ser contínuos, implícitos ou quebrados. Além disso, existem diferentes tipos de linhas além das mencionadas anteriormente. Por exemplo, você pode ter uma linha horizontal e em ziguezague ou uma linha vertical e em ziguezague. Linhas diferentes criam humores diferentes, tudo depende de qual humor você está usando a linha para criar.

Ponto [ editar ]

Um ponto é basicamente o começo de “algo” em “nada”. Ele força a mente a pensar sobre sua posição e dá algo para construir tanto na imaginação quanto no espaço. Alguns pontos abstratos em um grupo podem provocar a imaginação humana para vinculá-lo a formas ou formas familiares.

Forma [ editar ]

Uma forma é definida como uma área bidimensional que se destaca do espaço próximo ou ao seu redor devido a um limite definido ou implícito, ou devido a diferenças de valor, cor ou textura. [13] Formas são objetos e formas reconhecíveis [5] e geralmente são compostas por outros elementos de design. [14]

Por exemplo, um quadrado desenhado em um pedaço de papel é considerado uma forma. Ele é criado com uma série de linhas que servem como um limite que molda o quadrado e o separa do espaço ao seu redor que não faz parte do quadrado. [5]

Tipos de formas [ editar ]

Formas geométricas ou formas mecânicas são formas que podem ser desenhadas usando uma régua ou compasso, como quadrados , círculos , triângulos , elipses , paralelogramos , estrelas e assim por diante. [5] Formas mecânicas, simples ou complexas, produzem uma sensação de controle e ordem. [14]

As formas orgânicas são formas irregulares [5] que muitas vezes são complexas e se assemelham a formas encontradas na natureza . [14] As formas orgânicas podem ser desenhadas à mão, razão pela qual às vezes são subjetivas e só existem na imaginação do artista. [5]

As formas curvilíneas são compostas por linhas curvas e bordas lisas. Eles dão uma sensação mais natural à forma. Em contraste, as formas retilíneas são compostas por arestas vivas e ângulos retos , e dão uma sensação de ordem na composição . Eles parecem mais feitos pelo homem, estruturados e artificiais . Os artistas podem optar por criar uma composição que gire principalmente em torno de um desses estilos de forma, ou podem optar por combinar ambos. [5]

Textura [ editar ]

Esta é apenas uma imagem bidimensional de uma árvore, mas parece ter a textura de uma casca tridimensional.

A textura refere-se às qualidades físicas e visuais de uma superfície. [ citação necessária ]

Usos de textura no design [ editar ]

  • A textura pode ser usada para atrair ou repelir o interesse por um elemento, dependendo de quão agradável a textura é percebida. [14]
  • A textura também pode ser usada para adicionar detalhes complexos à composição de um design. [5]
  • No design teatral, as qualidades da superfície de um traje esculpem a aparência de um personagem, o que influencia a maneira como o público reage ao personagem. [5]
Tipos de textura

A textura tátil , também conhecida como "textura real", refere-se à textura tridimensional física de um objeto. A textura tátil pode ser percebida pelo sentido do tato. Uma pessoa pode sentir a textura tátil de uma escultura passando a mão sobre sua superfície e sentindo seus sulcos e amassados. [5]

  • Pintores usam impasto para construir picos e criar textura em sua pintura. [14]
  • A textura pode ser criada através de colagem . É quando os artistas montam objetos tridimensionais e os aplicam em uma superfície bidimensional, como um pedaço de papel ou tela, para criar uma composição final. [5]
  • Papier collé é outra técnica de colagem na qual os artistas colam papel em uma superfície para criar diferentes texturas em sua superfície. [5]
  • Assemblage é uma técnica que consiste em montar vários objetos tridimensionais em uma escultura, que também pode revelar texturas ao espectador. [5]

A textura visual , também chamada de "textura implícita", não é detectável pelo tato, mas pelo sentido da visão. [ citação necessário ] A textura visual é a ilusão de uma textura real em uma superfície bidimensional. [5] Qualquer textura percebida em uma imagem ou fotografia é uma textura visual. Uma fotografia de casca de árvore áspera é considerada uma textura visual. Ele cria a impressão de uma textura real em uma superfície bidimensional que permaneceria suave ao toque, não importa o quão áspera seja a textura representada. [14]

Na pintura, diferentes tintas são usadas para obter diferentes tipos de texturas. Tintas como óleo , acrílico e encáustica são mais espessas e opacas e são usadas para criar impressões tridimensionais na superfície. Outras tintas, como aquarela , costumam ser usadas para texturas visuais, pois são mais finas e possuem transparência, e não deixam muita textura tátil na superfície. [5]

Padrão [ editar ]

Muitas texturas parecem repetir o mesmo motivo . [5] Quando um motivo é repetido várias vezes em uma superfície, resulta em um padrão . [14] Os padrões são frequentemente usados ​​em design de moda ou design têxtil , onde os motivos são repetidos para criar padrões decorativos em tecidos ou outros materiais têxteis . [ citação necessária ] Os padrões também são usados ​​no projeto arquitetônico , onde elementos estruturais decorativos como janelas , colunas ou frontões , são incorporados ao projeto de construção . [citação necessária ]

Espaço [ editar ]

No design, o espaço está preocupado com a área profunda no momento do design designado, o design ocorrerá. Para um projeto bidimensional, o espaço diz respeito a criar a ilusão de uma terceira dimensão em uma superfície plana: [14]

  • A sobreposição é o efeito em que os objetos parecem estar em cima uns dos outros. Essa ilusão faz com que o elemento superior pareça mais próximo do observador. Não há como determinar a profundidade do espaço, apenas a ordem de proximidade.
  • O sombreamento adiciona marcas de gradação para fazer um objeto de uma superfície bidimensional parecer tridimensional.
  • Highlight, Transitional Light, Core of the Shadow, Reflected Light e Cast Shadow dão a um objeto uma aparência tridimensional. [14]
  • Perspectiva Linear é o conceito relacionado a como um objeto parece menor à medida que se afasta.
  • A Perspectiva Atmosférica é baseada em como o ar age como um filtro para alterar a aparência de objetos distantes.

Formulário [ editar ]

No design visual, a forma é descrita como a maneira como um artista organiza os elementos na totalidade de uma composição. [5] Também pode ser descrito como qualquer objeto tridimensional . A forma pode ser medida, de cima para baixo (altura), de lado a lado (largura) e de trás para frente (profundidade). A forma também é definida pela luz e pela escuridão. Pode ser definida pela presença de sombras nas superfícies ou faces de um objeto. Existem dois tipos de forma, geométrica (artificial) e natural (forma orgânica). A forma pode ser criada pela combinação de duas ou mais formas. Pode ser realçado pelo tom, textura ou cor. Pode ser ilustrado ou construído.

Princípios do design da arte [ editar ]

Princípios aplicados aos elementos de design que os unem em um design. A forma como se aplica esses princípios determina o sucesso de um projeto. [1]

Unidade/harmonia [ editar ]

Segundo Alex White, autor de The Elements of Graphic Design , alcançar a unidade visual é um dos principais objetivos do design gráfico. Quando todos os elementos estão de acordo, um design é considerado unificado. Nenhuma parte individual é vista como mais importante do que todo o projeto. Um bom equilíbrio entre unidade e variedade deve ser estabelecido para evitar um design caótico ou sem vida. [9]

Métodos [ editar ]

  • Perspectiva : sensação de distância entre os elementos.
  • Semelhança : capacidade de parecer repetível com outros elementos.
  • Continuação: a sensação de ter uma linha ou padrão se estendendo.
  • Repetição: elementos sendo copiados ou imitados inúmeras vezes.
  • Ritmo : é alcançado quando a posição recorrente, tamanho, cor e uso de um elemento gráfico tem uma interrupção do ponto focal.
  • Alterar o tema básico alcança unidade e ajuda a manter o interesse.

Saldo [ editar ]

É um estado de tensão e equilíbrio equalizados, que nem sempre podem ser calmos. [9]

Tipos de equilíbrio no design visual [ editar ]

A imagem superior tem equilíbrio simétrico e a imagem inferior tem equilíbrio assimétrico
  • Simetria
  • O equilíbrio assimétrico produz um equilíbrio informal que atrai a atenção e é dinâmico.
  • O equilíbrio radial é organizado em torno de um elemento central. Os elementos colocados em equilíbrio radial parecem 'irradiar' de um ponto central de forma circular.
  • Global é uma forma de mosaico de equilíbrio que normalmente surge de muitos elementos sendo colocados em uma página. Devido à falta de hierarquia e contraste, essa forma de equilíbrio pode parecer barulhenta, mas às vezes silenciosa.

Hierarquia/Dominância/Ênfase [ editar ]

Um bom design contém elementos que conduzem o leitor através de cada elemento em ordem de seu significado. O tipo e as imagens devem ser expressos começando do mais importante para o menos importante. A dominância é criada pelo contraste de tamanho, posicionamento, cor, estilo ou forma. O ponto focal deve dominar o desenho com escala e contraste sem sacrificar a unidade do todo. [9]


Escala/proporção [ editar ]

Usar o tamanho relativo dos elementos uns contra os outros pode atrair a atenção para um ponto focal. Quando os elementos são projetados maiores que a vida, a escala está sendo usada para mostrar drama. [9]

Semelhança e contraste [ editar ]

Planejar um design consistente e semelhante é um aspecto importante do trabalho de um designer para tornar seu ponto focal visível. Muita semelhança é chato, mas sem semelhança elementos importantes não existirão e uma imagem sem contraste é monótona, então a chave é encontrar o equilíbrio entre semelhança e contraste. [9]

Ambiente semelhante [ editar ]

Existem várias maneiras de desenvolver um ambiente semelhante: [9]

  • Construir uma estrutura de organização interna única.
  • Manipule formas de imagens e texto para correlacionar.
  • Expresse continuidade de página a página nas publicações. Os itens a serem observados incluem cabeçalhos, temas, bordas e espaços.
  • Desenvolva um manual de estilo e siga-o.

Contrastes [ editar ]

  • Espaço
    • Cheio / Vazio
    • Perto / Longe
    • 2-D / 3-D
  • Posição
    • Esquerda direita
    • Isolado / Agrupado
    • Centrado / Fora do Centro
    • Superior / Inferior
  • Forma
    • Simples / Complexo
    • Beleza / Feia
    • Inteiro / Quebrado
  • Direção
    • Estabilidade / Movimento
  • Estrutura
    • Organizado / Caótico
    • Mecânico / Desenhado à Mão
  • Tamanho
    • Grande pequeno
    • Profundo / Raso
    • Gordo / Magro
  • Cor
    • Escala de cinza / Cor
    • Preto e Branco / Cor
    • Claro / Escuro
  • Textura
    • Fino / Grosso
    • Liso / Áspero
    • Afiado / Opaco
  • Densidade
    • Transparente / Opaco
    • Espessura fina
    • Líquido / Sólido
  • Gravidade
    • Luz pesada
    • Estável / Instável

O movimento é o caminho que o olho do espectador percorre através da obra de arte, muitas vezes para áreas focais. Esse movimento pode ser direcionado ao longo das bordas das linhas, forma e cor dentro da obra de arte e muito mais.

Veja também [ editar ]

Notas [ editar ]

  1. ^ a b Lovett, John. "Design e Cor" . Recuperado em 3 de abril de 2012 .
  2. ^ Charlotte Jirousek. Arte, design e pensamento visual. Um livro online e interativo. Cornell.edu, 1995.
  3. ^ Martin, Jon Henry. Uma avaliação do princípio de ordem estética de Maitland Graves. Dissertação de mestrado, Concordia University, 1972.
  4. ^ Graves, Maitland, E. A arte da cor e do design. 2ª edição Nova York, NY: McGraw-Hill, 1951.
  5. ^ a b c d e f g h i j k l m n o p q r s t u E., Malloy, Kaoime (26/09/2014). A arte do design teatral: elementos de composição visual, métodos e prática . Nova Iorque. ISBN 9781138021501. OCLC  882620042 .
  6. ^ "teoria básica das cores" . a cor importa . Recuperado em 1 de março de 2019 .
  7. ^ a b Jasper, Adam (2014-05-04). "Teoria das Cores". Revisão da teoria arquitetônica . 19 (2): 119–123. doi : 10.1080/13264826.2014.991017 . ISSN 1326-4826 . S2CID 218640469 .  
  8. ^ a b c d e f g h Visual Color Design, 16th International Conference Information on Visualization (IV 2012): Montpellier, França, 11-13 de julho de 2012 (PDF) . Sociedade de Computação IEEE. Los Alamitos, Califórnia: IEEE Computer Society. 2012. ISBN  9781467322607. OCLC  823906734 .{{cite book}}: CS1 maint: others (link)
  9. ^ a b c d e f g h i j White, Alex (2011). Os Elementos do Design Gráfico . Nova York, NY: Allworth Press. págs. 81-105. ISBN 978-1-58115-762-8.
  10. ^ a b c d e "O processo arquitetônico do projeto da cor: Uma avaliação dos meios sequenciais através das avaliações semânticas" . ResearchGate . Recuperado 2018-11-12 .
  11. ^ Luo, Ming Ronnier (2006-06-01). "Aplicando a ciência das cores no design de cores". Tecnologia óptica e laser . 38 (4–6): 392–398. Bibcode : 2006OptLT..38..392L . doi : 10.1016/j.optlastec.2005.06.025 . ISSN 0030-3992 . 
  12. ^ a b c Tantanatewin, Warakul; Inkarojrit, Vorapat (2016-06-01). "Efeitos de cor e iluminação na impressão e identidade de varejo". Revista de Psicologia Ambiental . 46 : 197-205. doi : 10.1016/j.jenvp.2016.04.015 . ISSN 0272-4944 . 
  13. ^ Cindy Kovalik, Ph.D. e Peggy King, M.Ed. "Alfabetização Visual" . Recuperado 2010-03-27 .{{cite web}}: CS1 maint: multiple names: authors list (link)
  14. ^ a b c d e f g h i Saw, James. "Notas de projeto" . Colégio Palomar . Recuperado em 3 de abril de 2012 .

Referências [ editar ]

Links externos [ editar ]