Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Copy of Proporção áurea aplicada ao design

Este trabalho demonstra as formas de aplicação da proporção áurea para criação de marcas.
by

Sharlene Melanie

on 9 October 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Copy of Proporção áurea aplicada ao design

Vamos ao que interessa...
Antes
de mais nada...
O conceito da proporção áurea causa uma sensação de equilíbrio e um apelo estético funcional de segurança na navegação, já que é uma teoria antiga e que possui sua elegância.
Ao se desenvolver uma interface com retângulo áureo, atente-se a idéia da concepção do projeto, ou melhor, seu projeto não precisa exatamente se adequar ao retângulo utilize o retângulo para blocos do site que requer mais atenção, verificando sempre sua viabilidade e a finalidade do mesmo, o retângulo não é a regra primordial para se fazer algo, mas um auxilio para se desenvolver um projeto.
Dicas para o
uso da
proporção
Regra dos terços - Apple
irvingandco.com
A forma “correta” de se projetar Web sites
Modelos de negócios
Previsões sobre o futuro...
Falar mal de sites
Muitos exemplos
O que não veremos!
A vista superior da cadeira cabe dentro de um quadrado . A vista frontal e a lateral, na extrema direita, cabem num retângulo áureo. Os ângulos das pernas da frente e do encosto da cadeira são simétricos e os raios das curvas estão na proporção de 1:3.
Natureza Proporcional
Modelos de construção
da espiral
Leonardo da Vinci representou essa teoria de Vitrúvio, que estabelece não só a medida do corpo humano, mas também um sistema modular de relacionamento (WOLLNER, 2003).
Estudos da
proporção áurea
Uma das grandes questões quanto à geometria pitagórica diz respeito ao pentagrama ou pentágono estrelado, pega-se um polígono regular (figura geométrica com lados e ângulos guais) ABCD e traça-se as cinco diagonais, essas diagonais se cortam em pontos A’B’C’D’E’, que formam outro pentágono regular. Observa-se que o triângulo BCD’, por exemplo, é semelhante ao triângulo isósceles BCE e observando também os muitos pares de triângulos congruentes no diagrama, não é difícil ver que os pontos A’B’C’D’E’ dividem as diagonais de um modo notável. (BOYER, 1996).

Essa subdivisão das diagonais é conhecida por “secção áurea” de um segmento, mas esse nome só foi usado aproximadamente dois mil anos depois. Para os gregos antigos esse tipo de subdivisão logo se tornou tão familiar que não se achava necessário ter um nome especial para ela, sendo chamada apenas por “secção” .
A proporção áurea na Web se comportará melhor se utilizado para partes do site, como por exemplo, bloco de textos ou imagens que demandem de organização. Por ter características ligadas ao contexto artístico e a forma exata de produção em escala, o que caracteriza a industrialização de um determinado produto percebe-se que as formas neste contexto não precisam ser perfeitas em relação a matemática, porém se cria um senso estético muito apelativo pela clareza da comunicação que caminha lado a lado com os princípios da fórmula e de uma produção em escala.
Regra dos terços - Apple
A regra consiste na divisão da área de trabalho em 3 partes horizontais e 3 partes verticais, onde o cruzamento das linhas em 4 pontos tornam-se os pontos de interesse, onde os elementos próximos a estes pontos tendem a reter atenção naquele foco.
Regra dos terços
Twitter
É a arte e ciência de estruturar e organizar sistemas de informação para auxiliar as pessoas a alcançarem seus objetivos

Sistemas de Organização:
Modelo Mental x Mapa de Conteúdo

Categorizar Informação:

Local, Alfabeto, Tempo, Categoria e Hierarquia
Segundo Krug – “Como tudo é organizado”
Arquitetura de informação
Engloba o relacionamento físico-psicológico da interação homem-máquina
Busca desenvolver um modelo teórico de performance humana
Criar ferramentas capazes de medir a facilidade de uso
HCI
Human-computer interaction
Nosso objetivo é demostrar a viabilidade do desenvolvimento de projetos estéticos e funcionais de acordo com o estudo da proporção áurea
Nosso objetivo
O projeto de sinalização para a secretaria do meio ambiente em Belo Horizonte, por Matheus de Moura (2010)
O formato do pôster está organizado numa série de módulos de 6x8, formando um campo de 48 campos visuais quadrados. Todos os elementos do pôster correspondem a este plano, em termos de colocação e proporção.
Poster L’intransigéant - A. M. Cassandre, 1925
Figura: Vôo dos falcões para capturar suas presas.
Fonte: Livio (2009), p. 135.
Retângulos preferidos entre as pessoas.
Figuras
geométricas
áureas
Diagrama de Villard de Honnecourt
Algumas das referências mais antigas da matemática estão ligadas ao filósofo Pitágoras, que observou a ocorrência de certas combinações e relações entre números na natureza. Segundo ele, a explicação da ordem e da harmonia da natureza, encontra-se na ciência dos números (HUNTLEY, 1985).
Bibliografia
BOYER, Carl B. História da Matemática. 2ª Ed. São Paulo: Edgard Blucher,
1996.

