Design de Comunicação e Audiovisuais

Introdução

Apoio e referências para as aulas de Design de Comunicação e Audiovisuais(DCA) do Curso Profissional Técnico de Multimédia da Escola Secundária Eça de Queirós, Póvoa de Varzim.

Design de Comunicação e Audiovisuais é uma disciplina de 350 horas e 11 módulos, distribuídas por três anos ao longo do curso. Neste ano lectivo, serão dados os seguintes módulos:

  1. Fotografia Digital (28 tempos lectivos);
  2. Teoria do Design (40 tempos lectivos);
  3. Comunicação Visual (40 tempos lectivos);
  4. Design Multimédia (52 tempos lectivos);
  5. Arquitectura de Informação (40 tempos lectivos).

Esta disciplina tem uma forte componente prática para a aplicação e o desenvolvimento de alguns conceitos estruturantes na produção de conteúdos multimédia. Nos processos de produção de conteúdo deve valorizar-se a iniciativa dos alunos, o seu sentido critico e a autonomia. Com Design de Comunicação e audiovisuais pretende-se que os alunos desenvolvam a sua capacidade tecnológica.

Os processos a ter em conta na avaliação continua são: a assiduidade, o interesse, a participação nas actividades e evolução da capacidade tecnológica individual. Deverão ser avaliados pelos trabalhos práticos na forma de projectos que se devem aproximar da realidade do mercado de trabalho.

Competências a desenvolver

Documentos

Projecto de Programa da disciplina
Sintese da planificação
Horário da turma

 

Módulo 1 | Fotografia Digital

Info

Neste módulo pretende-se que os alunos adquiram conhecimento teórico sobre a formação da imagem fotográfica e o domínio dos princípios básicos da máquina fotográfica, da captura de imagem digitais e a sua edição em software próprio.

Os alunos devem devem ser orientados no sentido de desenvolverem as possibilidades técnicas formais e criativas da imagem digital. Aplicar terminologias adequadas no domínio da fotografia digital e trabalhar no sentido da compreensão dos conceitos fundamentais da imagem digital.

Pretende-se, igualmente, desenvolver um sentido estético e critico quantos aos valores expressivos da imagem.

Duração

28 tempos lectivos (Setembro / Outubro de 2009).

Marcadores

Breve história da fotografia e sua evolução

Formação de imagem fotográfica.

Equipamentos de captura

Enquadramentos


Apontamentos das aulas

Micro história da fotografia
Câmaras digitais
Aspectos técnicos da fotografia digital
Sobre composição

Fichas de actividade

Exercícios de ajuste de imagem
Exercícios de composição de imagem

Testes

Teste 1
Teste 2
Imagens do teste

Imagens

Retoque de imagem


Módulo 2 | Teoria do Design

Info

Neste módulo pretende-se que os alunos entendam a evolução do design, numa breve visualização histórica que vai desde as suas origens à contemporaneidade e perceber a relação entre design, história e cultura. Pretende-se ainda que o aluno compreenda as principais funções do design e a sua importância no desenvolvimento e evolução dos objectos segundo determinados factores e princípios. No final do módulo o aluno deve estar apto a ver o design como uma expressão planificada de um propósito, e determinar o seu papel no âmbito de uma metodologia projectual.

Duração

40 tempos lectivos (Outubro / Novembro / Dezembro de 2009)

Marcadores

Questões acerca do Design

Evolução histórica do design

Princípios e factores que caracterizam os objectos

Design

Apontamentos das aulas

O Design é...
Os objectos
O ambiente da Revolução Industrial
Artes e Ofícios
Arte Nova
Werkbund
Bauhaus
Modernismo_pós-modernismo
Critérios não utilitários na avaliação de um objecto
Design
Metodologia Projectual

Fichas de actividade

Questões sobre a Revolução Industrial
Questões sobre o movimento Artes e Ofícios
Questões sobre a Arte Nova
Questões sobre a Deutscher Werkbund
Questões da Bauhaus à Metodologia Projectual

Testes

Teste1
Teste2

 

Módulo 3 | Comunicação Visual

Info

Neste módulo pretende-se que os alunos desenvolvam a capacidade de expressão e comunicação visual. Compreendam a relação forma/função. Utilizem intencionalmente os elementos visuais e as suas interacções, para o enriquecimento da expressão e da recepção de mensagens visuais. Desenvolvam uma atitude crítica em relação ao ambiente visual.Promovam o conhecimento da organização perceptiva, em geral, e da percepção visual em particular.

