SlideShare uma empresa Scribd logo
1 de 51
Apresentando o Design  por Daniel Soto
O que é Design? Capítulo 1
Atualmente o campo do design é responsável pela produção da  cultura material  na sociedade.
 
Quem é o designer?  •  1º usuário ( heavy use r );  •  Quem dá forma ao produto; •  Criatividade e habilidade manual; •  Capacitação  formal;
Escolas do design Capítulo 2
DESIGN  Programação  Visual Projeto de Produto Design Gráfico  Design de embalagem Design de moda Web Design Identidade Visual Design de jóias Design de interiores Design de móveis  Motion Design
Design de interação Capítulo 3
É o design aplicado à dispositivos onde existe a manuseio/interação do usuário, onde são planejadas as telas que permitirão ao usuário acessar as informações ou funcionalidades do dispositivo.
 
Estações de trabalho, softwares, sites, posto auto-atendimento
Jogos
Dispositivos móveis
Dispositivos móveis
Novas interações
Novas interações
Web Design Capítulo 4
[object Object],[object Object]
[object Object],[object Object]
Sites  institucionais Site institucional
[object Object],[object Object]
Portais
[object Object],[object Object]
Blogs
Fotolog
Videolog
[object Object],[object Object]
Comunidades
[object Object],[object Object]
E-commerce
[object Object],[object Object]
Gadgets
[object Object],[object Object]
Email-mkt e banners
 
Modos de atuação do design dentro de uma instituição   Capítulo 5
Onde?  • Dentro da instituição  Dpto. de design na empresa (interno / contínuo),  • Fora da instituição  E scritório de design contratado (externo / contínuo e descontínuo).
Quando?  • No início do processo Relacionado a produção integral, renovando o produto
 
 
 
 
 
Quando?  • Na conclusão do processo Relacionado a venda, apresentação estética
 
CG2 / 2009.2  Capítulo 6
Do que se trata? O projeto da disciplina EBA 183 (CG2) nesse semestre trata da construção do site de uma instituição do 3º SETOR. Obs.: a hospedagem do site será oferecida pelo Instituto MangaRosa.
Partes envolvidas • E.B.A. • Professor Daniel • Estudantes •  ONGs •  Instituto MangaRosa
Contrapartida da ONG •  Custo de R$ 30,oo para registro do domínio web da ONG. • Ceder espaço no site para crédito das partes envolvidas no projeto. •  Colaborar com o designer para que este alcance o melhor resultado para o projeto.
Etapas do projeto •  Briefing  (1º contato cliente x designer )  •  Proposta  (a partir do briefing o designer descreve o projeto) •  Pesquisa e criação  (“trab. Interno”) •  Layout  (apr. da “cara” do site, somente imagem) •  Montagem  (verificação final, correções) •  Lançamento  (divulgação do site)
[email_address] visualesco@gmail.com* (71) 8895-5846  Contatos

Mais conteúdo relacionado

Destaque

CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBCEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBTony Alexander Hild
 
Palestra - design e mercado de trabalho
Palestra - design e mercado de trabalhoPalestra - design e mercado de trabalho
Palestra - design e mercado de trabalhoDaniel Soto
 
Webdesign - Gestão Profissional
Webdesign - Gestão ProfissionalWebdesign - Gestão Profissional
Webdesign - Gestão ProfissionalDaniel Soto
 
Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011Daniel Soto
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLTony Alexander Hild
 
Simplificação de expressões Booleanas utilizando mapas de Karnaugh
Simplificação de expressões Booleanas utilizando mapas de KarnaughSimplificação de expressões Booleanas utilizando mapas de Karnaugh
Simplificação de expressões Booleanas utilizando mapas de KarnaughTony Alexander Hild
 
Computação Gráfica - Percepção Tridimensional
Computação Gráfica - Percepção TridimensionalComputação Gráfica - Percepção Tridimensional
Computação Gráfica - Percepção TridimensionalTony Alexander Hild
 
Computação grafica
Computação graficaComputação grafica
Computação graficaLucas Castro
 
Computação Gráfica - Transformações Geométricas no Plano e no Espaço
Computação Gráfica - Transformações Geométricas no Plano e no EspaçoComputação Gráfica - Transformações Geométricas no Plano e no Espaço
Computação Gráfica - Transformações Geométricas no Plano e no EspaçoTony Alexander Hild
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoTony Alexander Hild
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Daniel Soto
 
MadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoMadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoRicardo Rocha
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisRenato Melo
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignClaudia Bordin Rodrigues
 

Destaque (20)

CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEBCEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
CEAD 2013 - Oficina 1: Ferramentas colaborativas e de comunicação WEB
 
Palestra - design e mercado de trabalho
Palestra - design e mercado de trabalhoPalestra - design e mercado de trabalho
Palestra - design e mercado de trabalho
 
Webdesign - Gestão Profissional
Webdesign - Gestão ProfissionalWebdesign - Gestão Profissional
Webdesign - Gestão Profissional
 
Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011
 
Árvore do site
Árvore do siteÁrvore do site
Árvore do site
 
Paradigma funcional
Paradigma funcionalParadigma funcional
Paradigma funcional
 
Circuitos combinacionais
Circuitos combinacionaisCircuitos combinacionais
Circuitos combinacionais
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGL
 
Simplificação de expressões Booleanas utilizando mapas de Karnaugh
Simplificação de expressões Booleanas utilizando mapas de KarnaughSimplificação de expressões Booleanas utilizando mapas de Karnaugh
Simplificação de expressões Booleanas utilizando mapas de Karnaugh
 
