WebDesignResponsivo GTI5 22015
-
Upload
isabel-fernanda-de-araujo -
Category
Documents
-
view
215 -
download
0
Transcript of 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
-
7/23/2019 WebDesignResponsivo GTI5 22015
2/17
Arquitetura
esponsiva d
-
7/23/2019 WebDesignResponsivo GTI5 22015
3/17
-
7/23/2019 WebDesignResponsivo GTI5 22015
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
-
7/23/2019 WebDesignResponsivo GTI5 22015
5/17
O termo derivado
arquiteto e cientista
Negropon
arquitetrespons
aquela no qual osatravs de senscapazes de detect
como cores, tempeoutras e adequar-
positiva
-
7/23/2019 WebDesignResponsivo GTI5 22015
6/17
Ethan Marcotte
utilizou pela primeira vez otermo
Responsive WebDesign
e( u( artigo )ara o blog
A list Apart*
-
7/23/2019 WebDesignResponsivo GTI5 22015
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
-
7/23/2019 WebDesignResponsivo GTI5 22015
8/17
#o Brasidestaca$se o de Maur8cio !
!il-aConhecido no
internauta c
MA:;+R
-
7/23/2019 WebDesignResponsivo GTI5 22015
9/17
design res)onde-e ser ente
co(o design cde
-
7/23/2019 WebDesignResponsivo GTI5 22015
10/17
Tecnologia.unda(ent
)aradesen-ol-i(endesign res)on
!1o elas>? grid fud
? imagens
-
7/23/2019 WebDesignResponsivo GTI5 22015
11/17
? grid u8do@
-
7/23/2019 WebDesignResponsivo GTI5 22015
12/17
? i(agens e (8diase78-eis@
-
7/23/2019 WebDesignResponsivo GTI5 22015
13/17
? (edia 4ueries
-
7/23/2019 WebDesignResponsivo GTI5 22015
14/17
? (edia 4ueries
-
7/23/2019 WebDesignResponsivo GTI5 22015
15/17
MOBI
LEFIR!
-
7/23/2019 WebDesignResponsivo GTI5 22015
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
-
7/23/2019 WebDesignResponsivo GTI5 22015
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