Design Webdesign

1,402 views

Published on

Design Webdesign, é uma apresentação inicial sobre o Webdesign desenvolvida para a Lynk - Prospectiva e Gestão, com o intuito de sensibilizar empresários. Apresenta o que é design, design de interação e então se desenrola sobre o webdesign, listando tipos de sites e de atuações que um designer pode ter na internet. Foi adaptada para material de apoio as aulas de Computação Gráfica 2 na Escola de Belas Artes da UFBA, onde os estudantes desse semetre (2009.2) farão o site de uma ONG.

Público: empresários, diretores, gestores, estudantes de design.

Obs.: essa apresentação é parte de um material didático e não substitui a aula.

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,402
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
0
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • 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).
  • Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • Ele envolve ainda: pesquisa,desenvolvimento, marketing, propaganda, negociação, vendas e suporte.
  • 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)
  • 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)
  • `Tucson 2010
  • `Tucson 2010
  • Design Webdesign

    1. 1. Apresentando o Design por Daniel Soto
    2. 2. O que é Design? Capítulo 1
    3. 3. Atualmente o campo do design é responsável pela produção da cultura material na sociedade.
    4. 5. Quem é o designer? • 1º usuário ( heavy use r ); • Quem dá forma ao produto; • Criatividade e habilidade manual; • Capacitação formal;
    5. 6. Escolas do design Capítulo 2
    6. 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
    7. 8. Design de interação Capítulo 3
    8. 9. É 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.
    9. 11. Estações de trabalho, softwares, sites, posto auto-atendimento
    10. 12. Jogos
    11. 13. Dispositivos móveis
    12. 14. Dispositivos móveis
    13. 15. Novas interações
    14. 16. Novas interações
    15. 17. Web Design Capítulo 4
    16. 18. <ul><li>Webdesign Design aplicado a construção de layouts que serão visualizados na web . </li></ul><ul><ul><li>Exemplos: Sites, portais, comunidades, webmail (e-mail enviado através de site), hotsites, banners e pop-ups, gadgets. </li></ul></ul>
    17. 19. <ul><li>Site institucional Site corporativo para comunicação eletrônica de uma empresa/instituição. </li></ul><ul><ul><li>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). </li></ul></ul>
    18. 20. Sites institucionais Site institucional
    19. 21. <ul><li>Portal Site informativo com diversas seções de conteúdo, serviços e funcionalidades. </li></ul><ul><ul><li>Características: atualização constante (equipe extensa), conteúdos variados (diversos públicos), necessita de diversos anunciantes e parceiros. </li></ul></ul>
    20. 22. Portais
    21. 23. <ul><li>Blog/ Flog, Podcast e Videolog Site pessoal para publicação de opiniões, fotos, notícias, impressões... </li></ul><ul><ul><li>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. </li></ul></ul>
    22. 24. Blogs
    23. 25. Fotolog
    24. 26. Videolog
    25. 27. <ul><li>Comunidades Site que permitem integração social de diversos usuários da rede. </li></ul><ul><ul><li>Características : acesso controlado (login), conteúdos variados (diversos públicos), fóruns, chats, posts e comentários. </li></ul></ul>
    26. 28. Comunidades
    27. 29. <ul><li>E-commerce Transação comercial feita com o uso da comunicação eletrônica e digital. </li></ul><ul><ul><li>Características: praticidade (24h, delivery), segurança (criptografia), pagamento eletrônico (cartões de crédito, internet banking, moeda eletrônica). </li></ul></ul>
    28. 30. E-commerce
    29. 31. <ul><li>Gadget Aplicativo fornecido por um site que pode ser adicionado a outros sites ou mesmo em desktops. </li></ul><ul><ul><li>Características: instantâneo (atualiza automaticamente), prático e “útil”. </li></ul></ul>
    30. 32. Gadgets
    31. 33. <ul><li>Mkt na internet Banner, email-mkt, floaters, video, campanhas integradas. </li></ul><ul><ul><li>Características: alta segmentação, baixo custo. </li></ul></ul>
    32. 34. Email-mkt e banners
    33. 36. Modos de atuação do design dentro de uma instituição   Capítulo 5
    34. 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).
    35. 38. Quando? • No início do processo Relacionado a produção integral, renovando o produto
    36. 44. Quando? • Na conclusão do processo Relacionado a venda, apresentação estética
    37. 46. CG2 / 2009.2 Capítulo 6
    38. 47. 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.
    39. 48. Partes envolvidas • E.B.A. • Professor Daniel • Estudantes • ONGs • Instituto MangaRosa
    40. 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.
    41. 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)
    42. 51. [email_address] visualesco@gmail.com* (71) 8895-5846 Contatos

    ×