Paradigma Orientado a Objeto
Paradigma Orientado a ObjetoParadigma Orientado a Objeto
Paradigma Orientado a Objeto
 
Computação Gráfica - Percepção Tridimensional
Computação Gráfica - Percepção TridimensionalComputação Gráfica - Percepção Tridimensional
Computação Gráfica - Percepção Tridimensional
 
Circuitos sequenciais
Circuitos sequenciaisCircuitos sequenciais
Circuitos sequenciais
 
Computação grafica
Computação graficaComputação grafica
Computação grafica
 
Circuitos Integrados Digitais
Circuitos Integrados DigitaisCircuitos Integrados Digitais
Circuitos Integrados Digitais
 
Computação Gráfica - Transformações Geométricas no Plano e no Espaço
Computação Gráfica - Transformações Geométricas no Plano e no EspaçoComputação Gráfica - Transformações Geométricas no Plano e no Espaço
Computação Gráfica - Transformações Geométricas no Plano e no Espaço
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016
 
MadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoMadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e Comunicação
 
Webdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes SociaisWebdesign: Programação, Website e Redes Sociais
Webdesign: Programação, Website e Redes Sociais
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 

Semelhante a Design Webdesign

Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Patricia Mallmann
 
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
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13tecampinasoeste
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoRodrigo Correia
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bimReuel Lopes
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerAnderson Garcia
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerTiago Tavares
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerMillaSteinbach
 
O que é ser web design
O que é ser web designO que é ser web design
O que é ser web designEster Caetano
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerWilliam Ramires
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerGustavo Wagner
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerRosielesilveira
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
OqueserwebdesignerJesse Js
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designerMillaSteinbach
 

Semelhante a Design Webdesign (20)

Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
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
 
Design
Design Design
Design
 
Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13Webnode - Revisado 26/10/13
Webnode - Revisado 26/10/13
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bim
 
Widgets
WidgetsWidgets
Widgets
 
Trabaho design de interação
Trabaho design de interaçãoTrabaho design de interação
Trabaho design de interação
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web design
O que é ser web designO que é ser web design
O que é ser web design
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
 
O que é ser Web Designer
O que é ser Web DesignerO que é ser Web Designer
O que é ser Web Designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 
Oqueserwebdesigner
OqueserwebdesignerOqueserwebdesigner
Oqueserwebdesigner
 
O que é ser web designer
O que é ser web designerO que é ser web designer
O que é ser web designer
 

Mais de Daniel Soto

Lançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole BaianaLançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole BaianaDaniel Soto
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisDaniel Soto
 
Imagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPImagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPDaniel Soto
 
Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeDaniel Soto
 
Portfolio MangaRosa 2010
Portfolio MangaRosa 2010Portfolio MangaRosa 2010
Portfolio MangaRosa 2010Daniel Soto
 
Tabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneraçãoTabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneraçãoDaniel Soto
 
Wireframe do site
Wireframe do siteWireframe do site
Wireframe do siteDaniel Soto
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 

Mais de Daniel Soto (8)

Lançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole BaianaLançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole Baiana
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - Papéis
 
Imagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPImagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAP
 
Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de Qualidade
 
Portfolio MangaRosa 2010
Portfolio MangaRosa 2010Portfolio MangaRosa 2010
Portfolio MangaRosa 2010
 
Tabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneraçãoTabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneração
 
Wireframe do site
Wireframe do siteWireframe do site
Wireframe do site
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 

Design Webdesign

Notas do Editor

  1. O imaginário coletivo pensa que Internet é sinónimo de World Wide Web (www), entretanto o www é apenas a parte mais visível da Internet, onde estão os sites, portais, comunidades, webmail (e-mail enviado através de site), hotsites, banners e pop-ups. A Internet possui outras utilidades disponíveis além do www, como o acesso remoto a outras máquinas (Telnet e SSH), transferência de arquivos (FTP, P2P), correio eletrônico (e-mail enviado através dos protocolos POP3 e SMTP), boletins eletrônicos (news ou grupos de notícias), bate-papo online (Chat, Ninja, Mirc) e mensagens instantâneas (ICQ, YIM, Jabber, MSN Messenger).
  2. Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  3. Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  4. Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  5. Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  6. Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  7. Na Internet ou mesmo dentro de algum sistema computacional ( sistema operacional , navegador web ou desktop ), chama-se também de gadget algum pequeno software , pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. No site iGoogle , por exemplo, é possível que seja adicionado alguns dos muitos gadgets disponíveis. O Google Desktop , o Windows Vista , o Mac OS X , o KDE e o Gnome são ambientes que aceitam alguns tipos de gadgets específicos, acrescentando funcionalidades ao desktop do sistema. (fonte: wikipedia)
  8. Na Internet ou mesmo dentro de algum sistema computacional ( sistema operacional , navegador web ou desktop ), chama-se também de gadget algum pequeno software , pequeno módulo, ferramenta ou serviço que pode ser agregado a um ambiente maior. No site iGoogle , por exemplo, é possível que seja adicionado alguns dos muitos gadgets disponíveis. O Google Desktop , o Windows Vista , o Mac OS X , o KDE e o Gnome são ambientes que aceitam alguns tipos de gadgets específicos, acrescentando funcionalidades ao desktop do sistema. (fonte: wikipedia)
  9. `Tucson 2010
  10. `Tucson 2010