[gicom] Curso Interlegis > Webdesigner

Davi Lima de Medeiros davimedeiros em interlegis.gov.br
Segunda Junho 1 17:56:45 BRT 2009


Olá!

Muito legal o desafio, Jean. Tem inclusive bastante a ver com o assunto que irei lançar agora.

Pessoal, o Interlegis está arquitetando alguns novos cursos, que acredito serão transmitidos via Moodle/Saberes, além de eventuais ocasiões presenciais.

De toda forma, o processo está na confecção da ementa inicial do curso, a partir da qual o mesmo será formulado. A duração do mesmo é de 40 horas. Já existe um texto inicial em: http://colab.interlegis.gov.br/wiki/CursoDesing

Texto que ao menos o Ângelo, o Jean e o Petrônio já conhecem. A partir dele, esbocei um possível item VII, o tópico Conteúdo. Ou talvez entrasse em Objetivos Específicos. Não tenho certeza e por isso não joguei diretamente no wiki, mas montei o seguinte pensando no que poderia/deveria ser abordado no curso.

>>
** Design
   1. Padrões de projeto e Identidade visual
   2. Princípios Visuais: Contraste, Repetição, Alinhamento, Proximidade
   3. Suportes: Resolução, Margens, Mancha gráfica
   4. Cores: cmyk, rgb, hexadecimal, lab, hsb, bw
   5. Tipografias: Famílias comuns, Unidades de medida, Legibilidade, Mancha gráfica, Alinhamento de parágrafos
   6. Grids: Proporção, Ritmo, Hierarquia, Espaçamento (entrelinhas, entrecolunas e outros vazios), Equilíbrio
   7. Elementos Clássicos: Cabeçalho, Menu, Colunas laterais, Conteúdo (imagens, banners, títulos, subtítulos, legendas, boxes e corpo do texto), Rodapé
   8. Etapas de Trabalho
      . Briefing: História da empresa, Identidade visual, Mercado de atuação, Públicos, Concorrência, Objetivo da comunicação, Prazos, Verbas
      . Diagramação: Esboço, Desenho estrutural (wireframe), Protótipo
      . Elaboração: Inkscape, GIMP, Kompozer/Bluefish, Firefox, Firebug
   9. HTML+CSS Avançado: Inspeção (firebug, webdeveloper toolbar, colorzilla), Layers, Imagens, Menus, Sprites, Hacks básicos
  10. Acessibilidade e Usabilidade: W3C, leitores de tela e teclas de acesso, dispositivos móveis
  11. Animação básica
      . Criação: Objetivo, Argumentação, Idéia
      . Roteiro e Storyboard: Contrastes visuais, Pontos de virada, Dicas, Chamada à ação e Assinatura
      . Softwares de animação (gif ou swf)

** Software Livre: formatos e sistemas
   1. Conceitos, Utilização, Compatibilidade
   2. Formatos: PNG (gif e jpg), SVG (cdr, ai, eps), ODF (doc, docx), PDF, SWF e fontes (TrueType x LinuxType?)
   3. Sistemas: Linguagens, Softwares, Plataformas
      . Gimp vs Adobe Photoshop
      . Inkspace vs Adobe Illustrator/Corel Draw
      . Kompozer/Bluefish vs Macromedia Dreamweaver
   4. Produtividade: Slices, Ações em lote, Scripts de automação, Interface (customização e atalhos)

** Colab e GICOM
   1. Conceitos de trabalho colaborativo e de comunidades de prática
   2. Ações possíveis no ambiente Colab
      . Compartilhar Código (svn)
      . Ler/Escrever Documentação (wiki)
      . Acompanhar cada Projeto (timeline, issues, milestones, rss)
      . Discutir/Dar ou Pedir Ajuda (lista de discussão)
   3. Projeto EduColab: bibliografias, aulas gravadas, slides e documentos relacionados
   4. Projeto Colab Bumerangue: fundos, ícones, cliparts, ferramentas, arquivos de configuração, howtos e tutoriais
   5. Projeto ColabPlanet: coletivo de blogs
<<


Peço agora ajuda de vocês para discutir, aprovar ou cancelar alguns dos tópicos, pensando no que seria realmente útil e prático. A minha visão é a de focar nas propriedades e conceitos do Design em paralelo com a prática nos softwares livres, razoavelmente desconhecida quando não posta em dúvida quanto à sua capacidade.

Seguem alguns ilustrando minha visão, que aliás poderiam estar no GICOM em seguida:

http://www.luli.com.br/2008/04/14/design-para-cssers-tipografia-parte-i/
http://www.luli.com.br/2008/04/14/design-para-cssers-tipografia-parte-ii/
http://www.luli.com.br/2008/04/14/design-para-cssers-tipografia-parte-iii/
http://www.luli.com.br/2008/04/14/design-para-cssers-tipografia-parte-iv/

http://wiki.inkscape.org/wiki/index.php/Inkscape_for_Adobe_Illustrator_users#Things_Illustrator_can_do_that_Inkscape_cannot_do:


Abraço,
Davi Lima
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: http://listas.interlegis.gov.br/pipermail/gicom/attachments/20090601/c2fc120d/attachment.htm 


Mais detalhes sobre a lista de discussão GICOM