DOCZI, G. O poder dos limites: harmonias e proporções na natureza, arte e
arquitetura. Tradução Maria Helena de Oliveira Tricca e Júlia Barany
Bartolomei. 1ª ed. São Paulo: Mercuryo, 1990.

ELAM, Kimberly. Geometria do design. São Paulo: Cosac Naify, 2010.

HUNTLEY, H.E. A Divina Proporção: Um ensaio sobre a beleza na
matemática. Título original: The divine proportion: A study in mathematical
beauty. Tradução de Luiz Carlos Nunes. Brasília: Editora Universidade de
Brasília, 1985.

HUYGHE, René. O poder da imagem. Título original: Lês Puissances de
L’image. Tradução de Helena Leonor Santos. Lisboa: Edições 70, 1998.

LIVIO, Mario. Razão áurea: a história de Fi, um número surpreendente. Título
original: The Golden Ration. Tradução Marco Shinobu Matsumura. 4ª edição.
Rio de Janeiro: Record, 2009.

VILLAS-BOAS, André. O que é [e o que nunca foi design gráfico]. 6ª edição.
Rio de Janeiro: 2AB, 2007.

WOLLNER, Alexandre. Design Visual 50 anos. São Paulo: Cosac & Naify,
2003.
http://tympanus.net/codrops/2012/04/17/the-divine-proportion-and-web-design/
Retângulo áureo
Por que isto é importante?
A proporção áurea e a Web
Volkswagen Beetle - Jay Mays, Freeman Thomas, Peter Schreyer, 1997
Plywood Chair - Charles Eames, 1946
Sua cadeira em Compensado foi projetada para uma competição sobre “Mobília Orgânica”, patrocinada pelo Museu de Arte Moderna, em 1940. Earmes e seu colaborador, o arquiteto Eero Saarinen procuraram juntar formas orgânicas num todo. O resultado; formas curvilíneas maravilhosas, atraiu as vistas dos juízes, assim como a tecnologia inovadora de compensado moldado tridimensional e uma nova técnica de soldar borracha, que fixava o compensado ao metal.
Naquela época, a tecnologia de dobragem de aço tubular era nova e apresentava opções inovadoras. O projeto da “Brno” baseou-se num projeto do fim do século 18, a célebre "Cadeira de Balanço Bentwood," de Michel Thonet.
Brno Chair - Mies van der Rohe, 1929
Poster Konkrete Kunst - Max Bill, 1944
O poster é nada menos do que uma maravilha de inter-relações geométricas. Cassandre, mais uma vez, seleciona elementos representativos a serem simplificados e estilizados em formas geométricas simples. A garrafa de água gasosa, os copos de água e de vinho, a fatia de pão, a garrafa de vinho e os canudos estão colocados à frente de uma roda de trem.
Poster Wagon Bar - A. M. Cassandre, 1932
Poster Mostra Bauhaus - Fritz Schleifer, 1922
Fritz Schleifer homenageou os seguidores do construtivismo em seu pôster sobre a Mostra Bauhaus. De acordo com os ideais do construtivismo da época, o perfil humano e a tipografia podem ser abstraídos em formas geométricas simples, da época das máquinas mecânicas.
Poster Job - Jules Chéret, 1889
Muitos dos seus pôsteres tornaram-se sucesso imediato, devido às belas cores e a precisão das ilustrações. Ele absorveu muito bem o processo da cromo-litografia e soube utilizá-lo com eficácia. Ele também se especializou nos princípios da composição e os usou para tornar suas obras mais ricas.
Poster Folies-Bergére, Jules Chéret, 1877
À primeira vista a composição parece espontânea e desprovida de organização geométrica, mas um exame mais apurado revela uma estrutura visual complexa.
Foto – micheleroohani.com
Aplicação da Proporção Áurea no Design
O psicólogo alemão Gustav Flechner, no final do século IX investigou a resposta humana as qualidades estéticas especiais do retângulo áureo. A pesquisa de Flechner é referente a preferência estética pela seção áurea. O psicólogo limitou seus estudos as obras feitas pelos seres humanos, tomando as medidas de milhares de objetos retangulares, como caixas, prédios, livros, jornais e etc. Ele concluiu que o retângulo médio aproximava-se do áureo, com a área 1:1,618, e que a maioria das pessoas preferia retângulos que guardassem aquela mesma proporção. Essa mesma experiência foi repetida por Lalo, em 1908, e mais tarde por outros, que obtiveram resultados similares (ELAM, 2010).
Preferências
Cognitivas de Proporção
Desenho de “uma cabeça de ancião”, estudos de retângulos para proporções de faces por Leonardo da Vinci.
Pentagrama pitagórico
O pentágono ou o pentagrama são definidos pelos seus limites. Incorporados aos padrões harmoniosos de flores e frutas, eles exemplificam epigramas (inscrição que se punha sobre um objeto) atribuído a Pitágoras (DOCZI, 1990)
.
Para Huyghe (1998) a geometria admite formas cujas relações se podem calcular matematicamente, e estas permitem uma harmonia, que cumprirá tanto melhor sua função, quanto mais se aplicar a juntar e unir elementos numerosos e distintos. A sua função consiste em deduzir de tudo e em tudo um princípio de unidade. A proporção, que estabelece uma solidariedade de princípios entre partes distintas e aparentemente autônomas, satisfaz esta aspiração intelectual.
O belo e a matemática
Foto: http://www.cienciaetecnologia.co.cc
Estudando matemática...
sharlene.melanie@gmail.com
www.facebook.com/melanie.sharlene

