Sucessão de Fibonacci

Na segunda metade do século XII, por volta do ano 1175, nasceu em Itália um dos mais importantes matemáticos da Idade Média. Leonardo de Pisa (1170 – 1250), mais tarde conhecido por Fibonacci. O seu pai era comerciante, actividade que exigia bastantes conhecimentos de cálculo. Curioso e atento ao que o rodeava Fibonacci cedo manifestou interesse em aprender os segredos da Matemática. Acompanhou o pai nas suas viagens o que lhe permitiu contactar com o sistema de numeração árabe quando na Europa Ocidental ainda se utilizava a numeração romana para efectuar registos de cálculos.

No ano de 1202 publicou Liber Abaci, o livro do ábaco, onde explicava a utilização dos algarismos nas operações aritméticas. Nesta obra é também apresentado, entre outros assuntos, um problema que ganhou lugar de destaque na história da Matemática. O problema dos coelhos.

Num recinto é colocado um casal de coelhos que acabou de nascer. Supondo que em cada mês, a partir do segundo mês de vida, um casal de coelhos dá origem a outro casal de coelhos, quantos casais de coelhos existem no recinto no início de cada mês?

A solução do problema recebeu o nome de sucessão de Fibonacci. O primeiro e segundo termo da sucessão é 1 e todos os outros são obtidos pela soma dos dois termos precedentes.

Sucessão de Fibonacci: 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, …

Divina proporção e o web design

A sucessão de Fibonacci, aplicada no campo da geometria, permite construir uma espiral utilizando quadrados cuja medida dos lados são 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, … Esta espiral é bastante famosa e tem aplicações práticas em diversas áreas que vão desde a ciência até às artes.

Contudo e no âmbito deste artigo o que é realmente saliente e fascinante é o facto da sucessão definida pela razão entre cada termo da sucessão e o termo anterior convergir para um limite. O valor deste limite é um número irracional. Um número ao qual é dada a designação de razão de ouro, representada pela letra grega Phi.

A razão de ouro é curiosamente facilmente encontrada na natureza, arquitectura, música, economia e em muitas outras áreas. É até considerada por alguns como obra de Deus devido à sua elevada abundância em diversas áreas no Universo sendo inclusivamente intitulada de proporção divina.

Ao trabalhar em design tendo em conta esta proporção estão-se automaticamente a desenvolver obras que seguem princípios sobre os quais o cérebro humano já está familiarizado criando assim uma linguagem mais natural que o cérebro compreende e reconhece mais facilmente. Seguem-se duas situações onde é possível aplicar esta proporção na área do web design na tentativa de criar um design mais agradável.

Layout de duas colunas

Uma forma de criar obras segundo esta razão é por exemplo numa página de Internet que utilize duas colunas. Ao definir a largura do conteúdo de uma determinada página de Internet dividir essa largura por Phi (1.618) e assim obter o valor da coluna principal da página a desenvolver. Consequentemente ao se subtrair à largura total a largura da coluna principal também se obtém a largura da coluna secundária.

Exemplo:

Largura de conteúdo = 760px
Largura coluna principal = 760px / 1.618 ~= 470px
Largura coluna secundária = 760px – 470px = 290px

Elementos rectangulares

Outro aspecto prende-se com a proporção dos diferentes típicos elementos rectangulares que existem nas páginas de Internet. É recomendável que esses elementos como, por exemplo, a navegação do site ou o espaço de publicidade também tenham em conta a razão de ouro nos seus tamanhos. Ao se definir uma das medidas (altura ou a largura) de um determinado elemento deve-se procurar aproximar a outra das medidas através da razão de ouro.

Exemplo:

Altura do elemento = 300px
Largura do elemento = 300px / 1.618 ~= 185px

Esta razão já foi utilizada à muito tempo atrás por diversos artistas e em diversas situações e por isso não é nada de novo. Contudo parece-me importante relembrar e adaptar estes conceitos para as novas formas de arte e comunicação como por exemplo a Internet.

1. Inspiração

A inspiração para um determinado trabalho pode até surgir espontaneamente mas para que tal aconteça é importante cultivar essa inspiração que todos temos dentro de nós. Para promover essa inspiração podem-se consultar trabalhos de outros web designers. Consultar não significa copiar, consultar significa ver ideias, padrões, técnicas e estilos que podem ser interessantes. Essa nova informação pode até não ser particularmente útil para o trabalho actual mas ajuda a ganhar sensibilidade para as últimas tendências o que pode ser bastante benéfico no futuro. Também se pode adquirir inspiração através de outras formas que não estão directamente relacionadas com o web design. Assim podem-se simplesmente consultar fotografias, livros de pintura, simples revistas, ver um filme ou ouvir um bom álbum de música. Outra maneira é simplesmente sair do escritório e dar um simples passeio, ao conviver com outras pessoas ou simplesmente admirar a natureza consegue-se adquirir bastante inspiração.

Links:

• 60 More Places to Get Design Inspiration – Online and Off
• 2008 Design Trends
• 50 Must-Read Resources For Incredible Web Design

2. Pedir opiniões

