Isabel Fernanda, Cleuber Rodrigues, Bruno Melo, Matheus Araujo, Yana DisconziGTI 5 – FACSENAC - 2015

Design adaptativo é basicamente o que seutilizava a alguns anos atrás, onde umconjunto de código é utilizado para cada tipode dispositivo que acessava o site.

Design responsivo é aqueleonde todo o conteúdo éflexível, se reposicionandoconforme o ambiente dousuário, como tamanho datela, orientação (horizontal ouvertical) e plataforma.

AWD

RWD

O termo é derivado da ideia do arquiteto e

cientista Nicholas Negroponteque

arquitetura responsiva aquela no qual os ambientes através de

sensores são capazes de detectar variáveis como cores, temperatura, entre outras e adequar-se de forma

positiva.

Ethan Marcotte

utilizou pela primeira vez o termo

Responsive Web Designem um artigo para o blog

A list Apart.

O termo web design responsivo refere se a uma técnica de estruturação HTML e CSS, que visa adaptar uma página web aos diferentes dispositivos e resoluções

onde é exibida.

No Brasildestaca-se o nome de Maurício Samy SilvaConhecido no meio

internauta como MAUJOR.

design responsivo deve ser entendido como

design capaz de "responder" às características

do dispositivo ao qual é servido.

Sem perda de informação.

Tecnologias fundamentaispara desenvolvimento do

design responsivo. São elas:

• grid fluído;• imagens e mídias

flexíveis;• media queries.

• grid fluído;

• imagens e mídias flexíveis;

• media queries

• media queries

MOBILE FIRST

Conceber primeiro a versão mobile, aumentando o foco no

que realmente é indispensável para os usuários, evitando

assim a retirada de itens necessários

ou a inclusão de elementos supérfluos a sua experiência.

BIBLIOGRAFIA

• Maurício Samy Silva – Web Design Responsivo – Novatec Editora Ltda– Junho / 2014

• http://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpg

• http://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.html

• https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/

• http://alistapart.com/