21
7/21/2019 Site Mobile http://slidepdf.com/reader/full/site-mobile 1/21 Sumário INTRODUÇÃO ................................................................................................................ 2 FLUXOGRAMA .............................................................................................................. 3 TELAS.............................................................................................................................. 4 APLICAÇÃO ................................................................................................................. 13 APLICAÇÃO NA HORIZONTAL................................................................................ 17 CONCLUSÃO ................................................................................................................ 21 

Site Mobile

Embed Size (px)

DESCRIPTION

projeto de design responsivo para mobile

Citation preview

Page 1: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 1/21

Sumário

INTRODUÇÃO ................................................................................................................ 2 

FLUXOGRAMA .............................................................................................................. 3 

TELAS .............................................................................................................................. 4 

APLICAÇÃO ................................................................................................................. 13 

APLICAÇÃO NA HORIZONTAL ................................................................................ 17 

CONCLUSÃO ................................................................................................................ 21 

Page 2: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 2/21

Page 3: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 3/21

3

FLUXOGRAMA

Tela Principal

Menu

Ao Vivo Fale ConoscoSustentabilidadeEducação NegóciosProgramas

Vídeos Dias daMarcas  Núcleo de Atitude

Educação Sustentável

Contato/

Redes SociaisSemana

Horários/Programas

MenuTela Principal

Page 4: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 4/21

4

TELAS

 Figura 1: tela principal

 Figura 2: tela principal horizontal

Page 5: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 5/21

5

 Figura 3: tela de menu

 Figura 4: tela de menu horizontal

Page 6: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 6/21

6

 Figura 5: tela ao vivo

 Figura 6: tela ao vivo na horizontal

Page 7: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 7/21

7

 Figura 7: tela de programas Figura 8: tela de programas com detalhes

 Figura 9: tela de programas horizontal Figura 10: tela de programas com detalhes horizontal

Page 8: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 8/21

8

 Figura 11: tela de negócios

Page 9: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 9/21

9

 Figura 11: tela de negócios Figura 12: tela de negócios horizontal

Page 10: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 10/21

10

 Figura 14: tela educação horizontal

Page 11: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 11/21

11

 Figura 16: tela sustentabilidade horizontal

Page 12: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 12/21

12

 Figura 17: tela final de contatos

 Figura 18: tela final de contatos horizontal

Page 13: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 13/21

13

APLICAÇÃO

Page 14: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 14/21

14

Page 15: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 15/21

15

Page 16: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 16/21

16

Page 17: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 17/21

17

APLICAÇÃO NA HORIZONTAL

Page 18: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 18/21

18

Page 19: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 19/21

19

Page 20: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 20/21

20

Page 21: Site Mobile

7/21/2019 Site Mobile

http://slidepdf.com/reader/full/site-mobile 21/21

21

CONCLUSÃO

Conclui-se que o bom uso da tecnologia traz benefícios a sociedade, quando existe boacomunicação em todos os componentes de um projeto e suas informações são bem

dispostas seu alcance é máximo com retorno positivo. Usando o design responsivo é

 possível levar cada tipo de informação para qualquer setor fazendo esta ser compreendida

e aceita por todos, associando ao sucesso e retorno de cada usuário, uma informação clara

e objetiva é esperada todos os dias. O design responsivo está facilitando a vida das pessoas

quando usam seus dispositivos tanto em posição vertical quanto horizontal sua adaptação

está melhorando a cada dia, seu tipo de informação está resumida porém de com

qualidade, podendo ser acessada em casa, na rua, no trabalho, faculdade no ônibus, em

qualquer lugar que estiver. Não precisando estar preso a um único local ou até tendo

algum tipo de aborrecimento no acesso, mas tendo acessibilidade através do seu

dispositivo móvel a qualquer conteúdo independente da hora do dia ou da noite