Não se deve ter receio de pedir opiniões sobre o trabalho desenvolvido. Tal pode ser feito a pessoas da área do web design mas também a pessoas exteriores a esse universo, que por vezes conseguem ter uma visão de mais alto nível que poderá ser bastante útil. Em algumas situações podem inclusivamente ser usadas as redes sociais como por exemplo o twitter ou o flickr para se conseguirem contactar um maior número de pessoas que normalmente são bastante colaborativas e poderão dar algumas sugestões.

3. Simplicidade

Um bom design atinge-se apenas quando todos os elementos que estão presentes têm uma função indispensável e bem definida. Ser simples pode tornar-se um desafio bastante interessante e complexo. Outro aspecto prende-se com a necessidade de deixar os diferentes elementos respirar pelo que o espaço vazio é normalmente um forte aliado de um bom design.

Links:

• minimalsites
• Keep It Simple, Stupid!
• 50 Minimal Sites

4. Conhecer o cliente

Só porque o web designer acredita que o resultado do trabalho está bom não significa que o cliente irá aprovar esse trabalho. É importante conhecer e interpretar a atitude e a postura do cliente, assim como é imprescindível que sejam definidos claramente os objectivos que se pretendem alcançar com o trabalho a desenvolver. É importante criar e saber manter um equilíbrio saudável entre as vontades e necessidades do cliente e as opiniões e convicções do web designer.

5. Estar actualizado

Estar actualizado é fundamental na actividade do web design, estar a par do que se passa na industria é uma obrigação. Novas tecnologias e novas aplicações estão constantemente a surgir pelo que é importante não ficar estagnado ao que já se conhece. Existem diversas fontes de informação na Internet, desde tutoriais até a informação sobre as últimas tendências. Ir a conferências e encontros de web design e tecnologia é importante para conviver com outros web designers e entusiastas de forma a trocar ideias para que todos possam aprender uns com os outros.

Links:

• web design Alltop
• corkdump
• delicious.com – tag: webdesign

• Eventos TIC, NT & Informática
• Barcamp Portugal
• SHiFT

6. Criar uma caixa de ferramentas

É bastante útil ter guardado um conjunto de pedaços de código, imagens, icons e outros tipos de materiais. Este material pode ser organizado em directorias pelo seu tipo, por exemplo: CSS, PHP, XHTML, Flash, Vectors, Icons, etc… Desta forma organizada quando se necessitar de algum material específico é muito mais rápida a sua localização.

7. Pensar no papel

Tomar notas por vezes pode ser bastante útil, especialmente nas fases iniciais de desenvolvimento, uma vez que facilita o desenho da estrutura das páginas, a anotação de simples ideias ou o esboço de elementos gráficos. Começar a escrever e a desenhar tudo o que vem à cabeça consegue geralmente gerar um bom conjunto de material que posteriormente pode ser trabalhado no computador. Este processo acaba por ser algo instintivo mas passa geralmente por 4 etapas distintas.

1. Olhar: Ver a realidade como ela é e não fazendo julgamentos. Tipicamente é quando é apresentado ao web designer o trabalho a desenvolver;
2. Ver: Interpretar essa realidade de acordo com os seus padrões principais e objectivos. É a fase onde é necessário simplificar e pensar esquematicamente;
3. Imaginar: Tentar descobrir a partir das coisas que vemos outros novos dados. É quando tipicamente se deve apelar à inspiração;
4. Desenhar: Caso se cumpram correctamente as etapas anteriores o esboço no papel irá surgir naturalmente.

Links:

• The Role of Sketching in the Design Process
• Back of the Napkin
• The Joy of Sketch : explorations in hand-crafted visuals

8. Procurar evoluir

Não se deve ficar preso sempre às mesmas metodologias e deve-se sempre tentar evoluir. Isto aplica-se tanto em termos de práticas de trabalho como de tecnologias usadas. Por vezes é importante desafiarmo-nos a nós próprios, olhar no horizonte e dar um passo em frente. Inclusivamente se não o fizermos podemos ficar presos a padrões ultrapassados e com forte carga pessoal e nunca mais conseguir pensar criativamente.

9. Dominar áreas imprescindíveis

A actividade de web design engloba um vasto conjunto de competências que vão muito mais além do que o simples acto de programar. Assim existem algumas áreas que são um indispensável complemento à actividade de web design. Dentro dessas competências destaco particularmente 3 áreas: teoria das cores, tipografia e usabilidade devendo ser feito um esforço contínuo para aprender e dominar estas áreas.

Links:

• Teoria das cores:
• Colour Lovers
• kuler
• Color Scheme Designer
• Tipografia:
• I Love Typography
• dafont
• The Elements of Typographic Style Applied to the Web
• Usabilidade:
• the ultimate webdesign usability checklist
• Usability.gov
• 30 Usability Issues To Be Aware Of

10. Aproveitar a oportunidade

No fundo não é apenas trabalho, o web design é um veículo que permite ao web designer usar a sua criatividade e expressar as suas emoções ao mundo. É também uma oportunidade de contribuir positivamente para a sociedade construindo soluções que melhor sirvam as necessidades de todos nós.