Pular para o conteúdo principal

Tarefa Número 06 - Marcas Responsivas

Primeiramente, precisamos definir responsividade que é a capacidade de um site/página/marca da internet apresentar diferentes configurações e comportamento, adequando-se automaticamente ao formato do ecrã que está sendo exibida. 

A maioria das marcas de hoje são responsivas e tendem a ter vários formatos dependendo da situação em que está inserida. Porém, para se ter essa dinâmica e automatização das marcas e páginas na internet, precisa ter um padrão. Esse padrão é desenvolvido e aprimorado pela programação, fazendo com que exista um algoritmo que identifique qual a melhor opção a se tomar para cada tipo de tela em que está sendo exibida. Além disso, torna o uso dessas marcas mais simples e efetivo, podendo ser usado e visto em todo mundo.

Exemplos de marcas responsivas, que seguem o padrão e tornam suas logos em produtos adaptativos, que se ajustam em relação aonde estão sendo exibidas. Apesar de se tornarem menores, as marcas não perdem seu reconhecimento e podem ser vistas e lembradas e qualquer uma de suas etapas.


Enfim, um dos métodos mais utilizados para criação de marcas que tenham a característica responsiva é a proporção áurea, diretamente ligada a sequência de Fibonacci, que é muito utilizada no design e em diversas outras áreas de conhecimento, pois é uma das formas mais agradáveis para os olhos.

Postagens mais visitadas deste blog

Tarefa Número 15 - Olho

Com base na trigonometria, explicar a criação de uma aplicação que move um olho. Para começar, criei duas ellipse() para representar o globo ocular. Depois defini as posições X e Y no centro da tela, mas como a ellipse menor se movimentará, incrementei nesses parâmetros as coordenadas polares. Ou seja o uso da tan e atan , funções no processing, que faz com que eu consigo movimento. Assim, a íris vai se mover e alterar seus valores de X e Y a partir da posição do mouse. Além disso, para a ellipse maior não sair de dentro da menor, criei uma condição para limitar o raio de movimento. Veja o exemplo:                                                 Link para o código

Tarefa Número 16 - Diagrama da Rosa

O Diagrama da Rosa de Florence Nightingale teve um efeito político tão poderoso, que mudou e salvou vidas. Sua criadora foi Florence Nightingale, a fundadora a enfermagem moderna, ela cuidou e tratou de soldados em condições desumanas, durante a guerra da Criméia. Ela era uma especialista em estatísticas, em 1857 ela criou o diagrama e reivindicou direitos, através de provas estatísticas com o diagrama para criar condições melhores e hospitais. Pois esse diagrama demonstrava que a maioria das mortes era decorrente de doenças infecciosas adquiridas nos hospitais e locais sem higiene onde eram tratados os feridos. (A cor vermelha representa a morte por ferimentos, o preto representa morte por outras causas, como queimaduras ou acidentes. e a incrível parte azul representa mortes por doenças infeciosas) Não é exagero dizer que o diagrama de rosa mudou completamente a atitude do governo britânico para assistência médica e como consequência os hospitais civis também mudaram, rece...

Tarefa - Revisão

Para fazer a revisão, fiz a posição X e Y do velocímetro baseado nos códigos de coordenadas polares. Utilizei a função mousePressed para quando for pressionado acrescenta valor a uma variável que aumenta constantemente a medida que o botão é pressionado. Se o botão for solto a variável é tornada negativa, fazendo com que o ponteiro decline e vai voltando para posição anterior. Para limitar o movimento do ponteiro, indiquei as demarcações como início e final do velocímetro. Além disso, utilizei a função map(), que me retornava um valor correspondente a saturação, assim eu tinha o controle das cores. E para modificar as cores dos detalhes, utilizei o ScanLine, onde acrescentava a saturação na função map(). E, para finalizar, fiz um gráfico de linhas que se move a medida que o mouse é pressionado, fazendo com que tenha interação direta com o velocímetro.                                     ...