Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ferramentas de design_aula02_2010.05.17

593 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

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

×