SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à icetable

Profissão: Designer de Interação
Profissão: Designer de InteraçãoProfissão: Designer de Interação
Profissão: Designer de InteraçãoTersis Zonato
 
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 UXEdu Agni
 
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 StoriesDionatan default
 
Tendências Dispositivos Móveis 2010
Tendências Dispositivos Móveis 2010Tendências Dispositivos Móveis 2010
Tendências Dispositivos Móveis 2010frgo
 
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 sociaisPaulo Milreu
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignEdu Agni
 
Curso T&T primeira parte
Curso T&T primeira parteCurso T&T primeira parte
Curso T&T primeira parteElis Monteiro
 
Trabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosTrabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosDiego BBahia
 
Gestão de Ambientes Internet Webseriados
Gestão de Ambientes Internet   WebseriadosGestão de Ambientes Internet   Webseriados
Gestão de Ambientes Internet WebseriadosDurval Amorim
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design ResponsivoTersis Zonato
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Ana Laura Gomes
 
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çaW. Gabriel de Oliveira
 
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.0liverig
 
Portfolio Kingo Labs
Portfolio Kingo LabsPortfolio Kingo Labs
Portfolio Kingo LabsKingo Labs
 
Design Webdesign
Design WebdesignDesign Webdesign
Design WebdesignDaniel Soto
 
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 AndroidVítor Bruno de Almeida
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
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 UERJDC Press
 

Similaire à 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
 

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