Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID
-
Upload
juliano-theiss -
Category
Technology
-
view
1.168 -
download
1
description
Transcript of Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID
![Page 1: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/1.jpg)
Juliano [email protected]
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Projeto de InterfacesPara Aplicativos Android
Seguindo as diretrizes do Google
![Page 2: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/2.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Pense em um aplicativo para
desenvolvermos na parte final da oficina.
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade ?Bem Vindos!
![Page 3: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/3.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
ESTILOSIntrodução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 4: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/4.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Temas• Temas são o mecanismo utilizado para
aplicar um estilo consistente em um aplicativo.
• Use um tema do sistema que melhor se aproxime a sua necessidade.
• Os temas possuem uma base solida onde você pode implementar seletivamente seus estilos visuais
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 5: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/5.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Temas
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Holo Light Holo Dark Holo Light with dark action bar
Gmail Settings Gtalk
![Page 6: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/6.jpg)
• O Android utiliza a fonte Roboto, criada especificamente para os requerimentos de UI e telas de alta resolução.
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Tipografia
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 7: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/7.jpg)
• Utilize cores primariamente para ênfase.• Escolha cores que combinem com sua
marca e apresentem bom contraste entre os componentes visuais.
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Cores
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 8: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/8.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Cores
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Cada cor possui tons mais claros e mais escuros que podem ser usados como complemento.
![Page 9: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/9.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Iconografia
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Um icone é um grafico que usa uma pequena porção da tela e apresenta uma representação rápida e intuitiva de uma ação, um status ou um aplicativo.
![Page 10: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/10.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Iconografia
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• O ícone que representa o aplicativo se chama Launcher.
• O Launcher deve ter uma pequena perspectiva tridimensional e uma silhueta distinta.
![Page 11: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/11.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
PADRÕESIntrodução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 12: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/12.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Um aplicativo possui variadas funções, de acordo com a necessidade. Por exemplo:
• Calculadora ou Camera, possuem foco em apenas uma atividade e uma tela;
• Aplicativo de telefone que precisa alternar entre diferentes telas sem profunda navegação;
• Gmail ou Play Store que combinam uma grande quantidade de dados com muita navegação
![Page 13: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/13.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
• Um aplicativo típico consiste de top/level ( tela principal ) e visão detalhada. Se a hierarquia é complexa, visões de categoria conectam a tela principal com a visão detalhada.
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 14: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/14.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Top level/ Página Principal
Visão de categoria
Visão detalhada
![Page 15: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/15.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Action Bars ( Barra de Ação ) para navegação e ações• Todas as telas devem mostrar barras de ação para
promover uma navegação consistente e exibir ações importantes;
• Na tela inicial, use a barra de ação para exibir o ícone e nome do seu aplicativo;
• Se o seu aplicativo permitir que o usuário crie conteúdo, considere fazer acessível direto pelo nível mais alto.
• Se o seu aplicativo possuir busca, a inclua na barra de ação para que as pessoas possam achar conteudo mais facilmente
![Page 16: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/16.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Action Bars ( Barra de Ação ) para navegação e ações• Se a sua página
principal consistir em multiplas seções, tenha certeza que é fácil para o usuário navegar entre elas utilizando View Controls ( Controles de visão ) na sua barra de ações.
Controle de visão do tipo SpinnerGmail
![Page 17: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/17.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Action Bars ( Barra de Ação )
1 - Icone do aplicativo2 - Controle de visão3 - Botões de ação4 - Action overflow
![Page 18: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/18.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Controles de Visão.O nível superior de seu aplicativo, muitas vezes vai levar o usuário para as principais áreas funcionais. Nesta página inicial, você precisa ter certeza que o usuário possa navegar entre elas de forma eficiente. O android suporta uma série de controles de visão para esta tarefa, Use o controle que melhor corresponda as necessidades do seu aplicativo.
![Page 19: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/19.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Abas Fixas• Se você espera que seu usuário alterne entre as visões
frequentemente• Se você tem um número máximo de 3 visões de nível
mais alto.• Se você quer que o usuário esteja altamente consciente
das multiplas visões.
![Page 20: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/20.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Spinners• Se você não quer perder
espaço vertical na tela.• Se o usuário está
alternando visões diferentes dos mesmos dados ( ex: calendario visto por dia, semana ou mes) ou datas do mesmo tipo ( como conteudo para duas contas diferentes )
![Page 21: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/21.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Estrutura da Aplicação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Navigation Drawers ( Gavetas)• Se você nao quer abrir
mão do espaço vertical;• Se você tem um número
grande de visões de tela principal.
• Se você quer promover navegação rápida entre visões que não possuem relação entre si.
![Page 22: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/22.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Navegação
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
Back ( Voltar )Ordem Cronologica
Up Ordem Hierárquica
![Page 23: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/23.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Android PURO
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Não imite os elementos de interface do usuário de outras plataformas.
![Page 24: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/24.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Android PURO
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Não utilize icones específicos de outras plataformas.
![Page 25: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/25.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Android PURO
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Não use barras de guia inferior.
![Page 26: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/26.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Blocos de Construção
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 27: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/27.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Listas
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• As listas apresentam vários itens de linha em um arranjo vertical. Eles podem ser utilizados para a selecção de dados, bem como de pesquisa de navegação.
![Page 28: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/28.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Botões
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Um botão consiste em um texto e / ou uma imagem que comunica claramente que a ação irá ocorrer quando o usuário toca. O Android suporta dois tipos diferentes de botões: botões básicos e botões sem bordas. Ambos podem conter textos e / ou imagens.
![Page 29: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/29.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Campos de Texto
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Os campos de texto permitem ao usuário digitar um texto em seu aplicativo. Eles podem ser uma única linha ou várias linhas. Tocar um campo de texto exibe automaticamente o teclado
![Page 30: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/30.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Sliders
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Os sliders interativos permitem selecionar um valor de um intervalo contínuo ou discreto de valores. O menor valor é para a esquerda, o maior para a direita.
![Page 31: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/31.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Barra de Progresso
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• As barras de progresso são para situações em que a porcentagem concluída pode ser determinada. Eles dão aos usuários uma sensação rápida de quanto tempo a operação vai demorar.
![Page 32: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/32.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Checkbox
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Permitem que o usuário selecione múltiplas opções a partir de um conjunto.
![Page 33: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/33.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Radio
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Os botões de rádio permitem que o usuário selecione uma opção de um conjunto.
![Page 34: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/34.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Liga/Desliga
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Os botões de liga e desliga alternam o estado de uma única opção de configuração.
![Page 35: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/35.jpg)
1-Título 2-Área de conteúdo 3-Botões de ação
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Dialogos
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Diálogos solicitam ao usuário as decisões ou informações adicionais exigidas pelo aplicativo para continuar a tarefa.
1-Título 2-Área de conteúdo 3-Botões de ação
![Page 36: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/36.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Alertas
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Alertas informam o usuário sobre uma situação que exige a sua confirmação ou aceitação antes de prosseguir.
![Page 37: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/37.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Popups
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
• Popups não tem tem botões explícitos que aceitem ou cancelem a operação. Em vez disso, fazer uma seleção avança o fluxo de trabalho, e simplesmente tocar fora do popup o descarta.
![Page 38: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/38.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
oficina
![Page 39: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/39.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Pencil = Arrastar e montar
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 40: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/40.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Pencil = Arrastar e montar
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 41: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/41.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
Ícones padrão Android Pencil
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
![Page 42: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/42.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
OFICINA
Introdução
Estilos
Padrões
Blocos deConstrução
Atividade
VAMOS PRATICAR?
![Page 43: Oficina PROJETO DE INTERFACES PARA APLICATIVOS ANDROID](https://reader033.fdocuments.net/reader033/viewer/2022051817/54831b71b479590f0d8b4926/html5/thumbnails/43.jpg)
Projeto de Interfaces
Para Aplicativos
Android
4º e-TIC21 a 25 de Outubro de 2013
Instituto Federal Catarinense - Campus Camboriú
Juliano [email protected]
FIM!
Obrigado!linkedin.com/in/julianotheissfacebook.com/juliano.theiss
Envie os arquivos .ep e .png para