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.
FATEC / SENACRIO | 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 / SENACRIO | 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 / SENACRIO | 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.
FATEC / SENACRIO | Graduação Tecnológica em Sistemas para Internet Iniciando o processo de design Conceitos e requisitos projetuais envolvidos (imagem / perfil / classificação / conteúdo) Usuário (identificação / forma de interação / situação) Tecnologia envolvida / sistemas e aplicativos Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
5.
Classificação dos websitesQuanto 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
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 Dicas importantes: Textos – geralmente (não é uma regra!) se utiliza os seguintes estilos/requisitos: - fontes (famílias tipográficas) : Arial, Verdana, Times New Roman, Trebuchet... para grandes massas de textos > c.14 / 20 textos espassados > c.12 / 16 legendas > c.11 / 14
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 / SENACRIO | Graduação Tecnológica em Sistemas para Internet Módulo 2 | Ferramentas de Design aula | 17 de maio de 2010
13.
FATEC / SENACRIO | 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