Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Ferramentas de design_aula02_2010.05.17

594 visualizaciones

Publicado el

Publicado en: Tecnología, Empresariales
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Ferramentas de design_aula02_2010.05.17

  1. 1. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet m arco aurelio veiga Módulo 2 Ferramentas de Design aula | 17 de maio de 2010
  2. 2. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010 O processo de desenvolvimento (a partir de FLEMING, NIELSEN e VORA) 2. Análise dos requisitos 1. Definição do projeto 3. Desenvol. da estrutura, arquitetura e conteúdo 4. Design 5. Desenvol. do sistema 7. Testes e avaliação 6. Prototipagem 8. design interativo e refinamento 9. Implantação / lançamento 10. Revisão e aperfeiçoa-mento
  3. 3. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Ferramentas de Design para a construção de interfaces de websites Photoshop (imagens bitmap) Dreamweaver (criação de sites) Flash (criação de sites interativos e animação digital) CorelDraw (imagens vetoriais) Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010 Illustrator
  4. 4. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Iniciando o processo de design <ul><li>Conceitos e requisitos projetuais envolvidos (imagem / perfil / classificação / conteúdo) </li></ul><ul><li>Usuário (identificação / forma de interação / situação) </li></ul><ul><li>Tecnologia envolvida / sistemas e aplicativos </li></ul>Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  5. 5. Classificação dos websites Quanto ao seu objetivo ( FLEMING, 1998) 1. Institucional / comércio eletrônico 2. Informações / veículos de comunicação 3. Aplicações / ferramentas de automatização, produtividade e compartilhamento 4. Armazenagem de informações / banco de dados 5. Educacional 6. Comunitário / redes sociais, chats, fóruns e sites de relacionamento 7. Entretenimento 8. Portais: multi-conteúdo e multi-uso FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  6. 6. Análoga (já vivenciada) Personalizada (customizada) Sensorial (exploratória) Classificação dos websites Quanto à maneira de interagir do usuário ( FLEMING, 1998) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  7. 7. Grid da página (Illustrator / CorelDraw) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010 Dicas importantes: Sempre em RGB e medidas em pixels Resolução de moitores 800 x 600 > visível 760 x 420 1024 x 768 > visível 975 x 500 Desativar Anti-alias ( EDIT>PREFERENCES>GENERAL ) Imagens sempre em GIF ou JPG (o primeiro permite transparências) Nunca fracionar os pixels
  8. 8. Grid da página (Illustrator / CorelDraw) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010 <ul><li>Dicas importantes: </li></ul><ul><li>Textos – geralmente (não é uma regra!) se utiliza os seguintes estilos/requisitos: </li></ul><ul><li>- fontes (famílias tipográficas) : Arial, Verdana, Times New Roman, Trebuchet... </li></ul><ul><li>para grandes massas de textos > c.14 / 20 </li></ul><ul><li>textos espassados > c.12 / 16 </li></ul><ul><li>legendas > c.11 / 14 </li></ul>
  9. 9. Grid da página (Illustrator / CorelDraw) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  10. 10. Grid da página (Illustrator / CorelDraw) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  11. 11. Grid da página (Illustrator / CorelDraw) FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  12. 12. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
  13. 13. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010 Marco Aurelio Veiga e-mail: professor.marco@terra.com.br skype: marco.aurelio.v

×