webdesignresponsivo gti5 22015

7/23/2019 WebDesignResponsivo GTI5 22015

1/17

RWD

Isabel Fernanda, Cleuber Rodrigues, Bruno Melo, Matheus Araujo, Yana DisconziGTI 5 FAC!"#AC $ %&'5


2/17

Arquitetura

esponsiva d


3/17


4/17

Design adaptativo basicamente

utilizava a alguns anos atrs,

conjunto de cdigo utilizado pade dispositivo que acessava o site

Design responsivo aquele

onde todo o contedo flexvel, se reposicionando

conforme o ambiente do

usurio, como tamano da

tela, orienta!"o #orizontal ou

AWD

RW


5/17

O termo derivado

arquiteto e cientista

Negropon

arquitetrespons

aquela no qual osatravs de senscapazes de detect

como cores, tempeoutras e adequar-

positiva


6/17

Ethan Marcotte

utilizou pela primeira vez otermo

Responsive WebDesign

e( u( artigo )ara o blog

A list Apart*


7/17

+ ter(o eb design res)on

re.ere se a u(a t/cnica estrutura01o 2TM3 e C!!, -isa ada)tar u(a )gina

aos di.erentes dis)ositi-oresolu06es onde / e7ibid


8/17

#o Brasidestaca$se o de Maur8cio !

!il-aConhecido no

internauta c

MA:;+R


9/17

design res)onde-e ser ente

co(o design cde


10/17

Tecnologia.unda(ent

)aradesen-ol-i(endesign res)on

!1o elas>? grid fud

? imagens


11/17

? grid u8do@


12/17

? i(agens e (8diase78-eis@


13/17

? (edia 4ueries


14/17

? (edia 4ueries


15/17

MOBI

LEFIR!


16/17

Conceber primeiro a verso mobile, aumentand

que realmente indispensvel para os usurios

assim a retirada de itens necessrios

ou a incluso de elementos suprfluos a sua ex


17/17

BIB3I+GRAFIA

% Maur8cio !a(9 !il-a eb Design Res)onsi-o "ditora 3tda ;unho %&'

% htt)>geracaointerati-a*co(*br)$contentu)loads%&erug$naar$de$essentie$(et$Mobile$First$ebdesig5*j)g

% htt)>br*de)osit)hotos*co(HE'stocJ$illustratio$Krst$eb$design*ht(l

% htt)s>*9elling(ule*co(blog%&''&do$9o9$need$a$res)onsi-e$ebsite
http://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttp://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttp://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttps://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/https://www.yellingmule.com/blog/2014/10/do-you-really-need-a-responsive-website/http://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttp://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttp://br.depositphotos.com/33749861/stock-illustration-mobile-first-web-design.htmlhttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpghttp://geracaointerativa.com.br/wp-content/uploads/2015/06/Terug-naar-de-essentie-met-Mobile-First-webdesign-770x534.jpg

webdesignresponsivo gti5 22015

Documents