Site Mobile

Post on 05-Mar-2016

215 views 0 download

description

projeto de design responsivo para mobile

Transcript of 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 

7/21/2019 Site Mobile

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

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

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

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

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

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

7/21/2019 Site Mobile

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

8

 Figura 11: tela de negócios

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

7/21/2019 Site Mobile

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

10

 Figura 14: tela educação horizontal

7/21/2019 Site Mobile

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

11

 Figura 16: tela sustentabilidade horizontal

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

7/21/2019 Site Mobile

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

13

APLICAÇÃO

7/21/2019 Site Mobile

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

14

7/21/2019 Site Mobile

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

15

7/21/2019 Site Mobile

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

16

7/21/2019 Site Mobile

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

17

APLICAÇÃO NA HORIZONTAL

7/21/2019 Site Mobile

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

18

7/21/2019 Site Mobile

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

19

7/21/2019 Site Mobile

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

20

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