O documento discute o processo de desenvolvimento de websites, ferramentas de design como Photoshop e Illustrator, e classificações de websites de acordo com seu objetivo e forma de interação do usuário.

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. 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. 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

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. 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. 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

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. 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. 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. FATEC / SENAC RIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010

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