Elementos e princípios de design visual

Os elementos e princípios do design visual descrevem ideias fundamentais sobre a prática do design visual .

Elementos de design

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

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 frequentemente mencionadas quando se estuda combinações de cores em design visual. [6] A cor é frequentemente considerada um elemento importante do design, pois é uma linguagem universal que apresenta 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]

  • O matiz pode ser simplesmente referido como "cor", como vermelho, amarelo ou verde. [9]
  • A saturação confere brilho ou opacidade à cor, o que afeta a vibração da cor. [9]
  • Valores , tonalidades e tonalidades de cores são criados adicionando preto a uma cor para obter uma tonalidade e branco para obter uma tonalidade. Criar uma tonalidade ou tonalidade de cor reduz a saturação . [9]

Teoria das cores em design visual

A teoria das cores estuda a mistura e combinações de cores. É uma das primeiras coisas que marcou uma abordagem de design progressista. [7] No design visual, os designers referem-se à teoria das cores como um conjunto de orientações práticas para alcançar certos impactos visuais com combinações de cores específicas. [ citação necessária ] O conhecimento teórico das cores é implementado em designs para obter 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 ​​​​à vista e quais combinações de cores não o são. [8] A harmonia das cores é a principal preocupação dos designers, visto que as cores sempre existem na presença de outras cores na forma ou no espaço. [10]

Quando um designer harmoniza 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 alcançar um efeito equilibrado, unificado e esteticamente agradável para o espectador. [8]

A harmonia das cores é alcançada de várias maneiras, algumas das quais consistem na combinação de 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 cor (matiz, saturação, brilho). . [8] A harmonia de cores também pode ser alcançada simplesmente combinando cores consideradas compatíveis entre si [8] , conforme representado 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. [ carece de fontes ]

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]

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

Um produto com design satisfatório costuma ser 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 aos designers. [11]

Uso de cores no design visual

  • 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 contém 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]
  • 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ões, motivando os consumidores a comprar determinados produtos [12]
Da mesma forma, as estrelas de uma constelação conectadas por linhas imaginárias são um exemplo natural do uso de linhas em uma composição.

Linha

A linha é um elemento de arte definido por um ponto que se move 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 zigue-zague ou uma linha vertical e em zigue-zague. Linhas diferentes criam ambientes diferentes, tudo depende do clima que você está usando a linha para criar.

Apontar

Um ponto é basicamente o início de “algo” em “nada”. Força a mente a pensar sobre a sua posição e dá algo sobre o que construir, tanto na imaginação como no espaço. Alguns pontos abstratos em um grupo podem provocar a imaginação humana a ligá-lo a formas ou formatos familiares.

Forma

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. É criado com uma série de linhas que servem de 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

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] As formas mecânicas, sejam elas 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, por isso à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 suaves. Eles dão uma sensação mais natural ao formato. Em contraste, as formas retilíneas são compostas por arestas vivas e ângulos retos e transmitem 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

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

Textura refere-se às qualidades físicas e visuais de uma superfície. [ carece de fontes ]

Usos da textura no design

  • 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 superficiais de um figurino esculpem a aparência de um personagem, o que influencia a maneira como o público reage ao personagem. [5]
Tipos de textura

Textura tátil , também conhecida como "textura real", refere-se à textura física tridimensional 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 suas saliências e amassados. [5]

  • Os pintores usam o impasto para construir picos e criar textura em suas pinturas. [14]
  • A textura pode ser criada através de colagem . É quando os artistas montam objetos tridimensionais e os aplicam sobre 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 em que 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 diversos objetos tridimensionais em uma escultura, que também pode revelar texturas ao espectador. [5]

A textura visual , também conhecida como "textura implícita", não é detectável pelo sentido do tato, mas sim pela visão. [ citação necessária ] 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. Cria a impressão de uma textura real sobre uma superfície bidimensional que permaneceria suave ao toque, por mais áspera que fosse a textura representada. [14]

Na pintura, diferentes tintas são utilizadas para obter diferentes tipos de texturas. Tintas como óleo , acrílica 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 , tendem a ser utilizadas para texturas visuais, por serem mais finas e terem transparência, além de não deixarem muita textura tátil na superfície. [5]

Padrão

Muitas texturas parecem repetir o mesmo motivo . [5] Quando um motivo é repetido continuamente em uma superfície, ele 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 do edifício. [ carece de fontes ]

Espaço

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

  • Sobreposição é o efeito em que os objetos parecem estar uns sobre os outros. Esta 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 com que um objeto de uma superfície bidimensional pareça tridimensional.
  • Realce, Luz de Transição, Núcleo da Sombra, Luz Refletida e Sombra Projetada dão ao objeto uma aparência tridimensional. [14]
  • Perspectiva Linear é o conceito relacionado a como um objeto parece menor quanto mais longe ele fica.
  • A Perspectiva Atmosférica baseia-se em como o ar atua como um filtro para alterar a aparência de objetos distantes.

Forma