Obrigada!
Excelente para esboçar um projeto visual de interface, testar comportamentos de elementos em determinadas situações, equilibrar e tornar mais atrativa e funcional
O uso da proporção áurea as vezes se torna restrito em determinados contextos de uma interface. As principais dificuldades se encontram na no decorrer de cada página Web, onde fica dificil manter a relação da proporção do retângulo dentro da rolagem.
Designer, thinker, speaker, creative director at Twitter. Previously at Google, Stopdesign, Wired, and Mentus.
San Francisco, CA · http://t.co/h0lr8X2o
O Twitter utilizou rectângulo áureo para desenvolver o layout de sua página web. Segundo Doug Bowman, diretor criativo do site:


"Nós não deixamos essas proporções ao acaso. Se a janela do navegador é maior, o painel de detalhes irá expandir-se para proporcionar uma maior utilidade, jogando fora essas proporções. Mas a largura mais estreita mostra de onde nós começamos, a relação áurea. "
Retângulo áureo - Twitter
Fotografia
Regra dos terços
A regra dos terços é um guia para a composição de imagens e layout que pode ajudar a produzir resultados dinâmicos por meio da superdivisão de um grid em 3 x 3 básico de uma página para criar focos ativos onde as linhas do grid se cruzam (AMBROSE e HARRIS, 2009).
Retângulo Áureo
Desenhe um quadrado. Trace uma diagonal, partindo do centro da base A, até o vértice direto superior B. Esta diagonal será o raio do arco de uma circunferência, que se prolonga além dos limites do quadrado, até o ponto C.
[...] no corpo humano, o ponto central naturalmente é o umbigo.
Porque se um homem for colocado deitado de costas, com as
mãos e os pés estendidos e um compasso for centrado no seu
umbigo, os dedos de suas mãos e de seus pés irão tocar a
circunferência do círculo descrito a partir desse ponto. E assim
como o corpo humano produz um contorno circular, uma figura
quadrada também pode ser encontrada a partir dele. Pois se
medirmos a distância das solas dos pés até o topo da cabeça e
depois aplicarmos essa medida aos braços esticados, veremos
que a largura será a mesma que a altura, como no caso de
superfícies planas que são perfeitamente quadradas (LIVIO, 2009).
Diversos artistas e arquitetos, basearam-se na medida da estrutura humana, como nos trabalhos do arquiteto romano Marcus Vitruvius Pollio (70-25 a.C.). Segundo Vitruvios:
História
dos
números
O maior símbolo da matemática são os números, muitas vezes colocados através de expressões e contagens de algum fator.


De acordo com Livio (2009), os números e a matemática têm a curiosa propensão a contribuir até para o entendimento de coisas que são, ou pelo menos parecem ser, extremamente distantes da ciência. Somente nos últimos seis milênios, que o homem foi capaz de expressar seus pensamentos através da forma escrita.
Proporção
e harmonia
A palavra proporção é usada no dia-a-dia ou para a relação comparativa entre partes de coisas com respeito à tamanha ou quantidade, ou para descrever uma relação harmoniosa entre diferentes partes (LIVIO, 2009).
Design = estética?
No design, o belo pode ser representado pelos produtos, transferindo emoções através da forma e da cor para seus usuários. Villas-Boas (2007) afirma que


