Wireframe

MARKETING DIGITAL 2010-2011 / 6º SEMESTRE A ULA 0 1+02 PROGRAMA AULA 01+02 WORKSHOP 1: Arquitectura de Informação (2 AULAS) Inventário de Conteúdos. • Estrutura da Informação. • Páginas: Principais, Secundárias e de Conteúdo. • Personas. • Wireframes. • ESCOLA SUPERIOR DE COMUNICAÇÃO SOCIAL - LICENCIATURA EM PUBLICIDADE E MARKETING - 2010/2011 WORKSHOP 1: DEPOIS... ✓ ✓ ✓ ✓ Brief e Debrief Pesquisa Análise Metas / Planeamento ARQUITECTURA DE INFORMAÇÃO CRIAR UMA…

papel ou eletrônicos e normalmente recebem o nome de Wireframes. O termo signifca linhas guia (como num projeto). Então, os Wireframes são protótipos de baixa fdelidade que servem para dar um direcionamento inicial de como a interface será. Como disse, estes protótipos podem ser feitos em papel (impressos ou desenhados à mão) ou digitais. As ferramentas são as mais variadas. Tem gente que usa até o PowerPoint (microsof.com) para fazer Wireframes. Pessoalmente, uso o Gimp (gimp.org),…

exemplo). Além disso, a representação de um modelo tridimensional no CAD pode ser classificada em: estrutura de arame (“wireframe”), modelo de superfície e modelo de sólido. Um modelo estrutura de arame utiliza linhas interconectadas para representar o objeto como mostrado na figura 4. Quando o modelo tem geometria complexa a sua representação usando “wireframe” pode ficar confusa, pois, mesmo as linhas representando o outro lado do objeto são representadas, como ilustrado na figura 4.

desenvolver protótipos em wireframe, diagramas de fluxo, bem como especificações muito precisas para páginas de internet e aplicações. É um programa usado pelas principais agências e milhares de pequenas e médias empresas. É ideal para profissionais responsáveis por definir requisitos e especificações para aplicações e desenho da interface de utilizador. Estes profissionais incluem designers experientes, analistas de negócios, arquitetos etc. A idéia de um wireframe, por exemplo…

cliente (cheque), para analise da situação financeira (controle de inadimplência), tomando assim as decisões de políticas de vendas. CASO DE USO CASO CAIXA / GERENTE WIREFRAME - LOGIN SISTEMA DE CONSULTA DE CHEQUES SysChecK X LOGIN: LOGIN o SENHA ENTRAR WIREFRAME - CONSULTA SISTEMA DE CONSULTA DE CHEQUES - SysChecK WIREFRAME – RETORNO X SISTEMA DE CONSULTA DE CHEQUES - SysChecK X ENTRE COM OS DADOS PARA CONSULTA RESULTADO DA CONSULTA DE CLIENTE CNPJ / CPF o NUMERO DO CHEQUE…

| 2.Escopo do Projeto: | - Desenvolvimento de um site | - Gerenciador de conteúdo / primeira carga | - aumento de lucro | - levantamento funcional | - analise técnica | - elaboração de estrutura (site map) | - desenvolvimento de wireframes e arquitetura da informação | - criação de layout | - desenvolvimento do HTML / integração do sistema | - desenvolvimento da base de dados | | 3.Restrições: | - contratação e treinamento da equipe | | 4.Riscos: | - tempo |

WireframeSketcher Studio é um software muito intuitivo, fácil de utilizar e com muitas opções para a organização dos elementos na tela. WireframeSketcher é uma ferramenta que ajuda designers, desenvolvedores e gerentes de produto a rapidamente criar wireframes, maquetes e protótipos para aplicações desktop, web e móveis. É um aplicativo de desktop e um plugin para qualquer Eclipse IDE. Estas são suas principais características: Compatível com Mac, Windows e Linux (Multiplataforma); …

em domínio wireframe ◦ Geometrias de Intersecção Prof. MSc. Renato Luis Garrido Monaro - 2013  Geometrias Primitivas ◦ É o método mais rápido para gerar objetos tridimensionais. ◦ Defini-se apenas as informações das dimensões do objeto a ser modelado e sua posição no espaço. Comprimento Largura Altura Diâmetro Diâmetro Altura Diâmetro Base Altura Diâmetro Topo Prof. MSc. Renato Luis Garrido Monaro - 2013  Geometrias Baseadas em domínio…

Exercicio 4 > require(lattice) Carregando pacotes exigidos: lattice > x<-seq(-pi,pi,len=50) > y<-seq(-pi,pi,len=50) > g<-expand.grid(x=x,y=y) > g$z<-sin(sqrt(g$x^2+g$y^2)) > print(wireframe(z~x*y,g,drape=TRUE,aspect=c(3,1),colorkey=TRUE)) > wireframe(volcano,shade=TRUE,aspect=c(61/87,0.4),ligth.source=c(10,0,10)) Exercicio 5 Gráfico Tridimensional: > x<-seq(-6,6,length=30) > y<-x > x [1] -6.0000000 -5.5862069…

| | |2.3 WireFrame Home | | |2.4 WireFrame Produtos | | |2.5 WireFrame Produtos Detalhe | | |2.6 WireFrame Carrinho de Compras | | |2.7 WireFrame Forma de Contato | | |2.8 WireFrame Como Comprar | | |2.9 WireFrame Quem Somos