SlideShare una empresa de Scribd logo
1 de 15
Tendências em Webdesign maykon | josiane
DESIGN - Uso de Grid “ Vamos continuar a ver mais layouts de páginas estruturados por grids, com áreas para texto, imagem, video e navegação claramente definidas” Tom Dougherty, Web design trends for 2009 (http://www.digitalartsonline.co.uk/features/index.cfm?FeatureID=1822&pn=4)
http://www.frieze.com/magazine Frieze magazine
http://aigalosangeles.org/ AIGA la
Para saber mais: http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/  http://www.webdesignerwall.com/trends/grid-and-column-designs/ Grids Are Good:  http://www.subtraction.com/pics/0703/grids_are_good.pdf DESIGN - Uso de Grid
TECNOLOGIA - Style Switcher Exemplos: http://www.ps-designstudio.de/index.php?id=7&D=2 http://www.urbanchip.com.ar/ http://phonophunk.com/ Para saber Mais: http://www.smashingmagazine.com/2008/06/05/style-switchers-are-back-ideas-examples-and-a-contest/ http://www.alistapart.com/articles/alternate http://www.tableless.com.br/css-alternativo http://designshack.co.uk/tutorials/css-style-switcher Funciona basicamente  à partir de uma combinação de folhas de estilo e javascript (CSS+JS) ‏ Dá liberdade ao usuário para controlar a exibição e a aparência do site
http://www.ps-designstudio.de/index.php?id=7&D=0 PS Design Studio
http://phonophunk.com/ Phonophunk
INTERAÇÃO - Alternate Reality Game| ARG É um tipo de jogo que usa o mundo real e, principalmente a internet como plataforma “ A internet forneceu o meio – um lugar onde você pode disponibilizar toneladas de conteúdo, e ter certeza que os jogadores iriam conversar sobre isso um com o outro. ”  Sean Stweart, um dos criadores do The Beast, considerado o primeiro ARG da história   (http://www.seanstewart.org/beast/intro/) ‏ “ O formato é definido pelo intenso envolvimento do jogador com uma história que se realiza em tempo real e evolui de acordo com as respostas dos participantes; além disso, os personagens são controlados pelos  game designer  ao invés de serem controlados por inteligência artificial, como em jogo eletrônico .  ARGs geralmente se utilizam de multimídia, como telefones, e-mail e correio, mas dependem da internet como a mídia central de conexão. ” Wikipedia  (http://en.wikipedia.org/wiki/Alternate_reality_game) ‏
 
 
Alguns sites usados na campanha
 
Why So Serious http://www.alternaterealitybranding.com/whysoserious_webby/
Para saber mais: 42 Entertainment:  http://www.42entertainment.com/ ARGNET:  http://www.argn.com Brainstorm#9:  http://www.brainstorm9.com.br/category/tipo/arg-alternate-reality-game/ INTERAÇÃO - Alternate Reality Game| ARG

Más contenido relacionado

Similar a icetable

Profissão: Designer de Interação
Profissão: Designer de InteraçãoProfissão: Designer de Interação
Profissão: Designer de Interação
Tersis Zonato
 
Trabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosTrabalho Gerencia de Projetos
Trabalho Gerencia de Projetos
Diego BBahia
 

Similar a icetable (20)

Profissão: Designer de Interação
Profissão: Designer de InteraçãoProfissão: Designer de Interação
Profissão: Designer de Interação
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Desenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User StoriesDesenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User Stories
 
Tendências Dispositivos Móveis 2010
Tendências Dispositivos Móveis 2010Tendências Dispositivos Móveis 2010
Tendências Dispositivos Móveis 2010
 
O consumidor em tempos de mídias digitais e sociais
O consumidor em tempos de mídias digitais e sociaisO consumidor em tempos de mídias digitais e sociais
O consumidor em tempos de mídias digitais e sociais
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Curso T&T primeira parte
Curso T&T primeira parteCurso T&T primeira parte
Curso T&T primeira parte
 
T&T
T&TT&T
T&T
 
Trabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosTrabalho Gerencia de Projetos
Trabalho Gerencia de Projetos
 
Gestão de Ambientes Internet Webseriados
Gestão de Ambientes Internet   WebseriadosGestão de Ambientes Internet   Webseriados
Gestão de Ambientes Internet Webseriados
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
 
Webseriados
WebseriadosWebseriados
Webseriados
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]
 
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaInternet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
 
Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0Trabalho sobre web 2.0 e web 3.0
Trabalho sobre web 2.0 e web 3.0
 
Portfolio Kingo Labs
Portfolio Kingo LabsPortfolio Kingo Labs
Portfolio Kingo Labs
 
Design Webdesign
Design WebdesignDesign Webdesign
Design Webdesign
 
Por que e como desenvolver aplicativos Android
Por que e como desenvolver aplicativos AndroidPor que e como desenvolver aplicativos Android
Por que e como desenvolver aplicativos Android
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Jornalismo Esportivo Digital [aula 4] - Pós UERJ
Jornalismo Esportivo Digital [aula 4] - Pós UERJJornalismo Esportivo Digital [aula 4] - Pós UERJ
Jornalismo Esportivo Digital [aula 4] - Pós UERJ
 

Último

Último (8)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

icetable

  • 1. Tendências em Webdesign maykon | josiane
  • 2. DESIGN - Uso de Grid “ Vamos continuar a ver mais layouts de páginas estruturados por grids, com áreas para texto, imagem, video e navegação claramente definidas” Tom Dougherty, Web design trends for 2009 (http://www.digitalartsonline.co.uk/features/index.cfm?FeatureID=1822&pn=4)
  • 5. Para saber mais: http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/ http://www.webdesignerwall.com/trends/grid-and-column-designs/ Grids Are Good: http://www.subtraction.com/pics/0703/grids_are_good.pdf DESIGN - Uso de Grid
  • 6. TECNOLOGIA - Style Switcher Exemplos: http://www.ps-designstudio.de/index.php?id=7&D=2 http://www.urbanchip.com.ar/ http://phonophunk.com/ Para saber Mais: http://www.smashingmagazine.com/2008/06/05/style-switchers-are-back-ideas-examples-and-a-contest/ http://www.alistapart.com/articles/alternate http://www.tableless.com.br/css-alternativo http://designshack.co.uk/tutorials/css-style-switcher Funciona basicamente à partir de uma combinação de folhas de estilo e javascript (CSS+JS) ‏ Dá liberdade ao usuário para controlar a exibição e a aparência do site
  • 9. INTERAÇÃO - Alternate Reality Game| ARG É um tipo de jogo que usa o mundo real e, principalmente a internet como plataforma “ A internet forneceu o meio – um lugar onde você pode disponibilizar toneladas de conteúdo, e ter certeza que os jogadores iriam conversar sobre isso um com o outro. ” Sean Stweart, um dos criadores do The Beast, considerado o primeiro ARG da história (http://www.seanstewart.org/beast/intro/) ‏ “ O formato é definido pelo intenso envolvimento do jogador com uma história que se realiza em tempo real e evolui de acordo com as respostas dos participantes; além disso, os personagens são controlados pelos game designer ao invés de serem controlados por inteligência artificial, como em jogo eletrônico . ARGs geralmente se utilizam de multimídia, como telefones, e-mail e correio, mas dependem da internet como a mídia central de conexão. ” Wikipedia (http://en.wikipedia.org/wiki/Alternate_reality_game) ‏
  • 10.  
  • 11.  
  • 12. Alguns sites usados na campanha
  • 13.  
  • 14. Why So Serious http://www.alternaterealitybranding.com/whysoserious_webby/
  • 15. Para saber mais: 42 Entertainment: http://www.42entertainment.com/ ARGNET: http://www.argn.com Brainstorm#9: http://www.brainstorm9.com.br/category/tipo/arg-alternate-reality-game/ INTERAÇÃO - Alternate Reality Game| ARG