porque a própria lógica capitalista exige a distinção entre trabalho manual e trabalho intelectual. As práticas de execução (técnicas manuais ou instrumentais) passam a se distinguir das práticas de concepção (ciência e arte).
O Belo
“a beleza é a qualidade que faz um objeto parecer agradável ou satisfatório de certa maneira”.

A beleza sempre foi um debate entre filósofos, artistas e grandes sábios desde os tempos antigos, cada um tem sua visão e seu ponto de vista sobre o significado do belo. De acordo com o Webster’s Unabrigded Dictionary apud Livio (2009, p. 21), um exemplo desse significado é dito como:
As proporções da cadeira são subdivisões de um retângulo áureo. A largura do retângulo torna-se o diâmetro do arco que forma a estrutura da cadeira. A base, guarda relação direta com o quadrado na subdivisão harmônica.
Chaise Longue - Le Corbusier, 1929
A construção da relaciona-se diretamente com o posicionamento dos círculos. A diagonal atravessa os centros dos círculos maior e menor, e esta repousa na linha da construção de um quadrado. A proporção dos círculos é 1:3:6.
O diâmetro do círculo pequeno é equivalente a 1/3 da largura do pôster, e também 1/3 do diâmetro do próximo círculo maior. O tipo menor está alinhado com o círculo menor e o tipo maior alinha-se com a tangente ao círculo e ao eixo do círculo menor.
Espiral Áurea
Usando o diagrama de subdivisão da seção áurea, pode-se construir uma espiral áurea através do comprimento dos lados dos quadrados com o raio de um círculo. Corte e conecte os arcos de cada quadrado do diagrama.
Criado em meados do século XII, um dos métodos mais usados para diagramação de projetos gráficos.
Seu sistema é desenvolvido através de partição geométrica modular.
Diagrama de Villard de Honnecourt
Relação com a natureza
Razão áurea
Histórias enigmáticas
Foto: Ephemeral-eden.deviantart.com
aplicada ao design
Proporção Áurea
A0 = 1m²
Os formatos de papel utilizados no mercado brasileiro são padronizados pelo sistema internacional DIN série A, aprovado pela ISO e recomendado pela ABNT. Partem do formato original A0, cuja medida é 841x1189mm, que corresponde à área aproximada de 1 metro quadrado.
Sistema DIN de Classificação de Papéis
Retângulos podem ser divididos em número ilimitado proporcionais e menores. Por isso, se tornaram a base da norma européia DIN (Deutsche Industrie Normen), que regula a dimensão dos papéis.
Além de significar economia de papel, o método do retângulo aproxima-se muito da razão áurea.
O Modulor de Le Corbusier
Le Corbusier, publicou em 1942:
"O Modulor: Uma Medida Harmônica da Escala Humana, Aplicável à Arquitetura e à Matemática"
O Modulor é um sistema de proporções baseado na seção áurea e a proporção do corpo humano. Além de seu trabalho específico na arquitetura e no planejamento urbano, seus artísticos exerceram significativa influência sobre o design bidimensional. Esse sistema adotou a divisão áurea como base, fundamentado em três pontos principais na anatomia de um homem de 1.90m: o plexo solar, o alto da cabeça e a ponta dos dedos da mão erguida. Esses pontos constituem uma média e extrema razão que Le Corbusier transferiu para uma série infinita de proporções matemáticas.
Natureza Proporcional
A análise da proporção facial está em acordo com a teoria de Vitruvius, e as proporções são praticamente idênticas. O diagrama mostra um retângulo áureo único, como guia para o comprimento e largura da cabeça. Esse retângulo é subdividido por outros, sempre em proporção áurea, para determinar a colocação dos apêndices.
Comparação das proporções faciais (desenhos de Da Vinci e Dürer)
Proporções da Face
A teoria de Vitruvius inclui as proporções da face e do corpo. As características faciais guardam as proporções clássicas usadas nas esculturas gregas e romanas.
Cavala Sardinha Perca
Truta
Girasol
Pinha
Pentagrama estrelar
Construção da Espiral da Seção de Ouro
Chambered Nautilus
Moon Snail Shell
crescimento espiralado
Comparação da Tíbia Shell
com o padrão de crescimento
da seção de ouro.
Atlantic Sundial Shell
crescimento espiralado
Fonte: www.danilosaretratista.blogspot.com.ar
Parque Lezana
San Telmo

a produção de objetos estéticos, a partir da revolução industrial, tornou-se necessária e obrigatoriamente distinta da produção de objetos de uso,
Buenos Aires
Nautilus Table by Marc Fish
Full transcript