No design visual, a forma é descrita como a forma 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 por claro e escuro. Pode ser definido 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 por tom, textura ou cor. Pode ser ilustrado ou construído.

Princípios de design

Princípios aplicados aos elementos do design que os reúnem em um único design. A maneira como esses princípios são aplicados determina o sucesso de um projeto. [1]

Unidade/harmonia

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

Métodos

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

Equilíbrio

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

Tipos de equilíbrio no design visual

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” a partir de um ponto central de forma circular.
  • No geral, é uma forma de equilíbrio em mosaico que normalmente surge de muitos elementos colocados em uma página. Devido à falta de hierarquia e contraste, esta forma de equilíbrio pode parecer barulhenta, mas às vezes silenciosa.

Hierarquia/Dominância/Ênfase

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


Escala/proporção

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

Semelhança e contraste

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

Ambiente semelhante

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

  • Construa uma estrutura organizacional 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

  • Espaço
    • Cheio / Vazio
    • Perto / Longe
    • 2D / 3D
  • Posição
    • Esquerda direita
    • Isolado / Agrupado
    • Centralizado / Descentralizado
    • Superior / Inferior
  • Forma
    • Simples / Complexo
    • Bela / 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 / colorido
    • Claro / Escuro
  • Textura
    • Fino / Grosso
    • Suave / Áspero
    • Afiado / opaco
  • Densidade
    • Transparente / Opaco
    • Espessura fina
    • Líquido / Sólido
  • Gravidade
    • Luz pesada
    • Estável / Instável

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

Veja também

Notas

  1. ^ ab Lovett, John. “Design e Cor” . Recuperado em 3 de abril de 2012 .
  2. ^ Charlotte Jirousek. Arte, Design e Pensamento Visual. Um livro didático on-line 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. ^ abcdefghijklmnopqrstu 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. OCLC882620042  .{{cite book}}: CS1 maint: location missing publisher (link) CS1 maint: multiple names: authors list (link)
  6. ^ "teoria básica das cores" . a cor importa . Recuperado em 1 de março de 2019 .
  7. ^ Jasper, Adam (04/05/2014). "Teoria da Cor". Revisão da Teoria da Arquitetura . 19 (2): 119–123. doi :10.1080/13264826.2014.991017. ISSN  1326-4826. S2CID218640469  .
  8. ^ abcdefgh Visual Color Design, 16ª Conferência Internacional Informações sobre Visualização (IV 2012): Montpellier, França, 11 a 13 de julho de 2012 (PDF) . Sociedade de Computação IEEE. Los Alamitos, Califórnia: IEEE Computer Society. 2012. ISBN 9781467322607. OCLC823906734  .{{cite book}}: CS1 maint: others (link)
  9. ^ abcdefghij Branco, Alex (2011). Os elementos do design gráfico . Nova York, NY: Allworth Press. págs. 81–105. ISBN 978-1-58115-762-8.
  10. ^ abcde "O processo de design de cores arquitetônicas: uma avaliação de mídia sequencial por meio de classificações semânticas" . ResearchGate . Recuperado em 12/11/2018 .
  11. ^ Luo, Ming Ronnier (01/06/2006). "Aplicando a ciência das cores no design de cores". Óptica e tecnologia laser . 38 (4–6): 392–398. Bibcode :2006OptLT..38..392L. doi :10.1016/j.optlastec.2005.06.025. ISSN0030-3992  .
  12. ^ abc Tantanatewin, Warakul; Inkarojrit, Vorapat (01/06/2016). “Efeitos da cor e da iluminação na impressão e identidade do varejo”. Revista de Psicologia Ambiental . 46 : 197–205. doi :10.1016/j.jenvp.2016.04.015. ISSN0272-4944  .
  13. ^ Cindy Kovalik, Ph.D. e Peggy King, M.Ed. “Alfabetização Visual” . Recuperado em 27/03/2010 .{{cite web}}: CS1 maint: multiple names: authors list (link)
  14. ^ abcdefghi Serra, James. "Notas de projeto". Colégio Palomar . Recuperado em 3 de abril de 2012 .

Referências

  • Kilmer, R. e Kilmer, WO (1992). Projetando Interiores. Orland, FL: Holt, Rinehart e Winston , Inc. 
  • Nielson, KJ e Taylor, DA (2002). Interiores: uma introdução. Nova York: McGraw-Hill Companies , Inc. 
  • Pilha, JF (1995; quarta edição, 2007). Design de interiores. Nova York: Harry N. Abrams , Inc. 
  • Sully, Anthony (2012). Design de Interiores: Teoria e Processo . Londres: Bloomsbury. ISBN 978-1-4081-5202-7 . 

links externos

  • Arte, Design e Pensamento Visual. Um livro interativo on-line de Charlotte Jirousek da Cornell University.
  • Os 6 Princípios do Design
Retrieved from "https://en.wikipedia.org/w/index.php?title=Visual_design_elements_and_principles&oldid=1207220517"