UMA SÉRIE DE GIFS QUE EXPLICA MUITO BEM OS CONCEITOS DO DESIGN RESPONSIVO.

Muitas pessoas tem dificuldades ao se comunicar com seu designer quando informações mais técnicas surgem, seja o formato de um arquivo, a largura de um site, uma ”coisa mais colorida” ou um ”efeito maneiro”.

Entre elas se encontra o design responsivo, que é uma das soluções técnicas para programar um site de forma que os elementos que o compõem se adaptem automaticamente à tela do dispositivo no qual ele está sendo visualizado, seja computador, tablet, televisão ou smartphone.

Para facilitar o entendimento e a comunicação entre clientes e designers, a Froont, empresa especializada em design responsivo para sites, criou uma série de GIFS que explicam os conceitos mais usados dentro do design responsivo para aqueles que ficam perdidos com o tema.

Confira:

06_System-fonts-vs-Webfonts-1

3038367-inline-i-1-9-gifs-that-explain-responsive-design-brilliantly-01responsive-vs-adaptive-copy

3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy

3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co

3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy

3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy

3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy

3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy

3038367-inline-i-9-9-gifs-that-explain-responsive-design-brilliantly-09vectors-vs-images-1-copy

Se você quiser saber mais sobre cada conceito apresentado nos GIFS, você pode acessar ao blog da Froont.

Anúncios

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s