Duração

40 tempos lectivos (Dezembro de 2009/ Janeiro / Fevereiro de 2010)

Marcadores

Gramática/códigos visuais

Percepção e comunicação visual

A definição das funções do produto

Expressão e representação

Suportes, materiais e técnicas

Apontamentos das aulas

Gramática Visual / Ponto.
Gramática Visual / Linha.
Gramática Visual / Textura.
Gramática Visual / Cor.
Composição.
Introdução à comunicação visual.
Breve introdução à percepção visual.
Introdução à Gestalt (Teoria da forma)
Funções de um objecto.

Fichas de actividade

Gramática visual.
Composição.
Comunicação.
Percepção visual.
Teoria da Gestalt.

Testes

Teste1
Teste2

 

Módulo 4 | Design Multimédia

Info

Este módulo aborda as noções estéticas, ergonómicas e funcionais relacionadas com o desenho e organização dos componentes para o meio específico que é a multimédia, tais como: A forma, a cor, a interacção, a tipografia e a legibilidade.

Neste módulo pretende-se sensibilizar os alunos para a importância da função do design multimédia. Compreender o processo de desenvolvimento de um produto multimédia. Conceber layouts para aplicações multimédia interactivas avançadas. Aplicar, de forma adequada, os princípios básicos de design na concepção de um produto multimédia.

Duração

52 tempos lectivos (Fevereiro / Março / Abril de 2010)

Marcadores

Conceitos gerais de design e composição gráfica

Ergonomia de ecrã

Optimização de conteúdos para os diversos suportes

Design do interface

Noções de layout


Apontamentos das aulas

Estes apontamentos estão, igualmente, disponíveis em leonelcunha.net/formacao.

Flash: Interface
Flash: Ferramentas
Flash: Cores, transparência e preenchimentos
Flash: Manipulação de objectos
Flash: Símbolos
Flash: Timeline
Flash: Animação
Flash: Áudio e vídeo

Design Multimédia e metodologia do projecto.
Interface e navegação.

Exemplos dos exercícios

LoadMovie
LoadMovie2
Popup_window
Preloader com componentes
Mascara de video1
Mascara de video2
Controlo de som1
Controlo de som2
Behavior_som
Behavior_video
Behaviors_drag_fullscreen
Behavior_loadGraphic
Autorun

Ficha de actividade

Design Multimédia

Propostas de trabalho

Proposta 1
Proposta 2
Proposta 3
Relatório


Ficheiros para a proposta 2
Ficheiros para a proposta 3: CR-Rom


Módulo 5 | Arquitectura de Informação

Info

A arquitectura de informação é determinante para a usabilidade de um produto multimédia. Importa pois que os alunos saibam de que modo se deve planificar e estruturar toda a informação de um produto multimédia, para que este seja intuitivo e interactivo.

Conhecer as especificações dos diversos suportes multimédia. Distinguir os diferentes tipos de navegação. Conhecer as necessidades e comportamentos dos utilizadores. Compreender a importância de uma boa arquitectura de informação e o impacto que pode ter numa aplicação multimédia. Seleccionar, organizar e distribuir a informação a integrar numa aplicação multimédia com o objectivo de a tornar o mais eficaz e intuitiva possível. Conceber aplicações multimédia tendo em conta as principais normas de usabilidade e acessibilidade.

Duração

40 tempos lectivos (Abril / Maio / Junho de 2010)

Marcadores

Introdução à arquitectura de informação

Princípios básicos da arquitectura de informação

Sistemas de pesquisa de informação

Teste de usabilidade

Avaliação heurística


Apontamentos das aulas

Introdução à Arquitectura de Informação
Notas para uma avaliação de interfaces
Qualidades das interfaces
dtd e estrutura de xhtml
xhtml e css
css 2.1_1
css 2.1_2
css 3
html 4.1_1
html 4.1_1
html 5

Fichas de actividade

Análise de um site
Questões sobre Arquitectura de Informação
Análise de sites através da imagem da interface

Imagens

Imagens de sites institucionais para análise
Imagens de sites /portfolio para análise
Exercícios 1 a 6

Testes

Teste 1
Teste 2
Teste 3


