[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