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

Ferramentas de design_aula02_2010.05.17

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