Recursos Online

Revistas

Smashing Magazine
Web Designer Wall
Design Reviver
Artigos actuais, tutoriais e downloads.

Sobre Fotografia

Centro Português de Fotografia
pt.wikipedia.org/wiki/História_da_fotografia
pt.wikipedia.org/wiki/Fotografia
Fotografia digital
kodak.com/BR/pt
Histogramas
canalfoto.org/info

Definições e características dos Multimédia

pt.wikipedia.org/wiki/Multimédia
Definição de multimédia e tipos de media.

en.wikipedia.org/wiki/Multimedia
Definições de multimédia e tipos de media.

pt.wikipedia.org/wiki/Hipermédia
Definição de hipermedia.

webopedia.com/Multimedia
Definições organizadas por subcategorias.

citi.pt/multimedia
Curso multimédia online. Conceitos e terminologia.

acs.ucalgary.ca/~edtech/688/hist.htm
História dos multimédia.

xtimeline.com/timeline/A-history-of-multimedia
História dos multimédia em timeline.

w2vr.com/contents.html
Multimédia. De Wagner à realidade virtual.

cs.cf.ac.uk/Dave/Multimedia/node1.html
Introdução aos multimédia.


Exemplos | Projectos Multimédia

telepoesis.net/poesia.html
Poesia de ecrã.Textos animados de Rui Torres.

telepoesis.net/e-textualidades
Página de projectos dos alunos do Mestrado em Ciências da Comunicação da UNL, orientados por Rui Torres.

soundtoys.net
Brinquedos sonoros interactivos.

dreamingmethods.com
Fusão entre escrita e narrativa interactiva.

turbulence.org
Portal agregador de netart.

visualcomplexity.com
site agregador de interfaces de visualização de dados.

flyingpuppet.com
e-narrativas de Nicolas Clauss.

99rooms.com
Animação interactiva.

yhchang.com
Texto e animação.

renascent.nl
Excelente portfolio de motion graphics do designer/director, Joast korngoald.

 

Recursos para Web Design

W3C.org
Organização internacional que se dedica ao desenvolvimento de web standards.
W3Schools
Excelente recurso de estudo online de xHTML, CSS; JS, XML, Flash; etc.
Dreamweaver Developer Center
Centro de recursos da Adobe, orientado para web developers.
CSS Zen Garden
Excelente demonstração do que é possivel fazer com CSS. Uma referência na web!
CSS Play
Experiências com CSS. Um conjunto de demonstrações avançadas do que é possivel fazer com CSS.
Glish.com
Técnicas de Layout com CSS.
Listamatic
Excelentes tutoriais de menus e layouts com cSS.
Layout Gala
Série de layouts compativeis com vários browsers.
Little Boxes
Layouts em XHTML e CSS.http://www.w3schools.com/default.asp
CSS Basics
Livro online sobre CSS. Conciso e muito prático.
CSS Model
Técnicas e recursos de CSS. Links para outros sites com galerias, tutoriais e templates.
Criar Web
Site sobre desenvolvimento web. Bastante útil. Em Português!
Dinamic Drive
Livrarias de CSS. Ferramentas e tutoriais de javascript. Excelente recurso!
Visual Blast
Excelente agregador de recursos. Em português!
Css Generator
Css Generator. Ferramenta geradora de layouts. Bom site com mais recursos e fórum.
CSS Type
Ferramenta geradora de folhas de estilo CSS para fontes. Visualização em tempo real.
mitchbryson.com
Poucos, mas bons templates, com ficheiros CSS muito completos e bem construídos.
corkdump.com
Excelente fonte de recursos para developers e designers!

Showcases de sites em XHTML / CSS

Excelentes fontes de referência / inspiração.
CSS Container
Css Mania
CSS Hazard
CSS Based
CSS Leak
CSS Index
CSS Beauty
CSS Pig
Unmatched Style
Best Web Gallery
Web Site Design Awards
Style Boots

Net Book

Web Developers Handbook
Uma lista de links fundamentais para web design e web development. HTML, CSS javascript, usabilidade, etc.

Recursos para Flash

Gotoandlearn
Kirupa
Ffiles
Flashmo
Flashden
Actionscript.org

actionscriptcheatsheet.com

 

Ano lectivo 2009/2010 | leonelcunha.net | Formação | leonelcunha[at]gmail.com