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
Webdesign Design aplicado a construção de layouts que serão visualizados na  web .  Exemplos: Sites, portais, comunidades, webmail (e-mail enviado através de site), hotsites, banners e pop-ups, gadgets.
Site institucional  Site corporativo para comunicação eletrônica de uma empresa/instituição. Características: exposição permanente (24h em todo o globo), informações sobre a instituição e seus produtos/serviços. Pode ser ou não dinâmico (banco de dados administrado por um gerenciador de conteúdo).
Sites  institucionais Site institucional
Portal  Site informativo com diversas seções de conteúdo, serviços e funcionalidades. Características: atualização constante (equipe extensa), conteúdos variados (diversos públicos), necessita de diversos anunciantes e parceiros.
Portais
Blog/ Flog, Podcast e Videolog Site pessoal para publicação de opiniões, fotos, notícias, impressões...  Características: praticidade de uso (publicação e edição dos posts), associação/colaboração (permalinks, comentários), o internauta como construtor do conteúdo.
Blogs
Fotolog
Videolog
Comunidades Site que permitem integração social de diversos usuários da rede.  Características : acesso controlado (login), conteúdos variados (diversos públicos), fóruns, chats, posts e comentários.
Comunidades
E-commerce Transação comercial feita com o uso da comunicação eletrônica e digital. Características: praticidade (24h, delivery), segurança (criptografia), pagamento eletrônico (cartões de crédito, internet banking, moeda eletrônica).
E-commerce
Gadget  Aplicativo fornecido por um site que pode ser adicionado a outros sites ou mesmo em desktops. Características: instantâneo (atualiza automaticamente), prático e “útil”.
Gadgets
Mkt na internet Banner, email-mkt, floaters, video,  campanhas integradas. Características: alta segmentação, baixo custo.
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

Design Webdesign

  • 1.
    Apresentando o Design por Daniel Soto
  • 2.
    O que éDesign? Capítulo 1
  • 3.
    Atualmente o campodo design é responsável pela produção da cultura material na sociedade.
  • 4.
  • 5.
    Quem é odesigner? • 1º usuário ( heavy use r ); • Quem dá forma ao produto; • Criatividade e habilidade manual; • Capacitação formal;
  • 6.
    Escolas do designCapítulo 2
  • 7.
    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
  • 8.
  • 9.
    É o designaplicado à 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.
  • 10.
  • 11.
    Estações de trabalho,softwares, sites, posto auto-atendimento
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
    Webdesign Design aplicadoa construção de layouts que serão visualizados na web . Exemplos: Sites, portais, comunidades, webmail (e-mail enviado através de site), hotsites, banners e pop-ups, gadgets.
  • 19.
    Site institucional Site corporativo para comunicação eletrônica de uma empresa/instituição. Características: exposição permanente (24h em todo o globo), informações sobre a instituição e seus produtos/serviços. Pode ser ou não dinâmico (banco de dados administrado por um gerenciador de conteúdo).
  • 20.
    Sites institucionaisSite institucional
  • 21.
    Portal Siteinformativo com diversas seções de conteúdo, serviços e funcionalidades. Características: atualização constante (equipe extensa), conteúdos variados (diversos públicos), necessita de diversos anunciantes e parceiros.
  • 22.
  • 23.
    Blog/ Flog, Podcaste Videolog Site pessoal para publicação de opiniões, fotos, notícias, impressões... Características: praticidade de uso (publicação e edição dos posts), associação/colaboração (permalinks, comentários), o internauta como construtor do conteúdo.
  • 24.
  • 25.
  • 26.
  • 27.
    Comunidades Site quepermitem integração social de diversos usuários da rede. Características : acesso controlado (login), conteúdos variados (diversos públicos), fóruns, chats, posts e comentários.
  • 28.
  • 29.
    E-commerce Transação comercialfeita com o uso da comunicação eletrônica e digital. Características: praticidade (24h, delivery), segurança (criptografia), pagamento eletrônico (cartões de crédito, internet banking, moeda eletrônica).
  • 30.
  • 31.
    Gadget Aplicativofornecido por um site que pode ser adicionado a outros sites ou mesmo em desktops. Características: instantâneo (atualiza automaticamente), prático e “útil”.
  • 32.
  • 33.
    Mkt na internetBanner, email-mkt, floaters, video, campanhas integradas. Características: alta segmentação, baixo custo.
  • 34.
  • 35.
  • 36.
    Modos de atuaçãodo design dentro de uma instituição   Capítulo 5
  • 37.
    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).
  • 38.
    Quando? •No início do processo Relacionado a produção integral, renovando o produto
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
    Quando? •Na conclusão do processo Relacionado a venda, apresentação estética
  • 45.
  • 46.
    CG2 / 2009.2 Capítulo 6
  • 47.
    Do que setrata? 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.
  • 48.
    Partes envolvidas •E.B.A. • Professor Daniel • Estudantes • ONGs • Instituto MangaRosa
  • 49.
    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.
  • 50.
    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)
  • 51.

Notas do Editor

  • #19 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).
  • #20 Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • #22 Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • #24 Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • #28 Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • #30 Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • #32 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)
  • #34 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)
  • #43 `Tucson 2010
  • #44 `Tucson 2010